@php
    $queryBase = request()->only([
        'purchase_order', 'q', 'vendor_name', 'purchase_order_number', 'status', 'city',
        'issued_from', 'issued_to', 'amount_min', 'amount_max', 'item_name',
    ]);
@endphp
<div class="billing-clients-sidebar__toolbar">
    <div class="dropdown flex-grow-1">
        <button type="button" class="btn btn-filter-clients dropdown-toggle w-100" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
            <span class="text-truncate">Filter Purchase Orders</span>
            @if($hasFilters)<span class="billing-filter-dot"></span>@endif
        </button>
        <div class="dropdown-menu billing-clients-filter-menu shadow p-3 w-100" style="min-width:300px">
            <form method="GET" action="{{ route('admin.purchase-orders.index') }}">
                @foreach(collect($queryBase)->except([
                    'vendor_name', 'purchase_order_number', 'status', 'city',
                    'issued_from', 'issued_to', 'amount_min', 'amount_max', 'item_name', 'q',
                ]) as $key => $val)
                    @if($val && $val !== 'all')<input type="hidden" name="{{ $key }}" value="{{ $val }}">@endif
                @endforeach
                <div class="mb-2">
                    <label class="form-label small mb-1">Vendor name</label>
                    <input type="text" name="vendor_name" class="form-control form-control-sm" value="{{ $filters['vendor_name'] ?? '' }}">
                </div>
                <div class="mb-2">
                    <label class="form-label small mb-1">Purchase Order no</label>
                    <input type="text" name="purchase_order_number" class="form-control form-control-sm" value="{{ $filters['purchase_order_number'] ?? '' }}">
                </div>
                <div class="mb-2">
                    <label class="form-label small mb-1">Status</label>
                    <select name="status" class="form-select form-select-sm">
                        <option value="all">All</option>
                        @foreach($statuses as $key => $meta)
                            <option value="{{ $key }}" @selected(($filters['status'] ?? 'all') === $key)>{{ $meta['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-success btn-sm flex-grow-1">Apply</button>
                    <a href="{{ route('admin.purchase-orders.index', collect($queryBase)->only(['purchase_order'])->filter()->all()) }}" class="btn btn-light btn-sm">Clear</a>
                </div>
            </form>
        </div>
    </div>
    <a href="{{ route('admin.purchase-orders.create') }}" class="btn btn-new-client" title="New purchase order">
        <i class="ri-add-line"></i><span class="d-none d-xl-inline ms-1">New</span>
    </a>
</div>