@php
    $bagian = $bagian ?? new \App\Models\Bagian();
@endphp

@csrf

<div class="grid gap-6 md:grid-cols-2">
    <div>
        <x-input-label for="nama_bagian" value="Nama Bagian" />
        <x-text-input id="nama_bagian" name="nama_bagian" type="text" class="mt-2 w-full"
            :value="old('nama_bagian', $bagian->nama_bagian ?? '')" required />
        <x-input-error :messages="$errors->get('nama_bagian')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="kantor_id" value="Kantor" />
        <select id="kantor_id" name="kantor_id"
            class="mt-2 w-full rounded-xl border-slate-200 dark:border-slate-700 dark:bg-slate-800"
            required>
            <option value="">Pilih kantor...</option>
            @foreach ($kantorList as $kantor)
                <option value="{{ $kantor->id }}" @selected((string) old('kantor_id', $bagian->kantor_id ?? '') === (string) $kantor->id)>
                    {{ $kantor->nama_kantor }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('kantor_id')" class="mt-2" />
    </div>
</div>

<div class="mt-8 flex items-center justify-end gap-3">
    <a href="{{ route('kategori-bagian.index') }}" class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold text-slate-600 hover:bg-slate-100 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800">
        Batal
    </a>
    <x-primary-button class="px-6 py-2.5">
        Simpan
    </x-primary-button>
</div>