@php
    $selectedYear = (int) old('year', $year ?? 0);
@endphp

<div class="flex flex-col gap-1.5">
    <span class="inline-flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-gray-500">
        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3M3.5 9.5h17M4.5 5.5h15a1 1 0 011 1v13a1 1 0 01-1 1h-15a1 1 0 01-1-1v-13a1 1 0 011-1z"/>
        </svg>
        {{ $label ?? 'Year' }}
    </span>

    <select name="year" onchange="this.form.submit()" class="rounded-lg border border-gray-300 bg-gray-50 text-sm text-gray-900 py-2.5 px-3 focus:ring-2 focus:ring-teal-500 focus:border-teal-500 outline-none transition">
        <option value="" @selected($selectedYear === 0)>{{ $allLabel ?? 'Semua Tahun' }}</option>
        @foreach($years as $option)
            <option value="{{ $option }}" @selected($selectedYear === (int) $option)>{{ $option }}</option>
        @endforeach
    </select>
</div>