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

<div class="form-grid form-grid--single">
    <div class="field">
        <label for="f_kecamatan">Kecamatan</label>
        <select id="f_kecamatan">
            <option value="">Pilih Kecamatan</option>
            @foreach ($kecamatan as $item)
                <option value="{{ $item->id }}" @selected(($rw->kelurahan->kecamatan_id ?? null) == $item->id)>{{ $item->nama }}</option>
            @endforeach
        </select>
        <p class="field-hint">Pilih kecamatan untuk menyaring pilihan kelurahan.</p>
    </div>

    <div class="field">
        <label for="kelurahan_id">Kelurahan</label>
        <select id="kelurahan_id" name="kelurahan_id" data-cascade-parent="f_kecamatan">
            <option value="">Pilih Kelurahan</option>
            @foreach ($kelurahan as $item)
                <option value="{{ $item->id }}" data-parent="{{ $item->kecamatan_id }}" @selected(old('kelurahan_id', $rw->kelurahan_id ?? '') == $item->id)>{{ $item->nama }}</option>
            @endforeach
        </select>
        @error('kelurahan_id')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="nomor">Nomor RW</label>
        <input type="text" id="nomor" name="nomor" value="{{ old('nomor', $rw->nomor ?? '') }}" placeholder="Contoh: 01">
        @error('nomor')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="ketua_rw">Ketua RW</label>
        <input type="text" id="ketua_rw" name="ketua_rw" value="{{ old('ketua_rw', $rw->ketua_rw ?? '') }}" placeholder="Nama ketua RW">
        @error('ketua_rw')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="telepon">Telepon</label>
        <input type="text" id="telepon" name="telepon" value="{{ old('telepon', $rw->telepon ?? '') }}" placeholder="08xxxxxxxxxx">
        @error('telepon')
            <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', $rw->status ?? 'Aktif') === 'Aktif')>Aktif</option>
            <option value="Nonaktif" @selected(old('status', $rw->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('rw.index') }}" class="btn btn--ghost">Batal</a>
</div>