@extends('layouts.app')

@section('title', 'Keputusan Final — ' . ($pengajuan->debitur->nama ?? ''))

@section('content')
<div class="container-fluid px-3 px-md-4 py-4">

    <x-ui.alert :flash="true" />

    @php
        $pk         = $pengajuan->pengajuanKelompok;
        $d          = $pengajuan->debitur;
        $pl         = $pengajuan->deskAnalysisPl;
        $pen        = $pengajuan->deskAnalysisPenelaah;
        $ada        = $pengajuan->approvalDa;
        $fa         = $pengajuan->fieldAnalysis;
        $csl        = $pengajuan->cslScoring;
        $kf         = $pengajuan->keputusanFinal;
        $isEditable = $pengajuan->status->value === \App\Core\Enums\PengajuanStatus::WaitingKeputusan->value;

        $total      = $batchPengajuan->count();
        $dicekCount = $batchPengajuan->filter(fn($p) => $p->keputusanFinal !== null)->count();
        $belumCount = $total - $dicekCount;
    @endphp

    <x-ui.page-header
        :title="$d->nama ?? 'Debitur'"
        :subtitle="'Keputusan Final — ' . ($pk->kelompok->nama ?? '') . ', Ronde ' . $pk->created_at->translatedFormat('M Y')"
        :back="route('verifikator.keputusan.batch', $pk)"
    >
        <x-slot:actions>
            <x-pengajuan.status-badge :status="$pengajuan->status" />
        </x-slot:actions>
    </x-ui.page-header>

    {{-- Conditional alerts --}}
    @if(!$isEditable && $kf)
    <div class="alert alert-success border-0 rounded-3 d-flex align-items-center gap-2 mb-4"
         style="background: #d1fae5;">
        <i class="bi bi-check-circle-fill text-success fs-5 flex-shrink-0"></i>
        <span>Keputusan sudah final. Form ditampilkan read-only.</span>
    </div>
    @elseif($isEditable && $belumCount > 0)
    <div class="alert alert-info border-0 rounded-3 d-flex align-items-center gap-2 mb-4">
        <i class="bi bi-info-circle-fill fs-5 flex-shrink-0"></i>
        <span>{{ $belumCount }} debitur lain belum dicek. Tombol <strong>Finalisasi Batch</strong> aktif setelah semua debitur selesai.</span>
    </div>
    @endif

    {{-- Panel Batch (collapsible, default collapsed) --}}
    @if($batchPengajuan->isNotEmpty())
    <x-ui.section-card
        title="Status Batch ({{ $total }} debitur)"
        icon="bi-people"
        :collapsible="true"
        :collapsed="true"
        class="mb-4"
    >
        @php $pct = $total > 0 ? round($dicekCount / $total * 100) : 0; @endphp
        <div class="mb-3">
            <div class="d-flex justify-content-between mb-1">
                <span class="small text-muted">Progress</span>
                <span class="small fw-semibold" style="color: var(--los-green);">{{ $dicekCount }}/{{ $total }} sudah dicek</span>
            </div>
            <div class="progress rounded-pill" style="height: 6px;">
                <div class="progress-bar" style="width: {{ $pct }}%; background-color: var(--los-green);"
                     role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </div>
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Nama Debitur</th>
                        <th>CSL</th>
                        <th>Keputusan</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($batchPengajuan as $bp)
                    @php
                        $bpCsl = $bp->cslScoring;
                        $bpKf  = $bp->keputusanFinal;
                    @endphp
                    <tr class="{{ $bp->id === $pengajuan->id ? 'table-primary' : '' }}">
                        <td class="fw-medium">{{ $bp->debitur->nama ?? '—' }}</td>
                        <td>
                            @if($bpCsl)
                                @php $s = $bpCsl->skor_total; $bc = $s >= 75 ? 'bg-success' : ($s >= 50 ? 'bg-warning text-dark' : 'bg-danger'); @endphp
                                <span class="badge rounded-pill {{ $bc }}">{{ number_format($s, 1) }}</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($bpKf)
                                <span class="badge rounded-pill {{ $bpKf->keputusan === 'disetujui' ? 'bg-success' : 'bg-danger' }}">
                                    {{ ucfirst($bpKf->keputusan) }}
                                </span>
                            @else
                                <span class="text-muted small fst-italic">Belum dicek</span>
                            @endif
                        </td>
                        <td>
                            @if($bp->id !== $pengajuan->id)
                                <a href="{{ route('keputusan.show', $bp) }}" class="btn btn-outline-secondary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Buka
                                </a>
                            @else
                                <span class="badge bg-primary">Saat ini</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if($isEditable && $semuaSudahDicek)
        <div class="mt-3 pt-3 border-top">
            <form method="POST"
                  action="{{ route('verifikator.keputusan.submit-batch', $pk) }}"
                  onsubmit="return confirm('Finalisasi semua keputusan batch ini? Tindakan ini tidak dapat dibatalkan.')">
                @csrf
                <button type="submit" class="btn btn-primary btn-sm">
                    <i class="bi bi-send-check-fill me-2"></i>Finalisasi Batch dari Panel Ini
                </button>
            </form>
        </div>
        @endif
    </x-ui.section-card>
    @endif

    {{-- ─── DIVIDER: DATA TAHAP 3–5 (DA) ─────────────────────────────────── --}}
    <div class="d-flex align-items-center gap-3 mb-3 mt-2">
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
        <span class="small fw-semibold text-muted text-uppercase px-2" style="letter-spacing: 0.08em; white-space: nowrap;">
            <i class="bi bi-file-earmark-text me-1"></i>Data Tahap 3–5 (DA)
        </span>
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
    </div>
    <p class="text-muted small mb-4">Buka section untuk memeriksa data sebelum memberi keputusan.</p>

    {{-- SECTION A — Identitas Pemohon --}}
    <x-ui.section-card title="A. Identitas Pemohon" icon="bi-person-badge" collapsible class="mb-3">
        <div class="row g-3">
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Nama Pemohon" :value="$d->nama ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="NIK" :value="$d->nik ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Tempat, Tgl Lahir"
                    :value="($d->tempat_lahir ?? '—') . ', ' . ($d->tanggal_lahir?->translatedFormat('d M Y') ?? '—') . ' (' . ($d->usia ?? '—') . ' thn)'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="No. Kartu Keluarga" :value="$d->no_kk ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Status Perkawinan" :value="$d->status_kawin ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Jumlah Tanggungan" :value="($d->tanggungan ?? '—') . ' orang'" />
            </div>
            @if($d->nama_pasangan)
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Nama Pasangan" :value="$d->nama_pasangan" />
            </div>
            @endif
        </div>
        <div class="row g-3 mt-1">
            <div class="col-12">
                <x-ui.data-field label="Alamat Domisili" :value="$d->alamat_lengkap ?? $d->alamat ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Lama Menetap" :value="($d->lama_tinggal ?? '—') . ' tahun'" />
            </div>
        </div>
        <div class="row g-3 mt-1">
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Sektor Ekonomi / Usaha" :value="$d->sektor_ekonomi ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Usaha yang Dibiayai" :value="$d->usaha_dibiayai ?? '—'" />
            </div>
        </div>
    </x-ui.section-card>

    {{-- SECTION B — Data Permohonan --}}
    <x-ui.section-card title="B. Data Permohonan" icon="bi-file-earmark-text" collapsible class="mb-3">
        <div class="row g-3">
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Jenis Layanan" :value="$pengajuan->jenis_layanan ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Usaha yang Dibiayai" :value="$pengajuan->usaha_dibiayai ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Sektor Ekonomi" :value="$pengajuan->sektor_ekonomi ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Nilai Permohonan">
                    <span class="fw-semibold">Rp {{ number_format($pengajuan->plafond ?? 0, 0, ',', '.') }}</span>
                </x-ui.data-field>
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Jangka Waktu" :value="($pengajuan->tenor_bulan ?? '—') . ' bulan'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Status Pinjaman" :value="$pengajuan->status_pinjaman ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Luas Lahan" :value="($pengajuan->luas_lahan_ha ?? '—') . ' ha'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="Tahun Tanam" :value="$pengajuan->tahun_tanam ?? '—'" />
            </div>
        </div>
    </x-ui.section-card>

    {{-- SECTION C — Tallysheet & Nilai Jaminan --}}
    <x-ui.section-card title="C. Tallysheet & Nilai Jaminan" icon="bi-table" collapsible class="mb-3">
        @php $jenis = $pengajuan->jenis_layanan; @endphp

        @if($jenis === 'multi_usaha_kehutanan' && $pengajuan->tallysheetMuk)
            @php
                $muk      = $pengajuan->tallysheetMuk;
                $produksi = $muk->produksiBulanan ?? collect();
                $totalKg  = $produksi->sum('qty_panen_kg');
                $totalRp  = $produksi->sum('total_harga');
                $nilaiJam = $totalRp * 0.5;
                $rasio    = ($pengajuan->plafond ?? 0) > 0 ? round($nilaiJam / $pengajuan->plafond * 100) : 0;
                $bln      = ['Jan','Feb','Mar','Apr','Mei','Jun','Jul','Agu','Sep','Okt','Nov','Des'];
            @endphp
            <h6 class="small fw-semibold text-muted text-uppercase mb-3" style="letter-spacing: 0.05em;">
                Tallysheet MUK — Produksi Bulanan
            </h6>
            <div class="table-responsive mb-4">
                <table class="table table-sm table-bordered align-middle mb-0 small">
                    <thead class="table-light">
                        <tr>
                            <th>Bulan</th>
                            <th class="text-end">Qty (kg)</th>
                            <th class="text-end">Harga/kg</th>
                            <th class="text-end">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($produksi->sortBy('bulan') as $pb)
                        <tr>
                            <td>{{ $bln[($pb->bulan - 1)] ?? $pb->bulan }}</td>
                            <td class="text-end">{{ number_format($pb->qty_panen_kg, 2, ',', '.') }}</td>
                            <td class="text-end">Rp {{ number_format($pb->harga_per_kg, 0, ',', '.') }}</td>
                            <td class="text-end">Rp {{ number_format($pb->total_harga, 0, ',', '.') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="4" class="text-center text-muted">Belum ada data produksi</td></tr>
                        @endforelse
                    </tbody>
                    <tfoot class="table-light fw-semibold">
                        <tr>
                            <td>Total</td>
                            <td class="text-end">{{ number_format($totalKg, 2, ',', '.') }} kg</td>
                            <td></td>
                            <td class="text-end">Rp {{ number_format($totalRp, 0, ',', '.') }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="row g-3">
                <div class="col-12 col-sm-6 col-md-4">
                    <x-ui.data-field label="Total Produksi Tahunan">
                        <span class="fw-semibold">Rp {{ number_format($totalRp, 0, ',', '.') }}</span>
                    </x-ui.data-field>
                </div>
                <div class="col-12 col-sm-6 col-md-4">
                    <x-ui.data-field label="Nilai Jaminan MUK (×50%)">
                        <span class="fw-semibold">Rp {{ number_format($nilaiJam, 0, ',', '.') }}</span>
                    </x-ui.data-field>
                </div>
                <div class="col-12 col-sm-6 col-md-4">
                    <x-ui.data-field label="Rasio Jaminan / Plafond">
                        <span class="badge {{ $rasio >= 125 ? 'bg-success' : 'bg-danger' }} rounded-pill">{{ $rasio }}%</span>
                    </x-ui.data-field>
                </div>
            </div>

        @elseif($jenis === 'tunda_tebang' && $pengajuan->tallysheetTundaTebang->isNotEmpty())
            @foreach($pengajuan->tallysheetTundaTebang as $tt)
            @php
                $pohonList  = $tt->pohon ?? collect();
                $totalNilai = $pohonList->sum('nilai_pohon');
                $rasioTT    = ($pengajuan->plafond ?? 0) > 0 ? round($totalNilai / $pengajuan->plafond * 100) : 0;
            @endphp
            <div class="mb-4 {{ !$loop->first ? 'pt-4 border-top' : '' }}">
                <h6 class="small fw-semibold text-muted text-uppercase mb-3" style="letter-spacing: 0.05em;">
                    Tallysheet Tunda Tebang
                </h6>
                <div class="row g-3 mb-3">
                    <div class="col-12 col-sm-4">
                        <x-ui.data-field label="No. Persil" :value="$tt->no_persil ?? '—'" />
                    </div>
                    <div class="col-12 col-sm-4">
                        <x-ui.data-field label="Blok" :value="$tt->blok ?? '—'" />
                    </div>
                    <div class="col-12 col-sm-4">
                        <x-ui.data-field label="Luas Lahan" :value="number_format($tt->luas_lahan_m2 ?? 0, 0, ',', '.') . ' m²'" />
                    </div>
                </div>
                <div class="table-responsive mb-3">
                    <table class="table table-sm table-bordered align-middle mb-0 small">
                        <thead class="table-light">
                            <tr>
                                <th>No.</th>
                                <th>Jenis Pohon</th>
                                <th class="text-end">Keliling (cm)</th>
                                <th class="text-end">Tinggi (m)</th>
                                <th class="text-end">Volume (m³)</th>
                                <th class="text-end">Nilai Pohon</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pohonList as $pohon)
                            <tr>
                                <td>{{ $pohon->no_pohon }}</td>
                                <td>{{ $pohon->jenis_pohon }}</td>
                                <td class="text-end">{{ $pohon->keliling_batang_cm }}</td>
                                <td class="text-end">{{ $pohon->tinggi_pohon_m }}</td>
                                <td class="text-end">{{ number_format($pohon->volume, 3, ',', '.') }}</td>
                                <td class="text-end">Rp {{ number_format($pohon->nilai_pohon, 0, ',', '.') }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center text-muted">Belum ada data pohon</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot class="table-light fw-semibold">
                            <tr>
                                <td colspan="5">Total Nilai Jaminan</td>
                                <td class="text-end">Rp {{ number_format($totalNilai, 0, ',', '.') }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="row g-3">
                    <div class="col-12 col-sm-6 col-md-4">
                        <x-ui.data-field label="Total Nilai Jaminan Pohon">
                            <span class="fw-semibold">Rp {{ number_format($totalNilai, 0, ',', '.') }}</span>
                        </x-ui.data-field>
                    </div>
                    <div class="col-12 col-sm-6 col-md-4">
                        <x-ui.data-field label="Plafond Diajukan">
                            <span class="fw-semibold">Rp {{ number_format($pengajuan->plafond ?? 0, 0, ',', '.') }}</span>
                        </x-ui.data-field>
                    </div>
                    <div class="col-12 col-sm-6 col-md-4">
                        <x-ui.data-field label="Rasio Jaminan / Plafond">
                            <span class="badge {{ $rasioTT >= 125 ? 'bg-success' : 'bg-danger' }} rounded-pill">{{ $rasioTT }}%</span>
                        </x-ui.data-field>
                    </div>
                </div>
            </div>
            @endforeach
        @else
            <x-ui.empty-state icon="bi-table" title="Data tallysheet belum tersedia"
                desc="PL belum mengisi data tallysheet untuk debitur ini." />
        @endif
    </x-ui.section-card>

    {{-- SECTION D — Biaya Usaha & Pendapatan (SAK) --}}
    <x-ui.section-card title="D. Biaya Usaha & Pendapatan (SAK)" icon="bi-cash-stack" collapsible class="mb-3">
        @if($pengajuan->biayaUsaha->isNotEmpty())
        <h6 class="small fw-semibold text-muted text-uppercase mb-2" style="letter-spacing: 0.05em;">Biaya Siklus Usaha Utama</h6>
        <div class="table-responsive mb-4">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Item Biaya</th>
                        <th class="text-end">Nilai per Siklus</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($pengajuan->biayaUsaha as $bu)
                    <tr>
                        <td>{{ $bu->nama_item ?? '—' }}</td>
                        <td class="text-end">Rp {{ number_format($bu->total ?? 0, 0, ',', '.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot class="table-light fw-semibold">
                    <tr>
                        <td>Total Biaya Produksi</td>
                        <td class="text-end">Rp {{ number_format($pengajuan->biayaUsaha->sum('total'), 0, ',', '.') }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
        @else
        <x-ui.empty-state icon="bi-cash" title="Belum ada data biaya usaha" class="mb-4" />
        @endif

        @php $pl2 = $pengajuan->pendapatanLainnya; @endphp
        <h6 class="small fw-semibold text-muted text-uppercase mb-2" style="letter-spacing: 0.05em;">Pendapatan Lainnya</h6>
        <div class="row g-3 mb-4">
            <div class="col-12 col-sm-6">
                <x-ui.data-field label="Pendapatan Usaha Lain / bln">
                    Rp {{ number_format($pl2?->pendapatan_usaha_lain_per_bulan ?? 0, 0, ',', '.') }}
                </x-ui.data-field>
            </div>
            <div class="col-12 col-sm-6">
                <x-ui.data-field label="Pendapatan Pasangan / bln">
                    Rp {{ number_format($pl2?->pendapatan_pasangan_per_bulan ?? 0, 0, ',', '.') }}
                </x-ui.data-field>
            </div>
        </div>

        @if($pengajuan->biayaHidup)
        @php $bh = $pengajuan->biayaHidup; @endphp
        <h6 class="small fw-semibold text-muted text-uppercase mb-2" style="letter-spacing: 0.05em;">Biaya Hidup</h6>
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr><th>Item</th><th class="text-end">Nilai / Bulan</th></tr>
                </thead>
                <tbody>
                    @foreach([
                        'rumah_tangga' => 'Rumah Tangga',
                        'listrik_air'  => 'Listrik & Air',
                        'transportasi' => 'Transportasi',
                        'pendidikan'   => 'Pendidikan',
                        'kesehatan'    => 'Kesehatan',
                        'cicilan'      => 'Cicilan / Angsuran',
                        'lainnya'      => 'Lainnya',
                    ] as $field => $label)
                    @if($bh->$field ?? null)
                    <tr>
                        <td>{{ $label }}</td>
                        <td class="text-end">Rp {{ number_format($bh->$field, 0, ',', '.') }}</td>
                    </tr>
                    @endif
                    @endforeach
                </tbody>
                <tfoot class="table-light fw-semibold">
                    <tr>
                        <td>Total Biaya Hidup</td>
                        <td class="text-end">Rp {{ number_format($bh->total ?? $bh->totalPerBulan(), 0, ',', '.') }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
        @endif
    </x-ui.section-card>

    {{-- SECTION F — Checklist DA PL --}}
    @if($pl)
    <x-ui.section-card title="F. Checklist DA PL (9 Item)" icon="bi-clipboard-check" collapsible class="mb-3">
        @php
            $bool = fn($val) => $val
                ? '<span class="badge bg-success rounded-pill">Ya</span>'
                : '<span class="badge bg-danger rounded-pill">Tidak</span>';
        @endphp
        <div class="row g-3">
            <div class="col-12 col-md-6">
                <x-ui.data-field label="Z — Usaha Bukan Pencaharian Utama">{!! $bool($pl->pencaharian_utama_bukan) !!}</x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AB — Pendapatan Wajar (Sisi Prospek)">{!! $bool($pl->pendapatan_wajar_prospek) !!}</x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AK — Pendapatan Wajar (Kemampuan)">{!! $bool($pl->pendapatan_wajar_kemampuan) !!}</x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AX — Legalitas Dokumen Penguasaan Lahan">{!! $bool($pl->legalitas_dok_lahan) !!}</x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AY — Harga yang Digunakan Wajar">{!! $bool($pl->harga_wajar) !!}</x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AC — Penyesuaian Nilai Pinjaman">
                    {{ $pl->penyesuaian_pinjaman_prospek ? 'Rp ' . number_format($pl->penyesuaian_pinjaman_prospek, 0, ',', '.') : 'Tidak ada penyesuaian' }}
                </x-ui.data-field>
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="AM — Penyesuaian Nilai Angsuran">
                    {{ $pl->penyesuaian_angsuran ? 'Rp ' . number_format($pl->penyesuaian_angsuran, 0, ',', '.') : 'Tidak ada penyesuaian' }}
                </x-ui.data-field>
            </div>
            <div class="col-12">
                <x-ui.data-field label="AN — Dokumen Utama Penguasaan Lahan" :value="$pl->dok_utama_lahan ?? '—'" />
            </div>
            <div class="col-12">
                <x-ui.data-field label="AO — Dokumen Pendukung Hubungan Lahan" :value="$pl->dok_pendukung_lahan ?? '—'" />
            </div>
        </div>
    </x-ui.section-card>
    @endif

    {{-- SECTION G — Dokumen Debitur --}}
    <x-ui.section-card title="G. Dokumen Debitur" icon="bi-folder2-open" collapsible class="mb-3">
        @php
            $dokLabels = [
                'ktp_pemohon'                    => 'KTP Pemohon',
                'ktp_pasangan'                   => 'KTP Pasangan',
                'kartu_keluarga'                 => 'Kartu Keluarga',
                'formulir_permohonan_perorangan' => 'Formulir Permohonan Perorangan',
                'dokumen_penguasaan_lahan'       => 'Dokumen Penguasaan Lahan',
                'surat_permohonan_fdb'           => 'Surat Permohonan FDB',
            ];
            $dokMap = $pengajuan->dokumen->keyBy('jenis');
        @endphp
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th style="width: 2rem;">#</th>
                        <th>Nama Dokumen</th>
                        <th style="width: 6rem;">Status</th>
                        <th style="width: 5rem;"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($dokLabels as $key => $label)
                    @php $dok = $dokMap->get($key); @endphp
                    <tr>
                        <td class="text-muted">{{ $loop->iteration }}</td>
                        <td>{{ $label }}</td>
                        <td>
                            <span class="badge rounded-pill {{ $dok ? 'bg-success' : 'bg-secondary' }}">
                                {{ $dok ? 'Ada' : 'Belum' }}
                            </span>
                        </td>
                        <td>
                            @if($dok)
                            <a href="#" class="btn btn-sm btn-outline-secondary py-0 px-2"
                               onclick="event.preventDefault()">
                                <i class="bi bi-eye me-1"></i>Lihat
                            </a>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-ui.section-card>

    {{-- SECTION H — Hasil DA Penelaah --}}
    @if($pen)
    <x-ui.section-card title="H. Hasil DA Penelaah" icon="bi-bank" collapsible class="mb-3">
        <div class="row g-3 mb-3">
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BF — Fasilitas Pinjaman Aktif" :value="$pen->bf_jumlah_fasilitas_aktif ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BG — Tunggakan Outstanding">
                    Rp {{ number_format($pen->bg_tunggakan_outstanding ?? 0, 0, ',', '.') }}
                </x-ui.data-field>
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BH — Hari Tunggakan (12 bln)" :value="($pen->bh_tunggakan_hari_12_bln ?? '—') . ' hari'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BI — Nilai Scoring Pefindo" :value="$pen->bi_skor_pefindo ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BJ — Tingkat Kelayakan" :value="$pen->bj_tingkat_kelayakan ?? '—'" />
            </div>
            <div class="col-12 col-sm-6 col-md-4">
                <x-ui.data-field label="BK — Probability of Default">
                    {{ $pen->bk_pod !== null ? number_format($pen->bk_pod * 100, 2) . '%' : '—' }}
                </x-ui.data-field>
            </div>
        </div>
        <div class="row g-3">
            <div class="col-12">
                <x-ui.data-field label="BL — Catatan untuk FA" :value="$pen->bl_catatan ?: '—'" />
            </div>
            <div class="col-12 col-md-6">
                <x-ui.data-field label="BM — Hasil Penilaian DA">
                    @php
                        $bmBadge = match($pen->bm_hasil_penilaian) {
                            'layak'                => ['Layak',            'bg-success'],
                            'layak_dengan_catatan' => ['Layak dg Catatan', 'bg-warning text-dark'],
                            'tidak_layak'          => ['Tidak Layak',      'bg-danger'],
                            default                => [ucfirst($pen->bm_hasil_penilaian ?? '—'), 'bg-secondary'],
                        };
                    @endphp
                    <span class="badge rounded-pill {{ $bmBadge[1] }}">{{ $bmBadge[0] }}</span>
                </x-ui.data-field>
            </div>
        </div>
    </x-ui.section-card>
    @endif

    {{-- SECTION I — Keputusan Approval DA --}}
    @if($ada)
    <x-ui.section-card
        title="I. Keputusan Approval DA"
        icon="bi-check2-square"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        <div class="row g-3">
            <div class="col-md-4">
                <x-ui.data-field label="Keputusan Approval DA">
                    <span class="badge rounded-pill fs-6 {{ $ada->keputusan === 'disetujui' ? 'bg-success' : 'bg-danger' }}">
                        {{ ucfirst($ada->keputusan) }}
                    </span>
                </x-ui.data-field>
            </div>
            @if($ada->catatan)
            <div class="col-12">
                <x-ui.data-field label="Catatan Verifikator DA" :value="$ada->catatan" />
            </div>
            @endif
        </div>
    </x-ui.section-card>
    @endif

    {{-- ─── DIVIDER: DATA TAHAP 6–7 (FA + CSL) ──────────────────────────── --}}
    <div class="d-flex align-items-center gap-3 mb-3 mt-2">
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
        <span class="small fw-semibold text-muted text-uppercase px-2" style="letter-spacing: 0.08em; white-space: nowrap;">
            <i class="bi bi-map me-1"></i>Data Tahap 6–7 (FA + CSL)
        </span>
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
    </div>

    {{-- Fallback jika tidak ada data FA maupun CSL --}}
    @if(!$fa && !$csl)
    <div class="alert alert-secondary border-0 rounded-3 d-flex align-items-center gap-2 mb-4" style="background: #f8fafc;">
        <i class="bi bi-info-circle flex-shrink-0 text-muted"></i>
        <span class="text-muted small">Data Field Analysis dan CSL Scoring belum tersedia untuk debitur ini.</span>
    </div>
    @endif

    {{-- SECTION J — FA: Identitas Permohonan (Section A) --}}
    @if($fa && $fa->a_kondisi_umum)
    <x-ui.section-card
        title="J. Identitas Permohonan FA"
        icon="bi-person-check"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        <div class="row g-3 mb-3">
            @if($fa->nama_wilayah_gps)
            <div class="col-12 col-md-4">
                <x-ui.data-field label="Nama Wilayah GPS" :value="$fa->nama_wilayah_gps" />
            </div>
            @endif
            @if($fa->latitude && $fa->longitude)
            <div class="col-12 col-md-4">
                <x-ui.data-field label="Koordinat GPS"
                    :value="number_format($fa->latitude, 6) . ', ' . number_format($fa->longitude, 6)" />
            </div>
            @endif
            @if($fa->luas_polygon_ha)
            <div class="col-12 col-md-4">
                <x-ui.data-field label="Luas Polygon" :value="number_format($fa->luas_polygon_ha, 4) . ' Ha'" />
            </div>
            @endif
            <div class="col-12 col-md-4">
                <x-ui.data-field label="Tanggal Submit" :value="$fa->submitted_at?->format('d M Y H:i') ?? '—'" />
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Item Verifikasi</th>
                        <th style="width: 9rem;" class="text-center">Sesuai?</th>
                        <th>Hasil Validasi Lapangan</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($fa->a_kondisi_umum as $item)
                    <tr>
                        <td class="fw-medium">{{ $item['item'] ?? '—' }}</td>
                        <td class="text-center">
                            @if(($item['sesuai'] ?? null) === true)
                                <span class="badge bg-success rounded-pill"><i class="bi bi-check-lg me-1"></i>Sesuai</span>
                            @elseif(($item['sesuai'] ?? null) === false)
                                <span class="badge bg-danger rounded-pill"><i class="bi bi-x-lg me-1"></i>Tidak Sesuai</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-ui.section-card>
    @endif

    {{-- SECTION K — FA: Biaya & Pendapatan (Sections B–E) --}}
    @if($fa && ($fa->b_kondisi_kebun || $fa->c_jaminan || $fa->d_sosial_lingkungan || $fa->e_rekomendasi))
    <x-ui.section-card
        title="K. Biaya & Pendapatan FA"
        icon="bi-cash-stack"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        @php
            $faSections = [
                ['data' => $fa->b_kondisi_kebun,       'title' => 'Section B — Kondisi Kebun',         'icon' => 'bi-tree'],
                ['data' => $fa->c_jaminan,             'title' => 'Section C — Jaminan / Lahan',       'icon' => 'bi-geo-alt'],
                ['data' => $fa->d_sosial_lingkungan,   'title' => 'Section D — Sosial & Lingkungan',   'icon' => 'bi-people'],
                ['data' => $fa->e_rekomendasi,         'title' => 'Section E — Rekomendasi PL',        'icon' => 'bi-clipboard2-check'],
            ];
        @endphp

        @foreach($faSections as $sec)
        @if($sec['data'])
        <div class="{{ !$loop->first ? 'mt-4 pt-3 border-top' : '' }}">
            <h6 class="small fw-semibold text-muted text-uppercase mb-2" style="letter-spacing: 0.05em;">
                <i class="bi {{ $sec['icon'] }} me-1"></i>{{ $sec['title'] }}
            </h6>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0 small">
                    <thead class="table-light">
                        <tr>
                            <th>Item</th>
                            <th style="width: 9rem;" class="text-center">Sesuai?</th>
                            <th>Catatan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sec['data'] as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] ?? '—' }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] ?? false)
                                    <span class="badge bg-success rounded-pill"><i class="bi bi-check-lg"></i></span>
                                @else
                                    <span class="badge bg-danger rounded-pill"><i class="bi bi-x-lg"></i></span>
                                @endif
                            </td>
                            <td class="text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
        @endforeach
    </x-ui.section-card>
    @endif

    {{-- SECTION L — FA: Dokumentasi Foto --}}
    @if($fa && $fa->foto && $fa->foto->isNotEmpty())
    <x-ui.section-card
        title="L. Dokumentasi Foto FA ({{ $fa->foto->count() }} foto)"
        icon="bi-images"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        <div class="row g-3">
            @foreach($fa->foto as $foto)
            <div class="col-6 col-md-3">
                <div class="rounded-3 overflow-hidden border" style="aspect-ratio: 4/3; background: #f1f5f9;">
                    @if($foto->file_path)
                    <img src="{{ asset('storage/' . $foto->file_path) }}"
                         class="w-100 h-100 object-fit-cover"
                         alt="{{ $foto->tipe ?? 'Foto' }}"
                         loading="lazy">
                    @else
                    <div class="d-flex align-items-center justify-content-center h-100 text-muted small">
                        <i class="bi bi-image fs-4"></i>
                    </div>
                    @endif
                </div>
                @if($foto->tipe)
                <div class="small text-muted mt-1 text-center">{{ ucfirst(str_replace('_', ' ', $foto->tipe)) }}</div>
                @endif
                @if($foto->keterangan)
                <div class="small text-muted text-center">{{ $foto->keterangan }}</div>
                @endif
            </div>
            @endforeach
        </div>
    </x-ui.section-card>
    @endif

    {{-- SECTION M — CSL Compliance Parameter (8 parameter boolean) --}}
    @if($csl)
    <x-ui.section-card
        title="M. CSL — Compliance Parameter"
        icon="bi-shield-check"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        @php
            $cpParams = [
                ['label' => 'Status Anggota KTH',     'field' => 'cp_status_anggota'],
                ['label' => 'Usia Pemohon',            'field' => 'cp_usia'],
                ['label' => 'Nilai Jaminan (≥125%)',   'field' => 'cp_jaminan'],
                ['label' => 'Karakter (Pefindo)',      'field' => 'cp_karakter'],
                ['label' => 'Profesi / Sektor Usaha',  'field' => 'cp_profesi'],
                ['label' => 'Lama Tempat Tinggal',     'field' => 'cp_tempat_tinggal'],
                ['label' => 'Status Tempat Tinggal',   'field' => 'cp_status_tempat_tinggal'],
                ['label' => 'Status Kepemilikan Usaha','field' => 'cp_status_usaha'],
            ];
            $adaRejected = collect($cpParams)->contains(fn($p) => !$csl->{$p['field']});
        @endphp

        @if($adaRejected)
        <div class="alert alert-danger border-0 rounded-3 d-flex align-items-center gap-2 mb-3">
            <i class="bi bi-exclamation-triangle-fill flex-shrink-0"></i>
            <span>Ada compliance parameter yang tidak terpenuhi.</span>
        </div>
        @endif

        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Parameter</th>
                        <th style="width: 9rem;" class="text-center">Hasil</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($cpParams as $param)
                    <tr>
                        <td class="fw-medium">{{ $param['label'] }}</td>
                        <td class="text-center">
                            @if($csl->{$param['field']})
                                <span class="badge bg-success rounded-pill">Accepted</span>
                            @else
                                <span class="badge bg-danger rounded-pill">Rejected</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if(!$csl->semua_compliance_accepted)
        <div class="mt-3 pt-3 border-top small text-danger">
            <i class="bi bi-info-circle me-1"></i>
            Tidak semua compliance parameter terpenuhi. Perlu perhatian khusus sebelum memberi keputusan.
        </div>
        @endif
    </x-ui.section-card>
    @endif

    {{-- SECTION N — CSL Scoring Breakdown --}}
    @if($csl)
    <x-ui.section-card
        title="N. CSL — Scoring Breakdown"
        icon="bi-bar-chart"
        :collapsible="true"
        :collapsed="true"
        class="mb-3"
    >
        @php $st = $csl->skor_total; $sc = $st >= 75 ? 'bg-success' : ($st >= 50 ? 'bg-warning text-dark' : 'bg-danger'); @endphp
        <div class="row g-3 mb-4 text-center">
            <div class="col-6 col-md-3">
                <div class="fs-3 fw-bold text-primary">{{ number_format($st, 1) }}</div>
                <div class="text-muted small">Skor Total</div>
                <span class="badge rounded-pill {{ $sc }} mt-1">{{ $csl->kategori_risiko }}</span>
            </div>
            <div class="col-6 col-md-3">
                @if($csl->status_layak)
                    <div class="fs-3 text-success"><i class="bi bi-check-circle-fill"></i></div>
                    <div class="text-muted small">Layak</div>
                @else
                    <div class="fs-3 text-danger"><i class="bi bi-x-circle-fill"></i></div>
                    <div class="text-muted small">Tidak Layak</div>
                @endif
            </div>
            @if($csl->rasio_rpc !== null)
            <div class="col-6 col-md-3">
                <div class="fs-5 fw-semibold">{{ number_format($csl->rasio_rpc * 100, 1) }}%</div>
                <div class="text-muted small">Rasio RPC</div>
            </div>
            @endif
        </div>

        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Komponen</th>
                        <th style="width: 5rem;" class="text-center">Bobot</th>
                        <th style="width: 6rem;" class="text-end">Skor</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Eksternal — Pefindo</td>
                        <td class="text-center text-muted">35%</td>
                        <td class="text-end fw-semibold">{{ number_format($csl->skor_eksternal, 1) }}</td>
                    </tr>
                    <tr>
                        <td>Financial — Kemampuan RPC</td>
                        <td class="text-center text-muted">45%</td>
                        <td class="text-end fw-semibold">{{ number_format($csl->skor_financial, 1) }}</td>
                    </tr>
                    <tr>
                        <td>Non-Financial (10 parameter)</td>
                        <td class="text-center text-muted">20%</td>
                        <td class="text-end fw-semibold">{{ number_format($csl->skor_non_financial, 1) }}</td>
                    </tr>
                </tbody>
                <tfoot class="table-light fw-bold">
                    <tr>
                        <td colspan="2">TOTAL CSL SCORE</td>
                        <td class="text-end">
                            <span class="badge rounded-pill {{ $sc }}">{{ number_format($st, 1) }}</span>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </x-ui.section-card>
    @endif

    {{-- ─── KEPUTUSAN VERIFIKATOR ──────────────────────────────────────────── --}}
    <div class="d-flex align-items-center gap-3 mb-4 mt-2">
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
        <span class="small fw-semibold text-muted text-uppercase px-2" style="letter-spacing: 0.08em; white-space: nowrap;">
            <i class="bi bi-check2-circle me-1"></i>Keputusan Verifikator
        </span>
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
    </div>

    @if($isEditable)

    <form action="{{ route('keputusan.store', $pengajuan) }}" method="POST" id="formKeputusan">
        @csrf

        {{-- A79 --}}
        <div class="card border-0 rounded-3 mb-4" style="box-shadow: var(--los-shadow);">
            <div class="card-header bg-transparent border-bottom px-4 py-3">
                <h6 class="mb-0 fw-semibold d-flex align-items-center gap-2">
                    <i class="bi bi-journal-check" style="color: var(--los-green);"></i>
                    Kesimpulan Verifikasi (A79) — 5 Item
                </h6>
                <p class="text-muted small mb-0 mt-1">Centang item yang terverifikasi / terpenuhi.</p>
            </div>
            <div class="card-body px-4 py-3">
                @php
                $a79Items = [
                    ['field' => 'a79_kesesuaian_data',     'label' => 'A79-1: Identitas pemohon terverifikasi sesuai dokumen'],
                    ['field' => 'a79_kelengkapan_dokumen', 'label' => 'A79-2: Prospek usaha terverifikasi dan prospektif'],
                    ['field' => 'a79_hasil_csl_layak',     'label' => 'A79-3: Hasil scoring CSL dinyatakan layak'],
                    ['field' => 'a79_tidak_ada_sengketa',  'label' => 'A79-4: Lahan & jaminan terverifikasi, tidak ada sengketa'],
                    ['field' => 'a79_rekomendasi_pl',      'label' => 'A79-5: Rekomendasi PL: pemohon layak dilanjutkan'],
                ];
                @endphp
                @foreach($a79Items as $item)
                @php $checked = $kf ? $kf->{$item['field']} : false; @endphp
                <div class="d-flex align-items-start gap-3 py-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                    <div class="form-check form-switch mt-1 mb-0 flex-shrink-0" style="min-width: 3rem;">
                        <input class="form-check-input a79-toggle" type="checkbox"
                            name="{{ $item['field'] }}" value="1" id="{{ $item['field'] }}"
                            {{ $checked ? 'checked' : '' }}>
                    </div>
                    <label class="form-check-label fw-medium" for="{{ $item['field'] }}">
                        {{ $item['label'] }}
                    </label>
                </div>
                @endforeach
            </div>
        </div>

        {{-- Keputusan Final + Catatan --}}
        <div class="card border-0 rounded-3 mb-4" style="box-shadow: var(--los-shadow);">
            <div class="card-header bg-transparent border-bottom px-4 py-3">
                <h6 class="mb-0 fw-semibold d-flex align-items-center gap-2">
                    <i class="bi bi-check2-circle" style="color: var(--los-green);"></i>
                    Keputusan Final
                </h6>
            </div>
            <div class="card-body px-4 py-4">
                <div class="row g-4">
                    <div class="col-12 col-md-6">
                        <label class="form-label fw-semibold">Keputusan <span class="text-danger">*</span></label>
                        <div class="d-flex gap-4 mt-1">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="keputusan"
                                    id="keputusan_disetujui" value="disetujui"
                                    {{ ($kf?->keputusan ?? '') === 'disetujui' ? 'checked' : '' }} required>
                                <label class="form-check-label text-success fw-semibold" for="keputusan_disetujui">
                                    <i class="bi bi-check-circle me-1"></i>Disetujui
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="keputusan"
                                    id="keputusan_ditolak" value="ditolak"
                                    {{ ($kf?->keputusan ?? '') === 'ditolak' ? 'checked' : '' }}>
                                <label class="form-check-label text-danger fw-semibold" for="keputusan_ditolak">
                                    <i class="bi bi-x-circle me-1"></i>Ditolak
                                </label>
                            </div>
                        </div>
                        @error('keputusan')
                            <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12">
                        <label class="form-label fw-medium" for="catatan">Catatan <span class="text-muted fw-normal">(opsional)</span></label>
                        <textarea name="catatan" id="catatan"
                            class="form-control @error('catatan') is-invalid @enderror"
                            rows="3"
                            placeholder="Kondisi khusus atau alasan penolakan...">{{ old('catatan', $kf?->catatan) }}</textarea>
                        @error('catatan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="d-flex flex-wrap gap-2 justify-content-end mt-4 pt-3 border-top">
                    <button type="submit" name="submit_batch" value="0" class="btn btn-outline-primary">
                        <i class="bi bi-floppy me-1"></i>Simpan Keputusan Ini
                    </button>
                    @if($semuaSudahDicek)
                    <button type="submit" name="submit_batch" value="1" class="btn btn-danger"
                        onclick="return confirm('Finalisasi semua keputusan batch? Tindakan ini tidak dapat dibatalkan.')">
                        <i class="bi bi-send-check me-1"></i>Simpan & Finalisasi Batch
                    </button>
                    @else
                    <button type="button" class="btn btn-secondary" disabled
                        title="Isi keputusan semua debitur dalam batch terlebih dahulu.">
                        <i class="bi bi-lock me-1"></i>Finalisasi Batch
                    </button>
                    @endif
                </div>
            </div>
        </div>

    </form>

    @else

    {{-- Read-only: A79 --}}
    <div class="card border-0 rounded-3 mb-4" style="box-shadow: var(--los-shadow);">
        <div class="card-header bg-transparent border-bottom px-4 py-3">
            <h6 class="mb-0 fw-semibold d-flex align-items-center gap-2">
                <i class="bi bi-journal-check" style="color: var(--los-green);"></i>
                Kesimpulan Verifikasi (A79) — Read Only
            </h6>
        </div>
        <div class="card-body px-4 py-3">
            @php
            $a79ReadItems = [
                'a79_kesesuaian_data'     => 'A79-1: Identitas pemohon terverifikasi sesuai dokumen',
                'a79_kelengkapan_dokumen' => 'A79-2: Prospek usaha terverifikasi dan prospektif',
                'a79_hasil_csl_layak'     => 'A79-3: Hasil scoring CSL dinyatakan layak',
                'a79_tidak_ada_sengketa'  => 'A79-4: Lahan & jaminan terverifikasi, tidak ada sengketa',
                'a79_rekomendasi_pl'      => 'A79-5: Rekomendasi PL: pemohon layak dilanjutkan',
            ];
            @endphp
            @foreach($a79ReadItems as $field => $label)
            <div class="d-flex align-items-center gap-3 py-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                @if($kf?->{$field})
                    <i class="bi bi-check-circle-fill text-success fs-5 flex-shrink-0"></i>
                @else
                    <i class="bi bi-x-circle-fill text-danger fs-5 flex-shrink-0"></i>
                @endif
                <span class="fw-medium">{{ $label }}</span>
            </div>
            @endforeach
        </div>
    </div>

    {{-- Read-only: Keputusan --}}
    <div class="card border-0 rounded-3 mb-4" style="box-shadow: var(--los-shadow);">
        <div class="card-header bg-transparent border-bottom px-4 py-3">
            <h6 class="mb-0 fw-semibold d-flex align-items-center gap-2">
                <i class="bi bi-check2-circle" style="color: var(--los-green);"></i>
                Keputusan Final — Read Only
            </h6>
        </div>
        <div class="card-body px-4 py-4">
            <div class="d-flex flex-wrap align-items-center gap-3 mb-3">
                <span class="badge rounded-pill fs-6 {{ $kf?->keputusan === 'disetujui' ? 'bg-success' : 'bg-danger' }} px-3 py-2">
                    <i class="bi bi-{{ $kf?->keputusan === 'disetujui' ? 'check' : 'x' }}-circle me-1"></i>
                    {{ ucfirst($kf?->keputusan ?? '—') }}
                </span>
                <span class="text-muted small">
                    Diputuskan pada {{ $kf?->decided_at?->format('d M Y H:i') ?? '—' }}
                </span>
            </div>
            @if($kf?->catatan)
            <div class="p-3 bg-light rounded-3 small">
                <i class="bi bi-chat-left-text me-1 text-muted"></i>{{ $kf->catatan }}
            </div>
            @endif
        </div>
    </div>

    @endif

</div>

@push('scripts')
<script>
document.querySelectorAll('.a79-toggle').forEach(cb => {
    const hidden  = document.createElement('input');
    hidden.type   = 'hidden';
    hidden.name   = cb.name;
    hidden.value  = cb.checked ? '1' : '0';
    cb.closest('.form-check').insertAdjacentElement('beforebegin', hidden);
    cb.addEventListener('change', () => {
        hidden.value = cb.checked ? '1' : '0';
        cb.value     = cb.checked ? '1' : '0';
    });
});
</script>
@endpush
@endsection