@php
    $defaultOptions = [
        'ip_wise' => [],
        'districts' => [],
        'tehsils' => [],
        'bank_name' => [],
        'branches' => [],
        'beneficiary' => [],
        'uuid' => [],
    ];

    $options = array_merge($defaultOptions, $options ?? []);
    $selected = $selected ?? [];
@endphp

<form method="GET" action="{{ url()->current() }}" class="sphf-filter-row" id="sphfFilterForm">
    <x-sphf-dropdown-filter title="IP Wise" name="ip-wise" inputName="filters[ip_wise][]" :options="$options['ip_wise']" :selected="$selected['ip_wise'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="Districts" name="districts" inputName="filters[districts][]" :options="$options['districts']" :selected="$selected['districts'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="Tehsils" name="tehsils" inputName="filters[tehsils][]" :options="$options['tehsils']" :selected="$selected['tehsils'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="Bank Name" name="bank-name" inputName="filters[bank_name][]" :options="$options['bank_name']" :selected="$selected['bank_name'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="Bank Branch" name="branches" inputName="filters[branches][]" :options="$options['branches']" :selected="$selected['branches'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="Beneficiary/CNIC" name="beneficiary" inputName="filters[beneficiary][]" :options="$options['beneficiary']" :selected="$selected['beneficiary'] ?? []" searchable="true" />
    <x-sphf-dropdown-filter title="UUID" name="uuid" inputName="filters[uuid][]" :options="$options['uuid']" :selected="$selected['uuid'] ?? []" searchable="true" />

    <div class="ml-auto flex gap-6">
        <span id="sphfActiveFiltersBadge" class="sphf-reset-btn" style="color:#FFFFFF;border-color:#c7d2fe;cursor:default;">Active: 0</span>
        <a href="{{ url()->current() }}" class="sphf-reset-btn">Reset All Filters</a>
    </div>
</form>