@php
    $dialogId = $mode === 'create' ? 'create-divisi' : 'edit-divisi-' . $divisi->id;
    $useOld = old('_dialog') === $dialogId;
    $val = function (string $name) use ($useOld, $divisi): string {
        $default = (string) ($divisi?->{$name} ?? '');
        return $useOld ? (string) old($name, $default) : $default;
    };
    $heading = $mode === 'create' ? 'Tambah Divisi' : 'Ubah Divisi';
    $submit = $mode === 'create' ? 'Simpan Divisi' : 'Update Divisi';
@endphp
<input type="hidden" name="_form" value="{{ $mode }}">
<input type="hidden" name="_dialog" value="{{ $dialogId }}">
<input type="hidden" name="_tab" value="divisi">
<div class="pkbm-class-form-dialog__header flex items-start justify-between gap-3 border-b border-slate-100 p-5">
    <div class="flex items-start gap-3">
        <span class="pkbm-class-form-dialog__icon" aria-hidden="true"><i class="bi bi-diagram-3"></i></span>
        <div>
            <h2 id="{{ $dialogId }}-title" class="sp-section-title">{{ $heading }}</h2>
            <p class="mt-1 text-xs text-slate-500">Bidang/divisi dalam struktur organisasi.</p>
        </div>
    </div>
    <button type="button" data-close-dialog class="pkbm-class-form-dialog__close grid size-8 shrink-0 place-items-center rounded-lg text-slate-500" aria-label="Tutup">
        <i class="bi bi-x-lg" aria-hidden="true"></i>
    </button>
</div>
<div class="max-h-[70vh] space-y-4 overflow-y-auto p-5">
    <div>
        <label class="sp-form-label" for="{{ $dialogId }}-nama">Nama Divisi <span class="text-rose-500">*</span></label>
        <input id="{{ $dialogId }}-nama" name="nama" type="text" maxlength="150" required placeholder="mis. Divisi Pendidikan"
               value="{{ $val('nama') }}" class="sp-form-control px-3 py-2.5 text-sm">
    </div>
    <div>
        <label class="sp-form-label" for="{{ $dialogId }}-keterangan">Keterangan</label>
        <textarea id="{{ $dialogId }}-keterangan" name="keterangan" rows="3" maxlength="1000" class="sp-form-control px-3 py-2.5 text-sm">{{ $val('keterangan') }}</textarea>
    </div>
</div>
<div class="pkbm-class-form-dialog__footer flex justify-end gap-2 border-t border-slate-100 p-5">
    <button type="button" data-close-dialog class="sp-btn-secondary">Batal</button>
    <button type="submit" class="sp-btn-primary"><i class="bi bi-check2-circle" aria-hidden="true"></i>{{ $submit }}</button>
</div>