@php $kelurahan = $kelurahan ?? null; @endphp

<div class="form-grid form-grid--single">
    <div class="field">
        <label for="kecamatan_id">Kecamatan</label>
        <select id="kecamatan_id" name="kecamatan_id">
            <option value="">Pilih Kecamatan</option>
            @foreach ($kecamatan as $item)
                <option value="{{ $item->id }}" @selected(old('kecamatan_id', $kelurahan->kecamatan_id ?? '') == $item->id)>{{ $item->nama }}</option>
            @endforeach
        </select>
        @error('kecamatan_id')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="nama">Nama Kelurahan</label>
        <input type="text" id="nama" name="nama" value="{{ old('nama', $kelurahan->nama ?? '') }}" placeholder="Contoh: Baru">
        @error('nama')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="kode_pos">Kode Pos</label>
        <input type="text" id="kode_pos" name="kode_pos" value="{{ old('kode_pos', $kelurahan->kode_pos ?? '') }}" placeholder="Contoh: 94225">
        @error('kode_pos')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="status">Status</label>
        <select id="status" name="status">
            <option value="Aktif" @selected(old('status', $kelurahan->status ?? 'Aktif') === 'Aktif')>Aktif</option>
            <option value="Nonaktif" @selected(old('status', $kelurahan->status ?? '') === 'Nonaktif')>Nonaktif</option>
        </select>
        @error('status')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>
</div>

<div class="form-actions">
    <button type="submit" class="btn">
        <i data-lucide="check"></i>
        <span>Simpan</span>
    </button>
    <a href="{{ route('kelurahan.index') }}" class="btn btn--ghost">Batal</a>
</div>