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

<div class="form-grid form-grid--single">
    <div class="field">
        <label for="nama">Nama Jenis Pelanggan</label>
        <input type="text" id="nama" name="nama" value="{{ old('nama', $jenisPelanggan->nama ?? '') }}" placeholder="Contoh: Rumah Tangga">
        @error('nama')
            <p class="field-error">{{ $message }}</p>
        @enderror
    </div>

    <div class="field">
        <label for="kategori">Kategori</label>
        <input type="text" id="kategori" name="kategori" value="{{ old('kategori', $jenisPelanggan->kategori ?? '') }}" placeholder="Contoh: Rumah Tangga / Usaha / Industri">
        @error('kategori')
            <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="3" placeholder="Deskripsi singkat jenis pelanggan ini (opsional)">{{ old('keterangan', $jenisPelanggan->keterangan ?? '') }}</textarea>
        @error('keterangan')
            <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', $jenisPelanggan->status ?? 'Aktif') === 'Aktif')>Aktif</option>
            <option value="Nonaktif" @selected(old('status', $jenisPelanggan->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('jenis-pelanggan.index') }}" class="btn btn--ghost">Batal</a>
</div>