@php
    $selectedUnitId = (int) ($selectedUnitId ?? 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="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
        </svg>
        Unit Kerja
    </span>
    <select name="unit_id" 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="">Semua Direktorat</option>
        @foreach($units as $unit)
            <option value="{{ $unit->id }}" @selected($selectedUnitId === (int) $unit->id)>
                {{ $unit->acronym }} - {{ $unit->organization_unit }}
            </option>
        @endforeach
    </select>
</div>