@extends('layouts.admin')

@section('title', 'Vendor Codes')
@section('breadcrumb', 'Vendor Codes')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0 fw-bold"><i class="bi bi-upc-scan me-2 text-primary"></i>Vendor Codes & QR</h4>
    <a href="{{ route('admin.vendor-codes.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-2"></i>Add Vendor Code
    </a>
</div>

<div class="card mb-3 p-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-sm-4">
            <input type="text" name="search" class="form-control form-control-sm"
                   placeholder="Search code, vendor ID or manufacturer..."
                   value="{{ request('search') }}">
        </div>
        <div class="col-sm-3">
            <select name="status" class="form-select form-select-sm">
                <option value="">All Statuses</option>
                <option value="active"   @selected(request('status') === 'active')>Active</option>
                <option value="inactive" @selected(request('status') === 'inactive')>Inactive</option>
            </select>
        </div>
        <div class="col-sm-3">
            <select name="manufacturer_id" class="form-select form-select-sm">
                <option value="">All Manufacturers</option>
                @foreach($manufacturers as $m)
                    <option value="{{ $m->id }}" @selected(request('manufacturer_id') == $m->id)>
                        {{ Str::limit($m->manufacturer_name, 30) }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-sm btn-primary">Filter</button>
            <a href="{{ route('admin.vendor-codes.index') }}" class="btn btn-sm btn-outline-secondary ms-1">Reset</a>
        </div>
    </form>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Vendor ID</th>
                    <th>Code</th>
                    <th>Manufacturer</th>
                    <th>Type</th>
                    <th>QR Code</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($vendorCodes as $vc)
                <tr>
                    <td>
                        <span class="badge bg-dark font-monospace">{{ $vc->vendor_id ?? '—' }}</span>
                    </td>
                    <td><code class="fw-bold">{{ $vc->code }}</code></td>
                    <td>
                        @if($vc->manufacturer)
                            <a href="{{ route('admin.manufacturers.show', $vc->manufacturer) }}" class="text-decoration-none">
                                {{ Str::limit($vc->manufacturer->manufacturer_name, 30) }}
                            </a>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td>
                        @if($vc->is_prefix)
                            <span class="badge bg-info text-dark"><i class="bi bi-asterisk me-1"></i>Prefix</span>
                        @else
                            <span class="badge bg-secondary">Exact</span>
                        @endif
                    </td>
                    <td>
                        @if($vc->qr_code_path)
                            <a href="{{ route('admin.vendor-codes.show', $vc) }}"
                               class="d-inline-block" title="Preview QR Code">
                                <img src="{{ $vc->getQrImageUrl() }}" alt="QR"
                                     style="width:44px;height:44px;border-radius:4px;border:1px solid #dee2e6">
                            </a>
                        @else
                            <span class="text-muted small">Not generated</span>
                        @endif
                    </td>
                    <td>
                        @if($vc->status === 'active')
                            <span class="badge badge-active">Active</span>
                        @else
                            <span class="badge badge-inactive">Inactive</span>
                        @endif
                    </td>
                    <td>
                        <div class="d-flex gap-1 flex-wrap">
                            <a href="{{ route('admin.vendor-codes.show', $vc) }}"
                               class="btn btn-sm btn-outline-info" title="QR Preview">
                                <i class="bi bi-qr-code"></i>
                            </a>
                            <a href="{{ route('admin.vendor-codes.edit', $vc) }}"
                               class="btn btn-sm btn-outline-primary" title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @if($vc->qr_code_path)
                            <a href="{{ route('admin.vendor-codes.download-qr', $vc) }}"
                               class="btn btn-sm btn-outline-success" title="Download QR">
                                <i class="bi bi-download"></i>
                            </a>
                            @endif
                            <form method="POST" action="{{ route('admin.vendor-codes.toggle-status', $vc) }}" class="d-inline">
                                @csrf
                                <button type="submit"
                                        class="btn btn-sm btn-outline-{{ $vc->status === 'active' ? 'warning' : 'success' }}"
                                        title="{{ $vc->status === 'active' ? 'Deactivate' : 'Activate' }}">
                                    <i class="bi bi-{{ $vc->status === 'active' ? 'pause' : 'play' }}"></i>
                                </button>
                            </form>
                            <form method="POST" action="{{ route('admin.vendor-codes.destroy', $vc) }}"
                                  class="d-inline" onsubmit="return confirm('Delete this vendor code and its QR?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center text-muted py-4">No vendor codes found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($vendorCodes->hasPages())
    <div class="card-footer">{{ $vendorCodes->links() }}</div>
    @endif
</div>
@endsection