{{-- Shared Inventory report filter bar. Pass $showPart / $showSupplier / $showCategory / $showVehicle / $showDates booleans. --}}
@php
    $showPart ??= false;
    $showSupplier ??= false;
    $showCategory ??= false;
    $showVehicle ??= false;
    $showDates ??= true;
@endphp

<form method="GET" class="flex flex-wrap items-end gap-3 rounded-card border border-gray-100 bg-white p-4 shadow-sm">
    @if ($showDates)
        <div>
            <label for="filter_from" class="block text-xs font-medium text-gray-500">{{ __('From') }}</label>
            <input type="date" name="from" id="filter_from" value="{{ $filters['from'] ?? '' }}" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
        </div>
        <div>
            <label for="filter_to" class="block text-xs font-medium text-gray-500">{{ __('To') }}</label>
            <input type="date" name="to" id="filter_to" value="{{ $filters['to'] ?? '' }}" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
        </div>
    @endif
    @if ($showPart)
        <div>
            <label for="filter_part" class="block text-xs font-medium text-gray-500">{{ __('Part') }}</label>
            <select name="part" id="filter_part" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
                <option value="">{{ __('All parts') }}</option>
                @foreach ($parts ?? [] as $partOption)
                    <option value="{{ $partOption->ulid }}" @selected(($filters['part'] ?? null) === $partOption->ulid)>{{ $partOption->name }}</option>
                @endforeach
            </select>
        </div>
    @endif
    @if ($showSupplier)
        <div>
            <label for="filter_supplier" class="block text-xs font-medium text-gray-500">{{ __('Supplier') }}</label>
            <select name="supplier" id="filter_supplier" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
                <option value="">{{ __('All suppliers') }}</option>
                @foreach ($suppliers ?? [] as $supplierOption)
                    <option value="{{ $supplierOption->ulid }}" @selected(($filters['supplier'] ?? null) === $supplierOption->ulid)>{{ $supplierOption->name }}</option>
                @endforeach
            </select>
        </div>
    @endif
    @if ($showCategory)
        <div>
            <label for="filter_category" class="block text-xs font-medium text-gray-500">{{ __('Category') }}</label>
            <select name="category" id="filter_category" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
                <option value="">{{ __('All categories') }}</option>
                @foreach ($categories ?? [] as $categoryOption)
                    <option value="{{ $categoryOption }}" @selected(($filters['category'] ?? null) === $categoryOption)>{{ $categoryOption }}</option>
                @endforeach
            </select>
        </div>
    @endif
    @if ($showVehicle)
        <div>
            <label for="filter_vehicle" class="block text-xs font-medium text-gray-500">{{ __('Vehicle') }}</label>
            <select name="vehicle" id="filter_vehicle" class="mt-1 rounded-card border-gray-300 text-sm focus:border-teal-600 focus:ring-teal-600">
                <option value="">{{ __('All vehicles') }}</option>
                @foreach ($vehicles ?? [] as $vehicleOption)
                    <option value="{{ $vehicleOption->ulid }}" @selected(($filters['vehicle'] ?? null) === $vehicleOption->ulid)>{{ $vehicleOption->plate }}</option>
                @endforeach
            </select>
        </div>
    @endif
    <button type="submit" class="rounded-card bg-teal-700 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-teal-600">
        {{ __('Apply') }}
    </button>
    <div class="ml-auto flex gap-2">
        <a href="{{ request()->fullUrlWithQuery(array_merge(request()->query(), ['format' => 'csv'])) }}" class="inline-flex items-center rounded-card border border-gray-200 px-3 py-2 text-xs font-medium text-gray-600 hover:bg-gray-50">{{ __('CSV') }}</a>
        <a href="{{ request()->fullUrlWithQuery(array_merge(request()->query(), ['format' => 'xlsx'])) }}" class="inline-flex items-center rounded-card border border-gray-200 px-3 py-2 text-xs font-medium text-gray-600 hover:bg-gray-50">{{ __('Excel') }}</a>
        <a href="{{ request()->fullUrlWithQuery(array_merge(request()->query(), ['format' => 'pdf'])) }}" class="inline-flex items-center rounded-card border border-gray-200 px-3 py-2 text-xs font-medium text-gray-600 hover:bg-gray-50">{{ __('PDF') }}</a>
    </div>
</form>