@props([
    'action',
    'filters' => [],
    'export' => false,
    'date' => false,
    'exportRoute' => null
])

<div class="d-flex align-items-center flex-wrap gap-3">
    <span class="text-secondary fw-medium p-2">Show</span>

    {{-- Per Page --}}
    <form action="{{ $action }}" method="GET">
        @if(request('search')) <input type="hidden" name="search" value="{{ request('search') }}"> @endif
        @foreach ($filters as $name => $options)
            @if(request($name)) <input type="hidden" name="{{ $name }}" value="{{ request($name) }}"> @endif
        @endforeach
        <select name="per_page" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
            @foreach ([5, 10, 25, 50, 100, 150] as $count)
                <option value="{{ $count }}" {{ request('per_page', 10) == $count ? 'selected' : '' }}>
                    {{ $count }}
                </option>
            @endforeach
        </select>
    </form>

    {{-- Filters --}}
    @foreach ($filters as $name => $options)
        <form action="{{ $action }}" method="GET">
            <input type="hidden" name="per_page" value="{{ request('per_page', 10) }}">
            @if(request('search')) <input type="hidden" name="search" value="{{ request('search') }}"> @endif
            @foreach ($filters as $key => $opt)
                @if ($key !== $name && request($key))
                    <input type="hidden" name="{{ $key }}" value="{{ request($key) }}">
                @endif
            @endforeach
            <select name="{{ $name }}" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                <option value="">All {{ ucfirst($name) }}</option>
                @foreach ($options as $value => $label)
                    <option value="{{ $value }}" {{ request($name) == $value ? 'selected' : '' }}>
                        {{ $label }}
                    </option>
                @endforeach
            </select>
        </form>
    @endforeach

    {{-- Search --}}
    <form class="d-flex" action="{{ $action }}" method="GET">
        <input type="hidden" name="per_page" value="{{ request('per_page', 10) }}">
        @foreach ($filters as $name => $options)
            @if(request($name)) <input type="hidden" name="{{ $name }}" value="{{ request($name) }}"> @endif
        @endforeach
        <div class="input-group input-group-sm">
            <input type="text" class="form-control" name="search" placeholder="Search"
                value="{{ request('search') }}">
            <button class="btn btn-outline-secondary" type="submit">
                <iconify-icon icon="ion:search-outline"></iconify-icon>
            </button>
        </div>
    </form>

    {{-- Export --}}
    @if(isset($export) && $export === true)
        <form action="{{ $exportRoute }}" method="GET">
            <input type="hidden" name="search" value="{{ request('search') }}">
            <input type="hidden" name="per_page" value="{{ request('per_page', 10) }}">

            @foreach ($filters as $name => $options)
                @if(request($name)) <input type="hidden" name="{{ $name }}" value="{{ request($name) }}"> @endif
            @endforeach

            <div class="input-group input-group-sm w-auto">
                <select name="format" class="form-select form-select-sm" required>
                    <option value="" disabled selected>Choose</option>
                    <option value="xlsx">Excel</option>
                    <option value="csv">CSV</option>
                    <option value="pdf">PDF</option>
                </select>

                <button class="btn btn-success btn-sm" type="submit">
                    <iconify-icon icon="mdi:download"></iconify-icon>
                </button>
            </div>
        </form>
    @endif
    

    @if(isset($date) && $date === true)
        <form action="{{ $action }}" method="GET" class="d-flex gap-2 align-items-center">
            <input type="hidden" name="per_page" value="{{ request('per_page', 10) }}">
            @if(request('search')) <input type="hidden" name="search" value="{{ request('search') }}"> @endif
            @foreach ($filters as $name => $options)
                @if(request($name)) <input type="hidden" name="{{ $name }}" value="{{ request($name) }}"> @endif
            @endforeach

            <input type="date" name="start_date" class="form-control form-control-sm" value="{{ request('start_date') }}">
            <input type="date" name="end_date" class="form-control form-control-sm" value="{{ request('end_date') }}">

            <button class="btn btn-outline-secondary btn-sm" type="submit">
                <iconify-icon icon="ion:search-outline"></iconify-icon>
            </button>
        </form>
    @endif


    {{-- Clear Filters --}}
    <a href="{{ $action }}" class="btn btn-outline-danger btn-sm">
        {{-- <iconify-icon icon="mdi:filter-remove-outline"></iconify-icon> --}}
        Clear
    </a>


</div>