@php
    $placeholders = [
        'supported_countries' => tr('search_supported_country_placeholder'),
        'mobile_country_codes' => tr('search_mobile_country_placeholder'),
        'states' => tr('search_state_placeholder'),
    ];

    $searchPlaceholder = $placeholders[$type] ?? tr('search_supported_country_placeholder');
@endphp

<div class="d-flex justify-content-end align-items-center mb-3">
    <form method="GET" class="d-flex gap-4 align-items-center">
        <input type="text"
               name="search_key"
               value="{{ request('search_key') }}"
               class="form-control"
               placeholder="{{ $searchPlaceholder }}"
               style="max-width: 250px;"/>

        <select name="status" class="form-select" style="width: 150px;">
            <option value="">{{ tr('select_status') }}</option>
            @php
                $statuses = [ACTIVE, INACTIVE];
            @endphp
            @foreach($statuses as $status)
                <option value="{{ $status }}" 
                    @selected(request()->filled('status') && request('status') == $status)>
                    {{ $status == ACTIVE ? tr('active') : tr('inactive') }}
                </option>
            @endforeach
        </select>

        <button class="btn btn-primary btn-icon" type="submit" aria-label="Search">
            <i class="ri-search-line" style="font-size: 20px;"></i>
        </button>

        @if((request()->has('search_key') && request('search_key') !== '') || (request()->has('status') && request('status') !== ''))
            <a href="{{ route('admin.universals.index', $type) }}"
               class="btn btn-secondary btn-icon"
               aria-label="Clear filters">
                <i class="ri-close-line" style="font-size: 20px;"></i>
            </a>
        @endif
    </form>
</div>