{{-- =================================================================================================
FILE  : resources/views/anggota/edit.blade.php
MODUL : Edit Anggota
TAHUN : 2026

FUNGSI:
- Form edit anggota.
- Menampilkan data lama dengan benar.
- Kompatibel snake_case dan legacy pada object $anggota.
- Dropdown wilayah dinamis + preload pilihan dari controller.
- Lock wilayah sesuai role user login.
- Role mengikuti allowedRoles dari controller.
- No Kartu Anggota hanya tampil untuk role tertentu dan lock sekali isi.

CATATAN:
- View ini memakai nama input snake_case agar konsisten dengan create.blade.php.
- Controller update() tetap aman karena mendukung snake_case dan legacy.
================================================================================================= --}}

@extends('layouts.dashboard')

@section('title', 'Edit Anggota')
@section('pagetitle', 'Edit Anggota HNSI 2026')

@push('styles')
<style>
    .section-group{
        background:#f8fafc;
        border:1px solid #f38304;
        border-radius:.75rem;
        padding:.85rem .95rem .5rem;
        margin-bottom:.85rem;
    }
    .section-box-title{
        font-size:.9rem;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.05em;
        color:#343a40;
        margin-bottom:.55rem;
    }
    .form-label{
        font-weight:700;
        color:#0b5ed7;
        font-size:.9rem;
        margin-bottom:.2rem;
    }
    .form-control,
    .form-select,
    textarea.form-control{
        font-weight:700 !important;
        font-size:.95rem;
        color:#000 !important;
    }
    .form-control:focus,
    .form-select:focus,
    textarea.form-control:focus{
        border-color:#0d6efd;
        box-shadow:0 0 0 .18rem rgba(13,110,253,.35);
        background:#f0f6ff;
    }
    .card.border-0.shadow-sm{
        border-radius:.75rem;
    }
    .required-star{
        color:#dc3545;
        font-weight:800;
    }
    .form-text{
        font-size:.78rem;
    }
    .readonly-note{
        font-size:.75rem;
        color:#6c757d;
        margin-top:.25rem;
    }
</style>
@endpush

@section('content')
@php
    $anggotaId = $anggota->anggota_id ?? ($anggota->anggotaid ?? ($anggota->id ?? null));

    $valNama = $anggota->nama_lengkap ?? ($anggota->namalengkap ?? '');
    $valAgama = $anggota->id_agama ?? ($anggota->idagama ?? null);
    $valPendidikan = $anggota->pendidikan_id ?? ($anggota->pendidikanid ?? null);
    $valStatus = $anggota->id_status ?? ($anggota->idstatus ?? null);
    $valJabatan = $anggota->jabatan_id ?? ($anggota->jabatanid ?? null);

    $rawTgl = $anggota->tanggal_lahir ?? ($anggota->tanggallahir ?? null);
    try {
        $valTgl = $rawTgl ? \Carbon\Carbon::parse($rawTgl)->format('Y-m-d') : '';
    } catch (\Throwable $e) {
        $valTgl = '';
    }

    $valJK = $anggota->jenis_kelamin ?? ($anggota->jeniskelamin ?? null);
    $valNoWa = $anggota->nomor_wa ?? ($anggota->nomorwa ?? null);
    $valEmail = $anggota->email ?? null;

    $valStatusOrg = $anggota->status_organisasi ?? ($anggota->statusorganisasi ?? null);

    $valProv = old('alamat_provinsi_id', old('alamatprovinsiid', $anggota->alamat_provinsi_id ?? ($anggota->alamatprovinsiid ?? null)));
    $valKota = old('alamat_kota_id', old('alamatkotaid', $anggota->alamat_kota_id ?? ($anggota->alamatkotaid ?? null)));
    $valKec  = old('alamat_kecamatan_id', old('alamatkecamatanid', $anggota->alamat_kecamatan_id ?? ($anggota->alamatkecamatanid ?? null)));
    $valDesa = old('alamat_desa_id', old('alamatdesaid', $anggota->alamat_desa_id ?? ($anggota->alamatdesaid ?? null)));
    $valDetailAlamat = $anggota->detail_alamat ?? ($anggota->detailalamat ?? '');

    $valStatusRumah = $anggota->status_rumah ?? ($anggota->statusrumah ?? null);
    $valKondisiRumah = $anggota->kondisi_rumah ?? ($anggota->kondisirumah ?? null);
    $valStatusTanah = $anggota->status_tanah_pekarangan ?? ($anggota->statustanahpekarangan ?? null);

    $valListrik = $anggota->akses_listrik ?? ($anggota->akseslistrik ?? null);
    $valAir = $anggota->akses_air_bersih ?? ($anggota->aksesairbersih ?? null);
    $valSanitasi = $anggota->sanitasi ?? null;

    $valBpjsKes = $anggota->bpjs_kesehatan ?? ($anggota->bpjskesehatan ?? null);
    $valBpjsKet = $anggota->bpjs_ketenagakerjaan ?? ($anggota->bpjsketenagakerjaan ?? null);
    $valAsNelayan = $anggota->asuransi_nelayan ?? ($anggota->asuransinelayan ?? null);

    $valRiwayat = $anggota->riwayat_penyakit_kecelakaan ?? ($anggota->riwayatpenyakitkecelakaan ?? null);
    $valKoperasi = $anggota->keanggotaan_koperasi ?? ($anggota->keanggotaankoperasi ?? null);
    $valKusuka = $anggota->kartu_kusuka ?? ($anggota->kartukusuka ?? 'T');

    $roleLoginRaw = strtolower(trim((string)(auth()->user()->role ?? '')));
    $roleAliasMap = [
        'joudie' => 'joudie',
        'superadmin' => 'superadmin',
        'super_admin' => 'superadmin',
        'dpp' => 'dpp',

        'dpd_pengurus' => 'dpd_pengurus',
        'dpdpengurus' => 'dpd_pengurus',
        'dpd_operator' => 'dpd_operator',
        'dpdoperator' => 'dpd_operator',
        'opr_dpd' => 'dpd_operator',
        'operator_dpd' => 'dpd_operator',

        'dpc_pengurus' => 'dpc_pengurus',
        'dpcpengurus' => 'dpc_pengurus',
        'dpc_operator' => 'dpc_operator',
        'dpcoperator' => 'dpc_operator',
        'opr_dpc' => 'dpc_operator',
        'operator_dpc' => 'dpc_operator',

        'ranting_pengurus' => 'ranting_pengurus',
        'rantingpengurus' => 'ranting_pengurus',
        'ranting_operator' => 'ranting_operator',
        'rantingoperator' => 'ranting_operator',
        'opr_ranting' => 'ranting_operator',
        'operator_ranting' => 'ranting_operator',
        'opr_rtg' => 'ranting_operator',

        'anggota' => 'anggota',
    ];
    $roleLogin = $roleAliasMap[$roleLoginRaw] ?? $roleLoginRaw;

    $targetRoleRaw = strtolower(trim((string)($anggota->role ?? 'anggota')));
    $targetRole = $roleAliasMap[$targetRoleRaw] ?? $targetRoleRaw;

    $canEditNoKartu = in_array($roleLogin, ['joudie', 'superadmin', 'dpp'], true);
    $valNoKartuAnggota = $anggota->no_kartu_anggota ?? ($anggota->nokartuanggota ?? null);
    $noKartuKosong = is_null($valNoKartuAnggota) || trim((string)$valNoKartuAnggota) === '';

    $roleLabels = [
        'joudie'            => 'Joudie',
        'superadmin'        => 'Superadmin',
        'dpp'               => 'DPP',
        'dpd_pengurus'      => 'DPD Pengurus',
        'dpd_operator'      => 'DPD Operator',
        'dpc_pengurus'      => 'DPC Pengurus',
        'dpc_operator'      => 'DPC Operator',
        'ranting_pengurus'  => 'Ranting Pengurus',
        'ranting_operator'  => 'Ranting Operator',
        'anggota'           => 'Anggota',
    ];

    $selectedRole = old('role', $targetRole);

    $lockProv = in_array($roleLogin, ['dpd_pengurus','dpd_operator','dpc_pengurus','dpc_operator','ranting_pengurus','ranting_operator','anggota'], true);
    $lockKota = in_array($roleLogin, ['dpc_pengurus','dpc_operator','ranting_pengurus','ranting_operator','anggota'], true);
    $lockKec  = in_array($roleLogin, ['ranting_pengurus','ranting_operator','anggota'], true);
    $lockDesa = in_array($roleLogin, ['anggota'], true);
@endphp

