@php $rt = $rt ?? 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(($rt->rw->kelurahan->kecamatan_id ?? null) == $item->id)>{{ $item->nama }}</option>
            @endforeach
        </select>
    </div>

    <div class="field">
        <label for="f_kelurahan">Kelurahan</label>
        <select id="f_kelurahan" data-cascade-parent="f_kecamatan">
            <option value="">Pilih Kelurahan</option>
            @foreach ($kelurahan as $item)
                <option value="{{ $item->id }}" data-parent="{{ $item->kecamatan_id }}" @selected(($rt->rw->kelurahan_id ?? null) == $item->id)>{{ $item->nama }}</option>
            @endforeach
        </select>
        <p class="field-hint">Pilih kecamatan &amp; kelurahan untuk menyaring pilihan RW.</p>
    </div>

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

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

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