@extends('layouts.app')

@section('title', 'Approval DA — ' . $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;
        $adv   = $pengajuan->approvalDa;
        $isRo  = $pengajuan->status !== \App\Core\Enums\PengajuanStatus::WaitingApprovalDa;

        $total      = $batchPengajuan->count();
        $dicekCount = $batchPengajuan->filter(fn($p) => $p->approvalDa !== null)->count();
        $pct        = $total > 0 ? round($dicekCount / $total * 100) : 0;
    @endphp

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

    {{-- DIVIDER LABEL --}}
    <div class="d-flex align-items-center gap-3 mb-4">
        <div class="flex-fill" style="height: 1px; background: var(--los-border-color);"></div>
        <span class="small fw-semibold text-muted text-uppercase ls-wide px-2"
              style="letter-spacing: 0.08em; white-space: nowrap;">
            <i class="bi bi-file-earmark-text me-1"></i>Review Data Debitur
        </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;
                $bulanNames = ['Jan','Feb','Mar','Apr','Mei','Jun','Jul','Agu','Sep','Okt','Nov','Des'];
            @endphp

            <h6 class="fw-semibold text-muted mb-3 small text-uppercase" 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>{{ $bulanNames[($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="fw-semibold text-muted mb-3 small text-uppercase" 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" />
        @endif

        @php $pl2 = $pengajuan->pendapatanLainnya; @endphp
        <div class="row g-3 mb-4">
            <div class="col-12">
                <h6 class="small fw-semibold text-muted text-uppercase mb-2" style="letter-spacing: 0.05em;">
                    Pendapatan Lainnya
                </h6>
            </div>
            <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, $yes = 'Ya', $no = 'Tidak') => $val
                ? '<span class="badge bg-success rounded-pill">' . $yes . '</span>'
                : '<span class="badge bg-danger rounded-pill">' . $no . '</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                => ['—',                'bg-secondary'],
                        };
                    @endphp
                    <span class="badge rounded-pill {{ $bmBadge[1] }}">{{ $bmBadge[0] }}</span>
                </x-ui.data-field>
            </div>
        </div>
    </x-ui.section-card>
    @endif

    {{-- Form Keputusan --}}
    <form action="{{ route('approval-da.store', $pengajuan) }}" method="POST">
        @csrf

        <x-form.section title="Keputusan Approval DA" icon="bi-check2-square" class="mb-4">
            <div class="row g-4">
                <div class="col-12 col-md-6">
                    <label class="form-label fw-medium">
                        Keputusan <span class="text-danger">*</span>
                    </label>
                    <div class="d-flex gap-3 flex-wrap">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="keputusan"
                                   id="kp_setuju" value="disetujui"
                                   {{ old('keputusan', $adv?->keputusan) === 'disetujui' ? 'checked' : '' }}
                                   {{ $isRo ? 'disabled' : '' }} required>
                            <label class="form-check-label fw-medium text-success" for="kp_setuju">
                                <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="kp_tolak" value="ditolak"
                                   {{ old('keputusan', $adv?->keputusan) === 'ditolak' ? 'checked' : '' }}
                                   {{ $isRo ? 'disabled' : '' }}>
                            <label class="form-check-label fw-medium text-danger" for="kp_tolak">
                                <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 Verifikator <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="Alasan penolakan atau catatan khusus untuk Penelaah..."
                              {{ $isRo ? 'disabled' : '' }}>{{ old('catatan', $adv?->catatan) }}</textarea>
                    @error('catatan')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </x-form.section>

        @if(!$isRo)
        <div class="d-flex gap-2 justify-content-end flex-wrap pb-4">
            {{-- Draft: tidak wajib pilih keputusan, hanya simpan catatan --}}
            <button type="submit" name="is_draft" value="1" formnovalidate class="btn btn-outline-primary">
                <i class="bi bi-floppy me-1"></i>Draft
            </button>
            {{-- Submit: keputusan wajib, redirect ke batch setelah simpan --}}
            <button type="submit" name="final_submit" value="0"
                    formaction="{{ route('approval-da.store', $pengajuan) }}?redirect_batch=1"
                    class="btn btn-primary">
                <i class="bi bi-check2-circle me-1"></i>Submit
            </button>
        </div>
        @endif
    </form>

</div>
@endsection