<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-lg-11 col-xl-10">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white border-0 pb-0">
                    <h5 class="mb-1 fw-semibold text-primary">
                        <i class="bi bi-person-lines-fill me-1"></i> Edit Data Anggota
                    </h5>
                    <p class="text-muted small mb-0">
                        Perbarui informasi anggota HNSI 2026 dengan data yang akurat.
                    </p>
                </div>

                <div class="card-body pt-3">

                    @if ($errors->any())
                        <div class="alert alert-danger py-2">
                            <div class="fw-bold mb-1">Terdapat kesalahan input:</div>
                            <ul class="mb-0 ps-3">
                                @foreach ($errors->all() as $err)
                                    <li>{{ $err }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form action="{{ route('anggota.update', $anggotaId) }}" method="POST" class="row g-3">
                        @csrf
                        @method('PUT')

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Identitas Utama</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="nik" class="form-label">NIK <span class="required-star">*</span></label>
                                        <input
                                            type="text"
                                            name="nik"
                                            id="nik"
                                            value="{{ old('nik', $anggota->nik) }}"
                                            class="form-control form-control-sm @error('nik') is-invalid @enderror"
                                            maxlength="18"
                                            required
                                        >
                                        @error('nik')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-8">
                                        <label for="nama_lengkap" class="form-label">Nama Lengkap <span class="required-star">*</span></label>
                                        <input
                                            type="text"
                                            name="nama_lengkap"
                                            id="nama_lengkap"
                                            value="{{ old('nama_lengkap', old('namalengkap', $valNama)) }}"
                                            class="form-control form-control-sm @error('nama_lengkap') is-invalid @enderror @error('namalengkap') is-invalid @enderror"
                                            maxlength="50"
                                            required
                                        >
                                        @error('nama_lengkap')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('namalengkap')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Data Pribadi</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                        <input
                                            type="date"
                                            name="tanggal_lahir"
                                            id="tanggal_lahir"
                                            value="{{ old('tanggal_lahir', old('tanggallahir', $valTgl)) }}"
                                            class="form-control form-control-sm @error('tanggal_lahir') is-invalid @enderror @error('tanggallahir') is-invalid @enderror"
                                        >
                                        @error('tanggal_lahir')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('tanggallahir')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="jenis_kelamin" class="form-label">Jenis Kelamin</label>
                                        <select
                                            name="jenis_kelamin"
                                            id="jenis_kelamin"
                                            class="form-select form-select-sm @error('jenis_kelamin') is-invalid @enderror @error('jeniskelamin') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="L" {{ old('jenis_kelamin', old('jeniskelamin', $valJK)) == 'L' ? 'selected' : '' }}>Laki-laki</option>
                                            <option value="P" {{ old('jenis_kelamin', old('jeniskelamin', $valJK)) == 'P' ? 'selected' : '' }}>Perempuan</option>
                                        </select>
                                        @error('jenis_kelamin')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('jeniskelamin')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="id_agama" class="form-label">Agama</label>
                                        <select
                                            name="id_agama"
                                            id="id_agama"
                                            class="form-select form-select-sm @error('id_agama') is-invalid @enderror @error('idagama') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih Agama --</option>
                                            @foreach ($agamas as $a)
                                                @php
                                                    $idAg = $a->id_agama ?? ($a->idagama ?? null);
                                                    $nmAg = $a->nama_agama ?? ($a->namaagama ?? '');
                                                @endphp
                                                <option value="{{ $idAg }}" {{ old('id_agama', old('idagama', $valAgama)) == $idAg ? 'selected' : '' }}>
                                                    {{ $nmAg }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('id_agama')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('idagama')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="pendidikan_id" class="form-label">Pendidikan Terakhir</label>
                                        <select
                                            name="pendidikan_id"
                                            id="pendidikan_id"
                                            class="form-select form-select-sm @error('pendidikan_id') is-invalid @enderror @error('pendidikanid') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih Pendidikan --</option>
                                            @foreach ($pendidikans as $p)
                                                @php
                                                    $pid = $p->pendidikan_id ?? ($p->pendidikanid ?? null);
                                                    $pname = $p->nama_pendidikan ?? ($p->namapendidikan ?? '');
                                                @endphp
                                                <option value="{{ $pid }}" {{ old('pendidikan_id', old('pendidikanid', $valPendidikan)) == $pid ? 'selected' : '' }}>
                                                    {{ $pname }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('pendidikan_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('pendidikanid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="nomor_wa" class="form-label">Nomor WhatsApp</label>
                                        <input
                                            type="text"
                                            name="nomor_wa"
                                            id="nomor_wa"
                                            value="{{ old('nomor_wa', old('nomorwa', $valNoWa)) }}"
                                            class="form-control form-control-sm @error('nomor_wa') is-invalid @enderror @error('nomorwa') is-invalid @enderror"
                                            maxlength="20"
                                            placeholder="Contoh: 0812XXXXXXX"
                                        >
                                        @error('nomor_wa')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('nomorwa')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12">
                                        <label for="email" class="form-label">Email</label>
                                        <input
                                            type="email"
                                            name="email"
                                            id="email"
                                            value="{{ old('email', $valEmail) }}"
                                            class="form-control form-control-sm @error('email') is-invalid @enderror"
                                            maxlength="40"
                                            placeholder="nama@contoh.com"
                                        >
                                        @error('email')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Status & Organisasi</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="id_status" class="form-label">Status Pekerjaan</label>
                                        <select
                                            name="id_status"
                                            id="id_status"
                                            class="form-select form-select-sm @error('id_status') is-invalid @enderror @error('idstatus') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih Status Pekerjaan --</option>
                                            @foreach ($statusPekerjaans as $s)
                                                @php
                                                    $sid = $s->id_status ?? ($s->idstatus ?? null);
                                                    $sname = $s->nama_status ?? ($s->namastatus ?? '');
                                                @endphp
                                                <option value="{{ $sid }}" {{ old('id_status', old('idstatus', $valStatus)) == $sid ? 'selected' : '' }}>
                                                    {{ $sname }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('id_status')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('idstatus')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="jabatan_id" class="form-label">Jabatan Organisasi</label>
                                        <select
                                            name="jabatan_id"
                                            id="jabatan_id"
                                            class="form-select form-select-sm @error('jabatan_id') is-invalid @enderror @error('jabatanid') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih Jabatan --</option>
                                            @foreach ($jabatans as $j)
                                                @php
                                                    $jid = $j->jabatan_id ?? ($j->jabatanid ?? null);
                                                    $jname = $j->nama_jabatan ?? ($j->namajabatan ?? '');
                                                @endphp
                                                <option value="{{ $jid }}" {{ old('jabatan_id', old('jabatanid', $valJabatan)) == $jid ? 'selected' : '' }}>
                                                    {{ $jname }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('jabatan_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('jabatanid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="status_organisasi" class="form-label">Status Organisasi</label>
                                        <select
                                            name="status_organisasi"
                                            id="status_organisasi"
                                            class="form-select form-select-sm @error('status_organisasi') is-invalid @enderror @error('statusorganisasi') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih Status --</option>
                                            <option value="P" {{ old('status_organisasi', old('statusorganisasi', $valStatusOrg)) == 'P' ? 'selected' : '' }}>Pengurus</option>
                                            <option value="A" {{ old('status_organisasi', old('statusorganisasi', $valStatusOrg)) == 'A' ? 'selected' : '' }}>Anggota</option>
                                            <option value="S" {{ old('status_organisasi', old('statusorganisasi', $valStatusOrg)) == 'S' ? 'selected' : '' }}>Simpatisan</option>
                                        </select>
                                        @error('status_organisasi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('statusorganisasi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Wilayah Domisili</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-3">
                                        <label for="alamat_provinsi_id" class="form-label">Provinsi</label>
                                        <select
                                            name="{{ $lockProv ? '' : 'alamat_provinsi_id' }}"
                                            id="alamat_provinsi_id"
                                            class="form-select form-select-sm @error('alamat_provinsi_id') is-invalid @enderror @error('alamatprovinsiid') is-invalid @enderror"
                                            {{ $lockProv ? 'disabled' : '' }}
                                        >
                                            <option value="">-- Pilih Provinsi --</option>
                                            @foreach (($provinsis ?? collect()) as $prov)
                                                <option value="{{ $prov->id }}" {{ (string)$valProv === (string)$prov->id ? 'selected' : '' }}>
                                                    {{ $prov->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($lockProv)
                                            <input type="hidden" name="alamat_provinsi_id" value="{{ $valProv }}">
                                        @endif
                                        @error('alamat_provinsi_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('alamatprovinsiid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @if ($lockProv)
                                            <div class="readonly-note">Provinsi dikunci sesuai wilayah user login.</div>
                                        @endif
                                    </div>

                                    <div class="col-12 col-md-3">
                                        <label for="alamat_kota_id" class="form-label">Kabupaten / Kota</label>
                                        <select
                                            name="{{ $lockKota ? '' : 'alamat_kota_id' }}"
                                            id="alamat_kota_id"
                                            class="form-select form-select-sm @error('alamat_kota_id') is-invalid @enderror @error('alamatkotaid') is-invalid @enderror"
                                            {{ (!$valProv || $lockKota) ? 'disabled' : '' }}
                                        >
                                            <option value="">-- Pilih Kabupaten / Kota --</option>
                                            @foreach (($kotas ?? collect()) as $k)
                                                <option value="{{ $k->id }}" {{ (string)$valKota === (string)$k->id ? 'selected' : '' }}>
                                                    {{ $k->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($lockKota)
                                            <input type="hidden" name="alamat_kota_id" value="{{ $valKota }}">
                                        @endif
                                        @error('alamat_kota_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('alamatkotaid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @if ($lockKota)
                                            <div class="readonly-note">Kabupaten / kota dikunci sesuai wilayah user login.</div>
                                        @endif
                                    </div>

                                    <div class="col-12 col-md-3">
                                        <label for="alamat_kecamatan_id" class="form-label">Kecamatan</label>
                                        <select
                                            name="{{ $lockKec ? '' : 'alamat_kecamatan_id' }}"
                                            id="alamat_kecamatan_id"
                                            class="form-select form-select-sm @error('alamat_kecamatan_id') is-invalid @enderror @error('alamatkecamatanid') is-invalid @enderror"
                                            {{ (!$valKota || $lockKec) ? 'disabled' : '' }}
                                        >
                                            <option value="">-- Pilih Kecamatan --</option>
                                            @foreach (($kecamatans ?? collect()) as $kc)
                                                <option value="{{ $kc->id }}" {{ (string)$valKec === (string)$kc->id ? 'selected' : '' }}>
                                                    {{ $kc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($lockKec)
                                            <input type="hidden" name="alamat_kecamatan_id" value="{{ $valKec }}">
                                        @endif
                                        @error('alamat_kecamatan_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('alamatkecamatanid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @if ($lockKec)
                                            <div class="readonly-note">Kecamatan dikunci sesuai wilayah user login.</div>
                                        @endif
                                    </div>

                                    <div class="col-12 col-md-3">
                                        <label for="alamat_desa_id" class="form-label">Desa / Kelurahan</label>
                                        <select
                                            name="{{ $lockDesa ? '' : 'alamat_desa_id' }}"
                                            id="alamat_desa_id"
                                            class="form-select form-select-sm @error('alamat_desa_id') is-invalid @enderror @error('alamatdesaid') is-invalid @enderror"
                                            {{ (!$valKec || $lockDesa) ? 'disabled' : '' }}
                                        >
                                            <option value="">-- Pilih Desa / Kelurahan --</option>
                                            @foreach (($desas ?? collect()) as $d)
                                                <option value="{{ $d->id }}" {{ (string)$valDesa === (string)$d->id ? 'selected' : '' }}>
                                                    {{ $d->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($lockDesa)
                                            <input type="hidden" name="alamat_desa_id" value="{{ $valDesa }}">
                                        @endif
                                        @error('alamat_desa_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('alamatdesaid')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @if ($lockDesa)
                                            <div class="readonly-note">Desa / kelurahan dikunci sesuai wilayah user login.</div>
                                        @endif
                                    </div>

                                    <div class="col-12">
                                        <label for="detail_alamat" class="form-label">Detail Alamat</label>
                                        <textarea
                                            name="detail_alamat"
                                            id="detail_alamat"
                                            rows="2"
                                            class="form-control form-control-sm @error('detail_alamat') is-invalid @enderror @error('detailalamat') is-invalid @enderror"
                                            placeholder="Alamat lengkap (jalan/lorong/RT/RW, dusun, patokan, dll)"
                                        >{{ old('detail_alamat', old('detailalamat', $valDetailAlamat)) }}</textarea>
                                        @error('detail_alamat')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('detailalamat')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Kondisi Tempat Tinggal</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="status_rumah" class="form-label">Status Rumah</label>
                                        <select
                                            name="status_rumah"
                                            id="status_rumah"
                                            class="form-select form-select-sm @error('status_rumah') is-invalid @enderror @error('statusrumah') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="M" {{ old('status_rumah', old('statusrumah', $valStatusRumah)) == 'M' ? 'selected' : '' }}>Milik</option>
                                            <option value="S" {{ old('status_rumah', old('statusrumah', $valStatusRumah)) == 'S' ? 'selected' : '' }}>Sewa</option>
                                            <option value="N" {{ old('status_rumah', old('statusrumah', $valStatusRumah)) == 'N' ? 'selected' : '' }}>Menumpang</option>
                                        </select>
                                        @error('status_rumah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('statusrumah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="kondisi_rumah" class="form-label">Kondisi Rumah</label>
                                        <select
                                            name="kondisi_rumah"
                                            id="kondisi_rumah"
                                            class="form-select form-select-sm @error('kondisi_rumah') is-invalid @enderror @error('kondisirumah') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="L" {{ old('kondisi_rumah', old('kondisirumah', $valKondisiRumah)) == 'L' ? 'selected' : '' }}>Layak</option>
                                            <option value="T" {{ old('kondisi_rumah', old('kondisirumah', $valKondisiRumah)) == 'T' ? 'selected' : '' }}>Tidak Layak</option>
                                        </select>
                                        @error('kondisi_rumah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('kondisirumah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="status_tanah_pekarangan" class="form-label">Status Tanah Pekarangan</label>
                                        <select
                                            name="status_tanah_pekarangan"
                                            id="status_tanah_pekarangan"
                                            class="form-select form-select-sm @error('status_tanah_pekarangan') is-invalid @enderror @error('statustanahpekarangan') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="M" {{ old('status_tanah_pekarangan', old('statustanahpekarangan', $valStatusTanah)) == 'M' ? 'selected' : '' }}>Milik</option>
                                            <option value="S" {{ old('status_tanah_pekarangan', old('statustanahpekarangan', $valStatusTanah)) == 'S' ? 'selected' : '' }}>Sewa / Kontrak</option>
                                            <option value="N" {{ old('status_tanah_pekarangan', old('statustanahpekarangan', $valStatusTanah)) == 'N' ? 'selected' : '' }}>Numpang / Lainnya</option>
                                        </select>
                                        @error('status_tanah_pekarangan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('statustanahpekarangan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Akses Dasar Rumah Tangga</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="akses_listrik" class="form-label">Akses Listrik</label>
                                        <select
                                            name="akses_listrik"
                                            id="akses_listrik"
                                            class="form-select form-select-sm @error('akses_listrik') is-invalid @enderror @error('akseslistrik') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('akses_listrik', old('akseslistrik', $valListrik)) == 'Y' ? 'selected' : '' }}>Ada</option>
                                            <option value="T" {{ old('akses_listrik', old('akseslistrik', $valListrik)) == 'T' ? 'selected' : '' }}>Tidak Ada</option>
                                        </select>
                                        @error('akses_listrik')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('akseslistrik')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="akses_air_bersih" class="form-label">Akses Air Bersih</label>
                                        <select
                                            name="akses_air_bersih"
                                            id="akses_air_bersih"
                                            class="form-select form-select-sm @error('akses_air_bersih') is-invalid @enderror @error('aksesairbersih') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('akses_air_bersih', old('aksesairbersih', $valAir)) == 'Y' ? 'selected' : '' }}>Ada</option>
                                            <option value="T" {{ old('akses_air_bersih', old('aksesairbersih', $valAir)) == 'T' ? 'selected' : '' }}>Tidak Ada</option>
                                        </select>
                                        @error('akses_air_bersih')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('aksesairbersih')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="sanitasi" class="form-label">Sanitasi</label>
                                        <select
                                            name="sanitasi"
                                            id="sanitasi"
                                            class="form-select form-select-sm @error('sanitasi') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="L" {{ old('sanitasi', $valSanitasi) == 'L' ? 'selected' : '' }}>Layak</option>
                                            <option value="T" {{ old('sanitasi', $valSanitasi) == 'T' ? 'selected' : '' }}>Tidak Layak</option>
                                        </select>
                                        @error('sanitasi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Jaminan & Perlindungan</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-4">
                                        <label for="bpjs_kesehatan" class="form-label">BPJS Kesehatan</label>
                                        <select
                                            name="bpjs_kesehatan"
                                            id="bpjs_kesehatan"
                                            class="form-select form-select-sm @error('bpjs_kesehatan') is-invalid @enderror @error('bpjskesehatan') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('bpjs_kesehatan', old('bpjskesehatan', $valBpjsKes)) == 'Y' ? 'selected' : '' }}>Memiliki</option>
                                            <option value="T" {{ old('bpjs_kesehatan', old('bpjskesehatan', $valBpjsKes)) == 'T' ? 'selected' : '' }}>Tidak Memiliki</option>
                                        </select>
                                        @error('bpjs_kesehatan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('bpjskesehatan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="bpjs_ketenagakerjaan" class="form-label">BPJS Ketenagakerjaan</label>
                                        <select
                                            name="bpjs_ketenagakerjaan"
                                            id="bpjs_ketenagakerjaan"
                                            class="form-select form-select-sm @error('bpjs_ketenagakerjaan') is-invalid @enderror @error('bpjsketenagakerjaan') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('bpjs_ketenagakerjaan', old('bpjsketenagakerjaan', $valBpjsKet)) == 'Y' ? 'selected' : '' }}>Memiliki</option>
                                            <option value="T" {{ old('bpjs_ketenagakerjaan', old('bpjsketenagakerjaan', $valBpjsKet)) == 'T' ? 'selected' : '' }}>Tidak Memiliki</option>
                                        </select>
                                        @error('bpjs_ketenagakerjaan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('bpjsketenagakerjaan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="asuransi_nelayan" class="form-label">Asuransi Nelayan</label>
                                        <select
                                            name="asuransi_nelayan"
                                            id="asuransi_nelayan"
                                            class="form-select form-select-sm @error('asuransi_nelayan') is-invalid @enderror @error('asuransinelayan') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('asuransi_nelayan', old('asuransinelayan', $valAsNelayan)) == 'Y' ? 'selected' : '' }}>Memiliki</option>
                                            <option value="T" {{ old('asuransi_nelayan', old('asuransinelayan', $valAsNelayan)) == 'T' ? 'selected' : '' }}>Tidak Memiliki</option>
                                        </select>
                                        @error('asuransi_nelayan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('asuransinelayan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Kesehatan & Sosial Ekonomi</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-6">
                                        <label for="keanggotaan_koperasi" class="form-label">Keanggotaan Koperasi</label>
                                        <select
                                            name="keanggotaan_koperasi"
                                            id="keanggotaan_koperasi"
                                            class="form-select form-select-sm @error('keanggotaan_koperasi') is-invalid @enderror @error('keanggotaankoperasi') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('keanggotaan_koperasi', old('keanggotaankoperasi', $valKoperasi)) == 'Y' ? 'selected' : '' }}>Anggota Koperasi</option>
                                            <option value="T" {{ old('keanggotaan_koperasi', old('keanggotaankoperasi', $valKoperasi)) == 'T' ? 'selected' : '' }}>Bukan Anggota</option>
                                        </select>
                                        @error('keanggotaan_koperasi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('keanggotaankoperasi')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="kartu_kusuka" class="form-label">Kartu Kusuka</label>
                                        <select
                                            name="kartu_kusuka"
                                            id="kartu_kusuka"
                                            class="form-select form-select-sm @error('kartu_kusuka') is-invalid @enderror @error('kartukusuka') is-invalid @enderror"
                                        >
                                            <option value="">-- Pilih --</option>
                                            <option value="Y" {{ old('kartu_kusuka', old('kartukusuka', $valKusuka)) == 'Y' ? 'selected' : '' }}>Memiliki</option>
                                            <option value="T" {{ old('kartu_kusuka', old('kartukusuka', $valKusuka)) == 'T' ? 'selected' : '' }}>Belum Memiliki</option>
                                        </select>
                                        @error('kartu_kusuka')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('kartukusuka')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-12">
                                        <label for="riwayat_penyakit_kecelakaan" class="form-label">Riwayat Penyakit / Kecelakaan</label>
                                        <textarea
                                            name="riwayat_penyakit_kecelakaan"
                                            id="riwayat_penyakit_kecelakaan"
                                            rows="3"
                                            class="form-control form-control-sm @error('riwayat_penyakit_kecelakaan') is-invalid @enderror @error('riwayatpenyakitkecelakaan') is-invalid @enderror"
                                            placeholder="Isi bila ada riwayat penyakit, kecelakaan kerja, atau kondisi kesehatan penting lainnya"
                                        >{{ old('riwayat_penyakit_kecelakaan', old('riwayatpenyakitkecelakaan', $valRiwayat)) }}</textarea>
                                        @error('riwayat_penyakit_kecelakaan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        @error('riwayatpenyakitkecelakaan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="section-group">
                                <h6 class="section-box-title">Akses Login</h6>

                                <div class="row g-2">
                                    <div class="col-12 col-md-6">
                                        <label for="password" class="form-label">Password Login</label>
                                        <input
                                            type="password"
                                            name="password"
                                            id="password"
                                            class="form-control form-control-sm @error('password') is-invalid @enderror"
                                        >
                                        @error('password')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">Kosongkan jika password tidak diubah. Minimal 6 karakter bila diisi.</div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="role" class="form-label">Role Login <span class="required-star">*</span></label>
                                        <select
                                            name="role"
                                            id="role"
                                            class="form-select form-select-sm @error('role') is-invalid @enderror"
                                            required
                                            {{ $roleLogin === 'anggota' ? 'disabled' : '' }}
                                        >
                                            <option value="">-- Pilih Role --</option>
                                            @foreach (($allowedRoles ?? []) as $r)
                                                <option value="{{ $r }}" {{ $selectedRole == $r ? 'selected' : '' }}>
                                                    {{ $roleLabels[$r] ?? $r }}
                                                </option>
                                            @endforeach
                                        </select>

                                        @if ($roleLogin === 'anggota')
                                            <input type="hidden" name="role" value="{{ $selectedRole }}">
                                        @endif

                                        @error('role')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if ($canEditNoKartu)
                            <div class="col-12">
                                <div class="section-group">
                                    <h6 class="section-box-title">No Kartu Anggota</h6>

                                    <div class="row g-2">
                                        <div class="col-12 col-md-6">
                                            <label for="no_kartu_anggota" class="form-label">No Kartu Anggota</label>
                                            <input
                                                type="text"
                                                name="no_kartu_anggota"
                                                id="no_kartu_anggota"
                                                value="{{ old('no_kartu_anggota', $valNoKartuAnggota) }}"
                                                class="form-control form-control-sm @error('no_kartu_anggota') is-invalid @enderror"
                                                maxlength="30"
                                                {{ $noKartuKosong ? '' : 'readonly' }}
                                                placeholder="{{ $noKartuKosong ? 'Masukkan No Kartu hanya sekali' : 'Sudah terisi dan terkunci' }}"
                                            >
                                            @error('no_kartu_anggota')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <div class="form-text">Field ini hanya bisa diisi jika masih kosong. Setelah terisi, tidak bisa diubah lagi.</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="col-12 d-flex justify-content-between mt-1">
                            <a href="{{ route('anggota.index') }}" class="btn btn-outline-secondary btn-sm">
                                <i class="bi bi-arrow-left"></i> Kembali
                            </a>

                            <button type="submit" class="btn btn-primary btn-sm">
                                <i class="bi bi-save"></i> Simpan Perubahan
                            </button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const URL_KOTA = @json(url('api/get-kota'));
    const URL_KEC  = @json(url('api/get-kecamatan'));
    const URL_DESA = @json(url('api/get-desa'));

    const roleLogin = @json($roleLogin);

    const oldProv = @json($valProv);
    const oldKota = @json($valKota);
    const oldKec  = @json($valKec);
    const oldDesa = @json($valDesa);

    const elProv = document.getElementById('alamat_provinsi_id');
    const elKota = document.getElementById('alamat_kota_id');
    const elKec  = document.getElementById('alamat_kecamatan_id');
    const elDesa = document.getElementById('alamat_desa_id');

    const lockProv = ['dpd_pengurus', 'dpd_operator', 'dpc_pengurus', 'dpc_operator', 'ranting_pengurus', 'ranting_operator', 'anggota'].includes(roleLogin);
    const lockKota = ['dpc_pengurus', 'dpc_operator', 'ranting_pengurus', 'ranting_operator', 'anggota'].includes(roleLogin);
    const lockKec  = ['ranting_pengurus', 'ranting_operator', 'anggota'].includes(roleLogin);
    const lockDesa = ['anggota'].includes(roleLogin);

    function resetSelect(el, placeholder, disabled = true) {
        if (!el) return;
        el.innerHTML = '';
        const opt = document.createElement('option');
        opt.value = '';
        opt.textContent = placeholder;
        el.appendChild(opt);
        el.disabled = disabled;
    }

    async function fetchJson(url) {
        const res = await fetch(url, {
            headers: { 'Accept': 'application/json' }
        });
        if (!res.ok) throw new Error(`HTTP ${res.status}`);
        return await res.json();
    }

    function appendOptions(el, data, selectedId) {
        if (!el || !Array.isArray(data)) return;
        data.forEach(item => {
            const opt = document.createElement('option');
            opt.value = item.id;
            opt.textContent = item.name;
            if (selectedId !== null && selectedId !== undefined && String(item.id) === String(selectedId)) {
                opt.selected = true;
            }
            el.appendChild(opt);
        });
    }

    function applyLocks() {
        if (elProv) {
            if (lockProv) {
                elProv.disabled = true;
            }
        }

        if (elKota) {
            if (lockKota) {
                elKota.disabled = true;
            } else if (!oldProv && elKota.options.length <= 1) {
                elKota.disabled = true;
            }
        }

        if (elKec) {
            if (lockKec) {
                elKec.disabled = true;
            } else if (!oldKota && elKec.options.length <= 1) {
                elKec.disabled = true;
            }
        }

        if (elDesa) {
            if (lockDesa) {
                elDesa.disabled = true;
            } else if (!oldKec && elDesa.options.length <= 1) {
                elDesa.disabled = true;
            }
        }
    }

    async function loadKota(provId, selectedId = null) {
        resetSelect(elKota, '-- Pilih Kabupaten / Kota --', true);
        resetSelect(elKec, '-- Pilih Kecamatan --', true);
        resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
        if (!provId) {
            applyLocks();
            return;
        }

        const data = await fetchJson(`${URL_KOTA}/${provId}`);
        resetSelect(elKota, '-- Pilih Kabupaten / Kota --', lockKota ? true : false);
        appendOptions(elKota, data, selectedId);
        applyLocks();
    }

    async function loadKecamatan(kotaId, selectedId = null) {
        resetSelect(elKec, '-- Pilih Kecamatan --', true);
        resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
        if (!kotaId) {
            applyLocks();
            return;
        }

        const data = await fetchJson(`${URL_KEC}/${kotaId}`);
        resetSelect(elKec, '-- Pilih Kecamatan --', lockKec ? true : false);
        appendOptions(elKec, data, selectedId);
        applyLocks();
    }

    async function loadDesa(kecId, selectedId = null) {
        resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
        if (!kecId) {
            applyLocks();
            return;
        }

        const data = await fetchJson(`${URL_DESA}/${kecId}`);
        resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', lockDesa ? true : false);
        appendOptions(elDesa, data, selectedId);
        applyLocks();
    }

    (async () => {
        try {
            if (oldProv) {
                if (elProv) elProv.value = oldProv;
                await loadKota(oldProv, oldKota);

                if (oldKota) {
                    await loadKecamatan(oldKota, oldKec);

                    if (oldKec) {
                        await loadDesa(oldKec, oldDesa);
                    }
                }
            } else {
                resetSelect(elKota, '-- Pilih Kabupaten / Kota --', true);
                resetSelect(elKec, '-- Pilih Kecamatan --', true);
                resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
            }
        } catch (e) {
            console.error('Gagal init wilayah:', e);
        } finally {
            applyLocks();
        }
    })();

    if (!lockProv) {
        elProv?.addEventListener('change', async function () {
            try {
                await loadKota(this.value, null);
            } catch (e) {
                console.error(e);
                resetSelect(elKota, '-- Gagal load Kabupaten/Kota --', true);
                resetSelect(elKec, '-- Pilih Kecamatan --', true);
                resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
                applyLocks();
            }
        });
    }

    if (!lockKota) {
        elKota?.addEventListener('change', async function () {
            try {
                await loadKecamatan(this.value, null);
            } catch (e) {
                console.error(e);
                resetSelect(elKec, '-- Gagal load Kecamatan --', true);
                resetSelect(elDesa, '-- Pilih Desa / Kelurahan --', true);
                applyLocks();
            }
        });
    }

    if (!lockKec) {
        elKec?.addEventListener('change', async function () {
            try {
                await loadDesa(this.value, null);
            } catch (e) {
                console.error(e);
                resetSelect(elDesa, '-- Gagal load Desa/Kelurahan --', true);
                applyLocks();
            }
        });
    }
});
</script>
@endpush