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

<div class="panel" style="box-shadow:none; border:none; margin-bottom: 24px;">
    <h3 style="margin-bottom: 14px;">Data Diri</h3>
    <div class="form-grid">
        <div class="field">
            <label for="nama">Nama Lengkap</label>
            <input type="text" id="nama" name="nama" value="{{ old('nama', $pelanggan->nama ?? '') }}" placeholder="Nama sesuai KTP">
            @error('nama')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="nik">NIK <span class="text-faint" style="font-weight:400;">(opsional)</span></label>
            <input type="text" id="nik" name="nik" value="{{ old('nik', $pelanggan->nik ?? '') }}" placeholder="16 digit NIK">
            @error('nik')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="jenis_kelamin">Jenis Kelamin</label>
            <select id="jenis_kelamin" name="jenis_kelamin">
                <option value="">Pilih</option>
                <option value="Laki-laki" @selected(old('jenis_kelamin', $pelanggan->jenis_kelamin ?? '') === 'Laki-laki')>Laki-laki</option>
                <option value="Perempuan" @selected(old('jenis_kelamin', $pelanggan->jenis_kelamin ?? '') === 'Perempuan')>Perempuan</option>
            </select>
            @error('jenis_kelamin')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="tempat_lahir">Tempat Lahir</label>
            <input type="text" id="tempat_lahir" name="tempat_lahir" value="{{ old('tempat_lahir', $pelanggan->tempat_lahir ?? '') }}">
            @error('tempat_lahir')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="tanggal_lahir">Tanggal Lahir</label>
            <input type="date" id="tanggal_lahir" name="tanggal_lahir" value="{{ old('tanggal_lahir', isset($pelanggan->tanggal_lahir) ? $pelanggan->tanggal_lahir->format('Y-m-d') : '') }}">
            @error('tanggal_lahir')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="phone">Telepon</label>
            <input type="text" id="phone" name="phone" value="{{ old('phone', $pelanggan->phone ?? '') }}" placeholder="08xxxxxxxxxx">
            @error('phone')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="email">Email <span class="text-faint" style="font-weight:400;">(opsional)</span></label>
            <input type="email" id="email" name="email" value="{{ old('email', $pelanggan->email ?? '') }}">
            @error('email')<p class="field-error">{{ $message }}</p>@enderror
        </div>
    </div>
</div>

<div class="panel" style="box-shadow:none; border:none; margin-bottom: 24px; border-top: 1px solid var(--color-border); padding-top: 20px;">
    <h3 style="margin-bottom: 14px;">Alamat</h3>
    <div class="form-grid">
        <div class="field field--span-2">
            <label for="alamat">Alamat Lengkap</label>
            <textarea id="alamat" name="alamat" rows="2" placeholder="Nama jalan, nomor rumah, patokan">{{ old('alamat', $pelanggan->alamat ?? '') }}</textarea>
            @error('alamat')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <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', $pelanggan->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="kelurahan_id">Kelurahan</label>
            <select id="kelurahan_id" name="kelurahan_id" data-cascade-parent="kecamatan_id">
                <option value="">Pilih Kelurahan</option>
                @foreach ($kelurahan as $item)
                    <option value="{{ $item->id }}" data-parent="{{ $item->kecamatan_id }}" @selected(old('kelurahan_id', $pelanggan->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="rw_id">RW</label>
            <select id="rw_id" name="rw_id" data-cascade-parent="kelurahan_id">
                <option value="">Pilih RW</option>
                @foreach ($rw as $item)
                    <option value="{{ $item->id }}" data-parent="{{ $item->kelurahan_id }}" @selected(old('rw_id', $pelanggan->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="rt_id">RT</label>
            <select id="rt_id" name="rt_id" data-cascade-parent="rw_id">
                <option value="">Pilih RT</option>
                @foreach ($rt as $item)
                    <option value="{{ $item->id }}" data-parent="{{ $item->rw_id }}" @selected(old('rt_id', $pelanggan->rt_id ?? '') == $item->id)>RT {{ $item->nomor }}</option>
                @endforeach
            </select>
            @error('rt_id')<p class="field-error">{{ $message }}</p>@enderror
        </div>
    </div>
</div>

<div class="panel" style="box-shadow:none; border:none; margin-bottom: 10px; border-top: 1px solid var(--color-border); padding-top: 20px;">
    <h3 style="margin-bottom: 14px;">Layanan Retribusi</h3>
    <div class="form-grid">
        <div class="field">
            <label for="jenis_pelanggan_id">Jenis Pelanggan</label>
            <select id="jenis_pelanggan_id" name="jenis_pelanggan_id">
                <option value="">Pilih Jenis Pelanggan</option>
                @foreach ($jenisPelanggan as $item)
                    <option value="{{ $item->id }}" @selected(old('jenis_pelanggan_id', $pelanggan->jenis_pelanggan_id ?? '') == $item->id)>{{ $item->nama }}</option>
                @endforeach
            </select>
            @error('jenis_pelanggan_id')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field">
            <label for="tanggal_mulai">Tanggal Mulai Berlangganan</label>
            <input type="date" id="tanggal_mulai" name="tanggal_mulai" value="{{ old('tanggal_mulai', isset($pelanggan->tanggal_mulai) ? $pelanggan->tanggal_mulai->format('Y-m-d') : now()->format('Y-m-d')) }}">
            @error('tanggal_mulai')<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', $pelanggan->status ?? 'Aktif') === 'Aktif')>Aktif</option>
                <option value="Nonaktif" @selected(old('status', $pelanggan->status ?? '') === 'Nonaktif')>Nonaktif</option>
                <option value="Pindah" @selected(old('status', $pelanggan->status ?? '') === 'Pindah')>Pindah</option>
                <option value="Berhenti" @selected(old('status', $pelanggan->status ?? '') === 'Berhenti')>Berhenti</option>
            </select>
            @error('status')<p class="field-error">{{ $message }}</p>@enderror
        </div>
        <div class="field field--span-2">
            <label for="keterangan">Keterangan</label>
            <textarea id="keterangan" name="keterangan" rows="2" placeholder="Catatan tambahan (opsional)">{{ old('keterangan', $pelanggan->keterangan ?? '') }}</textarea>
            @error('keterangan')<p class="field-error">{{ $message }}</p>@enderror
        </div>
    </div>
</div>

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