@extends('layouts.admin.master')

@section('content')
    @php
        $keluargaAktif = $penduduk->keluargaAktif?->keluarga;
        $account = $penduduk->user;
        $dpt = $penduduk->dptTerdaftar;
        $bpjsStatusColors = [
            'active' => 'bg-success',
            'inactive' => 'bg-danger',
            'registered' => 'bg-primary',
            'not_registered' => 'bg-secondary',
            'pending_verification' => 'bg-warning text-dark',
            'unknown' => 'bg-light text-dark',
        ];
        $bpjsCheckColors = [
            'synced' => 'bg-success',
            'pending_configuration' => 'bg-warning text-dark',
            'local_profile_only' => 'bg-info text-dark',
            'error' => 'bg-danger',
        ];
    @endphp

    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
            <div>
                <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                    <h3 class="mb-0">{{ $penduduk->nama }}</h3>
                    <span class="badge bg-light text-dark">{{ $penduduk->nomor_ktp ?: 'NIK belum diisi' }}</span>
                    <span class="badge {{ $penduduk->is_active ? 'bg-success' : 'bg-secondary' }}">{{ $penduduk->is_active ? 'Aktif' : 'Nonaktif' }}</span>
                    <span class="badge {{ $penduduk->status_verifikasi_data === 'Terverifikasi Operator' ? 'bg-primary' : 'bg-warning text-dark' }}">
                        {{ $penduduk->status_verifikasi_data ?: 'Belum diverifikasi' }}
                    </span>
                </div>
                <p class="text-muted mb-0">Master data individu untuk sinkronisasi akun, keluarga, DPT, dan riwayat verifikasi.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                <a href="{{ route('admin.penduduk') }}" class="btn btn-outline-secondary btn-sm">Kembali ke Daftar</a>
                @if ($keluargaAktif)
                    <a href="{{ route('admin.penduduk.keluarga.show', $keluargaAktif) }}" class="btn btn-outline-primary btn-sm">Buka Keluarga</a>
                @elseif(auth_can('admin.penduduk.keluarga'))
                    <a href="{{ route('admin.penduduk.keluarga', ['q' => $penduduk->nomor_kk]) }}" class="btn btn-outline-primary btn-sm">Cari Keluarga</a>
                @endif
                @if (Route::has('member.profile'))
                    <a href="{{ route('member.profile', ['id' => $penduduk->id]) }}" class="btn btn-primary btn-sm">Profil Lengkap</a>
                @endif
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="row g-3 mb-4">
            <div class="col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100"><div class="card-body">
                    <div class="small text-muted mb-1">Akun Terhubung</div>
                    <div class="fw-semibold fs-5">{{ $summary['has_account'] ? 'Sudah' : 'Belum' }}</div>
                    <div class="small text-muted mt-2">{{ $account?->email ?: 'Belum ada email login' }}</div>
                </div></div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100"><div class="card-body">
                    <div class="small text-muted mb-1">Sinkron DPT</div>
                    <div class="fw-semibold fs-5">{{ $summary['has_dpt'] ? 'Terhubung' : 'Belum' }}</div>
                    <div class="small text-muted mt-2">{{ $dpt?->status_verifikasi ?: 'Belum ada tiket DPT' }}</div>
                </div></div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100"><div class="card-body">
                    <div class="small text-muted mb-1">Keluarga Aktif</div>
                    <div class="fw-semibold fs-5">{{ $summary['has_keluarga'] ? $keluargaAktif->nomor_kk : 'Belum terhubung' }}</div>
                    <div class="small text-muted mt-2">{{ $penduduk->status_keluarga ?: 'Peran keluarga belum diisi' }}</div>
                </div></div>
            </div>
            <div class="col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100"><div class="card-body">
                    <div class="small text-muted mb-1">Lampiran Master</div>
                    <div class="fw-semibold fs-5">{{ $summary['identity_count'] }} identitas | {{ $summary['document_count'] }} dokumen</div>
                    <div class="small text-muted mt-2">Riwayat alamat {{ $penduduk->alamatRiwayats->count() }} entri</div>
                </div></div>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-xl-8">
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">Ringkasan Master Individu</h5>
                        <p class="text-muted mb-0">Form ini dipakai untuk data inti yang paling memengaruhi sinkronisasi keluarga dan DPT.</p>
                    </div>
                    <div class="card-body pt-2">
                        <form method="POST" action="{{ route('admin.penduduk.master.update', $penduduk) }}" class="row g-3">
                            @csrf
                            <div class="col-md-6">
                                <label class="form-label">Nomor KTP</label>
                                <input type="text" name="nomor_ktp" value="{{ old('nomor_ktp', $penduduk->nomor_ktp) }}" class="form-control @error('nomor_ktp') is-invalid @enderror">
                                @error('nomor_ktp')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Nomor KK</label>
                                <input type="text" name="nomor_kk" value="{{ old('nomor_kk', $penduduk->nomor_kk) }}" class="form-control @error('nomor_kk') is-invalid @enderror">
                                @error('nomor_kk')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Nama</label>
                                <input type="text" name="nama" value="{{ old('nama', $penduduk->nama) }}" class="form-control @error('nama') is-invalid @enderror">
                                @error('nama')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Nama Lengkap</label>
                                <input type="text" name="nama_lengkap" value="{{ old('nama_lengkap', $penduduk->nama_lengkap) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Nama Panggilan</label>
                                <input type="text" name="nama_panggilan" value="{{ old('nama_panggilan', $penduduk->nama_panggilan) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Tempat Lahir</label>
                                <input type="text" name="tempat_lahir" value="{{ old('tempat_lahir', $penduduk->tempat_lahir) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Tanggal Lahir</label>
                                <input type="date" name="tanggal_lahir" value="{{ old('tanggal_lahir', optional($penduduk->tanggal_lahir)->format('Y-m-d')) }}" class="form-control @error('tanggal_lahir') is-invalid @enderror">
                                @error('tanggal_lahir')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Jenis Kelamin</label>
                                <input type="text" name="jenis_kelamin" value="{{ old('jenis_kelamin', $penduduk->jenis_kelamin) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Agama</label>
                                <input type="text" name="agama" value="{{ old('agama', $penduduk->agama) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Status Hidup</label>
                                <select name="status" class="form-select">
                                    @foreach ($status_options as $statusOption)
                                        <option value="{{ $statusOption }}" @selected(old('status', $penduduk->status) === $statusOption)>{{ $statusOption }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Peran Keluarga</label>
                                <select name="status_keluarga" class="form-select">
                                    <option value="">Belum diatur</option>
                                    @foreach ($status_keluarga_options as $statusKeluargaOption)
                                        <option value="{{ $statusKeluargaOption }}" @selected(old('status_keluarga', $penduduk->status_keluarga) === $statusKeluargaOption)>{{ $statusKeluargaOption }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Status Domisili</label>
                                <select name="status_domisili" class="form-select">
                                    <option value="">Belum diatur</option>
                                    @foreach ($status_domisili_options as $statusDomisiliOption)
                                        <option value="{{ $statusDomisiliOption }}" @selected(old('status_domisili', $penduduk->status_domisili) === $statusDomisiliOption)>{{ $statusDomisiliOption }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Telepon</label>
                                <input type="text" name="telepon" value="{{ old('telepon', $penduduk->telepon) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">WhatsApp</label>
                                <input type="text" name="whatsapp" value="{{ old('whatsapp', $penduduk->whatsapp) }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Email Pribadi</label>
                                <input type="email" name="email_pribadi" value="{{ old('email_pribadi', $penduduk->email_pribadi) }}" class="form-control @error('email_pribadi') is-invalid @enderror">
                                @error('email_pribadi')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Alamat Domisili</label>
                                <textarea name="alamat_domisili" rows="3" class="form-control">{{ old('alamat_domisili', $penduduk->alamat_domisili) }}</textarea>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">RT</label>
                                <input type="text" name="rt" value="{{ old('rt', $penduduk->rt) }}" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">RW</label>
                                <input type="text" name="rw" value="{{ old('rw', $penduduk->rw) }}" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Kode Pos</label>
                                <input type="text" name="kode_pos" value="{{ old('kode_pos', $penduduk->kode_pos) }}" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Tanggal Meninggal</label>
                                <input type="date" name="tanggal_meninggal" value="{{ old('tanggal_meninggal', optional($penduduk->tanggal_meninggal)->format('Y-m-d')) }}" class="form-control">
                            </div>
                            <div class="col-12">
                                <label class="form-label">Bio Singkat</label>
                                <textarea name="bio" rows="3" class="form-control">{{ old('bio', $penduduk->bio) }}</textarea>
                            </div>
                            <div class="col-12">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" @checked(old('is_active', $penduduk->is_active))>
                                    <label class="form-check-label" for="is_active">Data ini aktif untuk operasional dan sinkronisasi akun</label>
                                </div>
                            </div>
                            <div class="col-12 d-flex flex-wrap gap-2">
                                <button type="submit" class="btn btn-primary">Simpan Master</button>
                            </div>
                        </form>
                        <form method="POST" action="{{ route('admin.penduduk.master.sync', $penduduk) }}" class="mt-3">
                            @csrf
                            <button type="submit" class="btn btn-outline-secondary btn-sm">Sinkron Keluarga & DPT</button>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Riwayat Alamat</h5></div>
                    <div class="card-body pt-2">
                        <div class="table-responsive">
                            <table class="table table-sm align-middle">
                                <thead><tr><th>Jenis</th><th>Alamat</th><th>Wilayah</th><th>Periode</th></tr></thead>
                                <tbody>
                                    @forelse ($penduduk->alamatRiwayats->sortByDesc('valid_from') as $riwayat)
                                        <tr>
                                            <td>{{ $riwayat->jenis_alamat }}</td>
                                            <td>{{ $riwayat->alamat ?: '-' }}<br><small class="text-muted">RT {{ $riwayat->rt ?: '-' }} / RW {{ $riwayat->rw ?: '-' }} | {{ $riwayat->kode_pos ?: '-' }}</small></td>
                                            <td>{{ $riwayat->village?->name ?: '-' }}<br><small class="text-muted">{{ $riwayat->lingkungan?->name ?: ($riwayat->district?->name ?: '-') }}</small></td>
                                            <td>{{ optional($riwayat->valid_from)->format('d M Y') ?: '-' }} - {{ optional($riwayat->valid_to)->format('d M Y') ?: 'Sekarang' }}</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="4" class="text-muted">Belum ada riwayat alamat tersimpan.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-lg-6">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Identitas Tambahan</h5></div>
                            <div class="card-body pt-2">
                                @forelse ($penduduk->identitasLains as $identitas)
                                    <div class="border rounded-4 p-3 bg-light mb-3">
                                        <div class="fw-semibold">{{ $identitas->jenis_identitas }}</div>
                                        <div>{{ $identitas->nomor }}</div>
                                        <div class="small text-muted">{{ $identitas->issued_by ?: '-' }} | {{ optional($identitas->issued_at)->format('d M Y') ?: '-' }} - {{ optional($identitas->expired_at)->format('d M Y') ?: 'Berlaku terus' }}</div>
                                    </div>
                                @empty
                                    <div class="text-muted">Belum ada identitas tambahan.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Dokumen</h5></div>
                            <div class="card-body pt-2">
                                @forelse ($penduduk->dokumens as $dokumen)
                                    <div class="border rounded-4 p-3 bg-light mb-3">
                                        <div class="fw-semibold">{{ $dokumen->jenis_dokumen }}</div>
                                        <div>{{ $dokumen->nomor_dokumen ?: '-' }}</div>
                                        <div class="small text-muted">{{ optional($dokumen->issued_at)->format('d M Y') ?: '-' }} - {{ optional($dokumen->expired_at)->format('d M Y') ?: 'Berlaku terus' }}</div>
                                    </div>
                                @empty
                                    <div class="text-muted">Belum ada dokumen terarsip.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Status Operasional</h5></div>
                    <div class="card-body pt-2">
                        <div class="small text-muted">Wilayah saat ini</div>
                        <div class="fw-semibold mb-3">{{ $penduduk->village?->name ?: '-' }}{{ $penduduk->lingkungan?->name ? ', ' . $penduduk->lingkungan->name : '' }}</div>
                        <div class="small text-muted">Sumber Data Awal</div>
                        <div class="fw-semibold mb-3">{{ $penduduk->sumber_data_awal ?: 'Belum ditandai' }}</div>
                        <div class="small text-muted">ASN</div>
                        <div class="fw-semibold mb-3">
                            @if ($penduduk->asn)
                                {{ $penduduk->asn->nip ?? 'ASN' }} | {{ $penduduk->asn->organization?->short_name ?: $penduduk->asn->organization?->name ?: 'OPD belum dihubungkan' }}
                            @else
                                Belum ada data ASN
                            @endif
                        </div>
                        <div class="small text-muted">Audit</div>
                        <div class="small">
                            Dibuat: {{ optional($penduduk->created_at)->format('d M Y H:i') ?: '-' }}<br>
                            Diubah: {{ optional($penduduk->updated_at)->format('d M Y H:i') ?: '-' }}<br>
                            Verifikasi: {{ optional($penduduk->verified_at)->format('d M Y H:i') ?: '-' }}
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Akun & Integrasi</h5></div>
                    <div class="card-body pt-2">
                        <div class="border rounded-4 p-3 bg-light mb-3">
                            <div class="small text-muted">Akun Login</div>
                            <div class="fw-semibold">{{ $account?->username ?: 'Belum ada akun' }}</div>
                            <div class="small text-muted">{{ $account?->email ?: 'Email akun belum ada' }}</div>
                            @if ($account?->roles?->count())
                                <div class="mt-2">
                                    @foreach ($account->roles as $role)
                                        <span class="badge bg-primary me-1">{{ $role->name }}</span>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                        <div class="border rounded-4 p-3 bg-light mb-3">
                            <div class="small text-muted">DPT</div>
                            <div class="fw-semibold">{{ $dpt?->status_verifikasi ?: 'Belum tersinkron' }}</div>
                            <div class="small text-muted">{{ $dpt?->village_name ?: '-' }} {{ $dpt?->lingkungan_name ? '/ ' . $dpt->lingkungan_name : '' }}</div>
                        </div>
                        <div class="border rounded-4 p-3 bg-light">
                            <div class="small text-muted">Keluarga</div>
                            <div class="fw-semibold">{{ $keluargaAktif?->nomor_kk ?: 'Belum punya keluarga aktif' }}</div>
                            <div class="small text-muted">{{ $keluargaAktif?->kepalaKeluarga?->nama ?: 'Kepala keluarga belum ditetapkan' }}</div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4 d-flex justify-content-between align-items-start gap-3">
                        <div>
                            <h5 class="mb-1">Data BPJS</h5>
                            <p class="text-muted mb-0">Panel terpisah untuk menyimpan nomor peserta dan menjalankan cek BPJS langsung dari Master Individu.</p>
                        </div>
                        <span class="badge {{ $bpjsCheckColors[$bpjs_profile['check_status'] ?? ''] ?? 'bg-light text-dark' }}">
                            {{ $bpjs_profile['check_status_label'] }}
                        </span>
                    </div>
                    <div class="card-body pt-2">
                        <div class="border rounded-4 p-3 bg-light mb-3">
                            <div class="d-flex justify-content-between align-items-start gap-3 mb-2">
                                <div class="small text-muted">BPJS Kesehatan</div>
                                <span class="badge {{ $bpjsStatusColors[$bpjs_profile['kesehatan']['status']] ?? 'bg-light text-dark' }}">
                                    {{ $bpjs_profile['kesehatan']['status_label'] }}
                                </span>
                            </div>
                            <div class="fw-semibold">{{ $bpjs_profile['kesehatan']['number'] ?: 'Belum ada nomor peserta' }}</div>
                            <div class="small text-muted mt-1">Sumber data: {{ $bpjs_profile['kesehatan']['source_label'] }}</div>
                        </div>

                        <div class="border rounded-4 p-3 bg-light mb-3">
                            <div class="d-flex justify-content-between align-items-start gap-3 mb-2">
                                <div class="small text-muted">BPJS Ketenagakerjaan</div>
                                <span class="badge {{ $bpjsStatusColors[$bpjs_profile['ketenagakerjaan']['status']] ?? 'bg-light text-dark' }}">
                                    {{ $bpjs_profile['ketenagakerjaan']['status_label'] }}
                                </span>
                            </div>
                            <div class="fw-semibold">{{ $bpjs_profile['ketenagakerjaan']['number'] ?: 'Belum ada nomor peserta' }}</div>
                            <div class="small text-muted mt-1">Sumber data: {{ $bpjs_profile['ketenagakerjaan']['source_label'] }}</div>
                        </div>

                        <div class="small text-muted mb-3">
                            Cek terakhir:
                            {{ $bpjs_profile['checked_at'] ? $bpjs_profile['checked_at']->format('d M Y H:i') : 'Belum pernah dijalankan' }}.
                            {{ $bpjs_profile['bridge_ready'] ? 'Bridge API BPJS siap dipakai.' : 'Bridge API BPJS belum dikonfigurasi; tombol cek akan membaca data master lokal lebih dulu.' }}
                        </div>

                        @if ($bpjs_profile['check_message'])
                            <div class="alert alert-light border small">{{ $bpjs_profile['check_message'] }}</div>
                        @endif

                        <form method="POST" action="{{ route('admin.penduduk.master.bpjs.update', $penduduk) }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label class="form-label">Nomor BPJS Kesehatan</label>
                                <input type="text" name="bpjs_kesehatan_number" value="{{ old('bpjs_kesehatan_number', $bpjs_profile['kesehatan']['number']) }}" class="form-control @error('bpjs_kesehatan_number') is-invalid @enderror">
                                @error('bpjs_kesehatan_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Status BPJS Kesehatan</label>
                                <select name="bpjs_kesehatan_status" class="form-select @error('bpjs_kesehatan_status') is-invalid @enderror">
                                    @foreach ($bpjs_status_options as $statusValue => $statusLabel)
                                        <option value="{{ $statusValue }}" @selected(old('bpjs_kesehatan_status', $bpjs_profile['kesehatan']['status']) === $statusValue)>{{ $statusLabel }}</option>
                                    @endforeach
                                </select>
                                @error('bpjs_kesehatan_status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Nomor BPJS Ketenagakerjaan</label>
                                <input type="text" name="bpjs_ketenagakerjaan_number" value="{{ old('bpjs_ketenagakerjaan_number', $bpjs_profile['ketenagakerjaan']['number']) }}" class="form-control @error('bpjs_ketenagakerjaan_number') is-invalid @enderror">
                                @error('bpjs_ketenagakerjaan_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Status BPJS Ketenagakerjaan</label>
                                <select name="bpjs_ketenagakerjaan_status" class="form-select @error('bpjs_ketenagakerjaan_status') is-invalid @enderror">
                                    @foreach ($bpjs_status_options as $statusValue => $statusLabel)
                                        <option value="{{ $statusValue }}" @selected(old('bpjs_ketenagakerjaan_status', $bpjs_profile['ketenagakerjaan']['status']) === $statusValue)>{{ $statusLabel }}</option>
                                    @endforeach
                                </select>
                                @error('bpjs_ketenagakerjaan_status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12 d-flex flex-wrap gap-2">
                                <button type="submit" class="btn btn-primary">Simpan Data BPJS</button>
                            </div>
                        </form>

                        <form method="POST" action="{{ route('admin.penduduk.master.bpjs.check', $penduduk) }}" class="mt-3">
                            @csrf
                            <div class="d-grid gap-2">
                                <button type="submit" class="btn btn-outline-primary">Cek BPJS</button>
                                <div class="small text-muted">Tombol ini menjalankan pengecekan dari data master lokal, lalu otomatis mencoba bridge eksternal bila konfigurasi API BPJS sudah tersedia.</div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Verifikasi Admin</h5></div>
                    <div class="card-body pt-2">
                        <form method="POST" action="{{ route('admin.penduduk.master.verify', $penduduk) }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label class="form-label">Jenis Verifikasi</label>
                                <select name="jenis_verifikasi" class="form-select">
                                    @foreach ($verification_types as $type)
                                        <option value="{{ $type }}">{{ $type }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-select">
                                    @foreach ($verification_statuses as $status)
                                        <option value="{{ $status }}">{{ $status }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Catatan</label>
                                <textarea name="catatan" rows="3" class="form-control"></textarea>
                            </div>
                            <div class="col-12 d-grid">
                                <button type="submit" class="btn btn-primary">Simpan Verifikasi</button>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4"><h5 class="mb-1">Riwayat Verifikasi & Status</h5></div>
                    <div class="card-body pt-2">
                        @forelse ($penduduk->verifikasis->sortByDesc('verified_at')->take(5) as $verifikasi)
                            <div class="border rounded-4 p-3 bg-light mb-3">
                                <div class="d-flex justify-content-between gap-3">
                                    <div class="fw-semibold">{{ $verifikasi->jenis_verifikasi }}</div>
                                    <span class="badge {{ $verifikasi->status === 'Terverifikasi' ? 'bg-success' : ($verifikasi->status === 'Ditolak' ? 'bg-danger' : 'bg-warning text-dark') }}">{{ $verifikasi->status }}</span>
                                </div>
                                <div class="small text-muted mt-1">{{ $verifikasi->verifier?->name ?: 'Sistem' }} | {{ optional($verifikasi->verified_at)->format('d M Y H:i') ?: '-' }}</div>
                                @if ($verifikasi->catatan)
                                    <div class="small mt-2">{{ $verifikasi->catatan }}</div>
                                @endif
                            </div>
                        @empty
                            <div class="text-muted mb-3">Belum ada riwayat verifikasi.</div>
                        @endforelse

                        <hr>

                        @forelse ($penduduk->statusRiwayats->sortByDesc('tanggal_efektif')->take(5) as $riwayatStatus)
                            <div class="small mb-2">
                                <strong>{{ $riwayatStatus->status_lama ?: '-' }}</strong> -> <strong>{{ $riwayatStatus->status_baru ?: '-' }}</strong><br>
                                <span class="text-muted">{{ optional($riwayatStatus->tanggal_efektif)->format('d M Y') ?: '-' }}</span>
                            </div>
                        @empty
                            <div class="text-muted">Belum ada riwayat perubahan status.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection