@extends('layouts.app')

@section('title', 'Keputusan — ' . $application->applicant_name)

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

    {{-- Header --}}
    <div class="d-flex align-items-center gap-3 mb-4">
        <a href="{{ route('signature.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left"></i>
        </a>
        <div class="flex-fill">
            <h5 class="mb-0 fw-bold" style="color:var(--bpdlh-green);">
                <i class="bi bi-pen me-2"></i>{{ $application->debitur?->nama ?? $application->applicant_name }}
            </h5>
            <small class="text-muted">{{ $application->debitur?->nik ?? '' }} — {{ $application->pengajuanKelompok?->kelompok?->nama ?? '' }}</small>
        </div>
        <div class="d-flex align-items-center gap-2">
            {!! $application->status_badge !!}
            @if($application->keputusanKredit)
                {!! $application->keputusanKredit->keputusan_badge !!}
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    {{-- Banner: keputusan sudah ada (read-only) --}}
    @if($application->keputusanKredit)
    @php $kk = $application->keputusanKredit; @endphp
    <div class="alert {{ match($kk->keputusan) { 'setuju'=>'alert-success', 'bersyarat'=>'alert-warning', default=>'alert-danger' } }} mb-4">
        <div class="d-flex align-items-center gap-3 flex-wrap">
            <div class="flex-fill">
                <strong>Keputusan sudah ditetapkan:</strong> {!! $kk->keputusan_badge !!}
                <span class="ms-2 small text-muted">
                    oleh {{ $kk->signatureUser?->name ?? '-' }}
                    pada {{ $kk->tanggal_keputusan->format('d M Y H:i') }}
                </span>
                @if($kk->plafond_final)
                    <div class="mt-1 small">
                        Plafond: <strong>Rp {{ number_format($kk->plafond_final, 0, ',', '.') }}</strong> |
                        Tenor: <strong>{{ $kk->tenor_final }} bulan</strong> |
                        Skema: <strong>{{ \App\Models\KeputusanKredit::$SKEMA_OPTIONS[$kk->skema_angsuran] ?? $kk->skema_angsuran }}</strong>
                    </div>
                @endif
                @if($kk->alasan)
                    <div class="mt-1 small">Alasan: {{ $kk->alasan }}</div>
                @endif
                @if($kk->kondisi_bersyarat)
                    <div class="mt-1 small">Kondisi: {{ $kk->kondisi_bersyarat }}</div>
                @endif
            </div>
        </div>
    </div>
    @endif

    {{-- Tabs --}}
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white p-0">
            <ul class="nav nav-tabs card-header-tabs" id="sigTabs">
                <li class="nav-item">
                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabProfil">
                        <i class="bi bi-person me-1"></i>Profil
                    </button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabAnalisa">
                        <i class="bi bi-speedometer2 me-1"></i>Analisa
                    </button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabTabulasi">
                        <i class="bi bi-list-check me-1"></i>DA + FA
                    </button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabDokumen">
                        <i class="bi bi-file-earmark me-1"></i>Dokumen
                    </button>
                </li>
                @if(!$application->keputusanKredit && $application->status === 'signature')
                <li class="nav-item ms-auto">
                    <button class="nav-link text-primary fw-bold" data-bs-toggle="tab" data-bs-target="#tabKeputusan">
                        <i class="bi bi-pen me-1"></i>Beri Keputusan
                    </button>
                </li>
                @endif
            </ul>
        </div>

        <div class="card-body tab-content p-4">

            {{-- ══════════════════════════════════════════════════════ --}}
            {{-- TAB 1: PROFIL --}}
            {{-- ══════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade show active" id="tabProfil">
                @php $d = $application->debitur; @endphp

                <div class="row g-4">
                    {{-- Identitas --}}
                    <div class="col-12 col-md-6">
                        <h6 class="fw-bold border-bottom pb-2 mb-3">Identitas Pemohon</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Nama</td><td class="fw-semibold">{{ $d?->nama ?? '-' }}</td></tr>
                            <tr><td class="text-muted">NIK</td><td>{{ $d?->nik ?? '-' }}</td></tr>
                            <tr><td class="text-muted">No. KK</td><td>{{ $d?->no_kk ?? '-' }}</td></tr>
                            <tr><td class="text-muted">TTL</td><td>{{ $d?->ttl ? $d->ttl->format('d M Y') . ' (' . $d->ttl->age . ' th)' : '-' }}</td></tr>
                            <tr><td class="text-muted">Status Kawin</td><td>{{ $d?->status_kawin ?? '-' }}</td></tr>
                            @if($d?->nama_pasangan)
                            <tr><td class="text-muted">Nama Pasangan</td><td>{{ $d->nama_pasangan }}</td></tr>
                            @endif
                            <tr><td class="text-muted">Tanggungan</td><td>{{ $d?->tanggungan ?? '-' }} orang</td></tr>
                            <tr><td class="text-muted">Pendidikan</td><td>{{ $d?->pendidikan ?? '-' }}</td></tr>
                        </table>
                    </div>

                    {{-- Tempat Tinggal & Usaha --}}
                    <div class="col-12 col-md-6">
                        <h6 class="fw-bold border-bottom pb-2 mb-3">Tempat Tinggal & Usaha</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Alamat</td><td>{{ $d?->alamat ?? '-' }}, {{ $d?->kelurahan ?? '' }}, {{ $d?->kecamatan ?? '' }}, {{ $d?->kabupaten ?? '' }}</td></tr>
                            <tr><td class="text-muted">Lama Menempati</td><td>{{ $d?->lama_menempati_tahun ?? '-' }} tahun</td></tr>
                            <tr><td class="text-muted">Status Tempat Tinggal</td><td>{{ $d?->status_tempat_tinggal ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Sektor Usaha</td><td>{{ $d?->sektor_ekonomi ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Usaha Dibiayai</td><td>{{ $d?->usaha_dibiayai ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Status Kepemilikan Usaha</td><td>{{ $d?->status_kepemilikan_usaha ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Lama Usaha</td><td>{{ $application->lama_usaha_tahun ?? '-' }} tahun</td></tr>
                        </table>
                    </div>

                    {{-- Permohonan & Lahan --}}
                    <div class="col-12 col-md-6">
                        <h6 class="fw-bold border-bottom pb-2 mb-3">Permohonan</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Jenis Layanan</td><td>{{ $application->jenis_layanan ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Status Pinjaman</td><td>{{ $application->status_pinjaman ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Plafond Diajukan</td><td class="fw-bold text-primary">Rp {{ number_format($application->plafond_diajukan ?? 0, 0, ',', '.') }}</td></tr>
                            <tr><td class="text-muted">Maks. Plafond RPC</td><td>Rp {{ number_format($application->plafond_rekomendasi_rpc ?? 0, 0, ',', '.') }}</td></tr>
                            <tr><td class="text-muted">Tenor Diajukan</td><td>{{ $application->tenor_bulan ?? '-' }} bulan</td></tr>
                            <tr><td class="text-muted">Skema Rekomendasi PL</td><td>{{ \App\Models\KeputusanKredit::$SKEMA_OPTIONS[$application->skema_angsuran ?? ''] ?? ($application->skema_angsuran ?? '-') }}</td></tr>
                            <tr><td class="text-muted">Tipe Usaha</td><td>{{ strtoupper($application->tipe_usaha ?? '-') }}</td></tr>
                            <tr><td class="text-muted">Komoditas Utama</td><td>{{ $application->komoditasUtama?->nama ?? '-' }}</td></tr>
                        </table>
                    </div>

                    {{-- Kelompok --}}
                    <div class="col-12 col-md-6">
                        <h6 class="fw-bold border-bottom pb-2 mb-3">Kelompok</h6>
                        @php $kelompok = $application->pengajuanKelompok?->kelompok; @endphp
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">Nama KTH</td><td class="fw-semibold">{{ $kelompok?->nama ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Kecamatan</td><td>{{ $kelompok?->kecamatan ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Kabupaten</td><td>{{ $kelompok?->kabupaten ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Tanggal Berdiri</td><td>{{ $kelompok?->tanggal_berdiri ? \Carbon\Carbon::parse($kelompok->tanggal_berdiri)->format('d M Y') : '-' }}</td></tr>
                            <tr><td class="text-muted">Pendamping</td><td>{{ $application->pengajuanKelompok?->nama_pendamping ?? '-' }}</td></tr>
                        </table>
                    </div>

                    {{-- Lahan & Kondisi Kebun --}}
                    <div class="col-12">
                        <h6 class="fw-bold border-bottom pb-2 mb-3">Lahan & Kondisi Kebun</h6>
                        <div class="row g-3">
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Luas Lahan</div>
                                <div class="fw-bold">{{ $application->luas_lahan_ha ?? '-' }} Ha</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Tahun Tanam</div>
                                <div class="fw-bold">{{ $application->tahun_tanam ?? '-' }}</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Status Lahan</div>
                                <div class="fw-bold">{{ $application->status_lahan ?? '-' }}</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Jumlah Pohon Kakao</div>
                                <div class="fw-bold">{{ $application->jumlah_pohon_kakao ?? '-' }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ══════════════════════════════════════════════════════ --}}
            {{-- TAB 2: ANALISA CSL + KEUANGAN --}}
            {{-- ══════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade" id="tabAnalisa">
                @php $csl = $application->cslScoring; @endphp

                @if(!$csl)
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle me-2"></i>CSL belum dihitung oleh Verifikasi.
                    </div>
                @else

                {{-- Skor CSL --}}
                <div class="row g-3 mb-4">
                    <div class="col-12 col-md-4">
                        <div class="card border-0 text-center p-4 h-100"
                             style="background:{{ $csl->kategori_risiko === 'Low' ? '#d1fae5' : ($csl->kategori_risiko === 'Moderate' ? '#fef9c3' : '#fee2e2') }}">
                            <div class="display-4 fw-bold">{{ number_format($csl->skor_total, 1) }}</div>
                            <div class="mt-1">{!! $csl->kategori_risiko_badge !!}</div>
                            <div class="mt-2 small">
                                <span class="fw-semibold {{ $csl->status_layak ? 'text-success' : 'text-danger' }}">
                                    {{ $csl->status_layak ? '✅ Layak diproses' : '❌ Tidak Layak' }}
                                </span>
                            </div>
                            <div class="mt-1 small text-muted">
                                Compliance: {{ $csl->semua_compliance_accepted ? '8/8 OK' : 'Ada Rejected' }}
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-8">
                        <div class="card border-0 bg-light p-3 h-100">
                            <h6 class="fw-semibold mb-3">Komponen Skor</h6>
                            <div class="mb-3">
                                <div class="d-flex justify-content-between small mb-1">
                                    <span>Eksternal / SLIK — {{ $application->hasilSlik?->risk_label ?? '-' }}</span>
                                    <span class="fw-bold">{{ $csl->nilai_eksternal }}/100 × 40% = {{ number_format($csl->skor_eksternal, 2) }}</span>
                                </div>
                                <div class="progress" style="height:8px">
                                    <div class="progress-bar bg-info" style="width:{{ $csl->nilai_eksternal }}%"></div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <div class="d-flex justify-content-between small mb-1">
                                    <span>Financial / RPC — Rasio {{ number_format($csl->rasio_rpc, 2) }}×</span>
                                    <span class="fw-bold">{{ $csl->nilai_financial }}/100 × 30% = {{ number_format($csl->skor_financial, 2) }}</span>
                                </div>
                                <div class="progress" style="height:8px">
                                    <div class="progress-bar bg-success" style="width:{{ $csl->nilai_financial }}%"></div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <div class="d-flex justify-content-between small mb-1">
                                    <span>Non-Financial — 10 parameter</span>
                                    <span class="fw-bold">{{ number_format($csl->skor_non_financial, 2) }}</span>
                                </div>
                                <div class="progress" style="height:8px">
                                    <div class="progress-bar bg-warning" style="width:{{ round($csl->skor_non_financial / 0.3) }}%"></div>
                                </div>
                            </div>
                            <div class="border-top pt-2 mt-2 d-flex justify-content-between small">
                                <span>RPC Tahunan</span>
                                <span class="fw-bold">Rp {{ number_format($csl->rpc_tahunan ?? 0, 0, ',', '.') }}</span>
                            </div>
                            <div class="d-flex justify-content-between small">
                                <span>Angsuran Estimasi/Tahun</span>
                                <span class="fw-bold">Rp {{ number_format($csl->angsuran_per_tahun ?? 0, 0, ',', '.') }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 10 Parameter Non-Financial --}}
                <h6 class="fw-bold mb-3">10 Parameter Non-Financial</h6>
                <div class="table-responsive mb-4">
                    <table class="table table-sm table-bordered align-middle">
                        <thead class="table-light">
                            <tr><th>Parameter</th><th class="text-center">Nilai</th><th class="text-center">Kategori</th><th class="text-center">Bobot</th><th class="text-center">Weighted</th></tr>
                        </thead>
                        <tbody>
                        @foreach($csl->params_non_financial ?? [] as $p)
                            <tr>
                                <td>{{ $p['label'] }}</td>
                                <td class="text-center">{{ $p['nilai'] }}</td>
                                <td class="text-center">
                                    <span class="badge {{ match($p['kategori'] ?? '') { 'Low' => 'bg-success', 'Moderate' => 'bg-warning text-dark', default => 'bg-danger' } }}">
                                        {{ $p['kategori'] ?? '-' }}
                                    </span>
                                </td>
                                <td class="text-center small">{{ $p['bobot'] }}</td>
                                <td class="text-center small">{{ number_format($p['weighted'], 4) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

                {{-- 8 Compliance --}}
                <h6 class="fw-bold mb-3">8 Compliance Parameter</h6>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered align-middle">
                        <thead class="table-light">
                            <tr><th>#</th><th>Parameter</th><th class="text-center">Status</th><th>Catatan</th></tr>
                        </thead>
                        <tbody>
                        @foreach($csl->compliance_params ?? [] as $i => $p)
                            <tr class="{{ ($p['status'] ?? '') === 'Accepted' ? '' : 'table-danger' }}">
                                <td>{{ $i + 1 }}</td>
                                <td>{{ $p['label'] }}</td>
                                <td class="text-center">
                                    <span class="badge {{ ($p['status'] ?? '') === 'Accepted' ? 'bg-success' : 'bg-danger' }}">
                                        {{ $p['status'] ?? '-' }}
                                    </span>
                                </td>
                                <td class="small text-muted">{{ $p['catatan'] ?? '-' }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @endif

                {{-- Rekomendasi Verifikasi --}}
                @if($application->verifikasiDa?->rekomendasi_plafond_da)
                <div class="card border-primary border-opacity-25 bg-primary bg-opacity-10 mt-4 p-3">
                    <h6 class="fw-bold text-primary mb-2"><i class="bi bi-stars me-2"></i>Rekomendasi dari Verifikasi</h6>
                    <div class="row g-2">
                        <div class="col-6 col-md-3">
                            <div class="small text-muted">Plafond Rekomendasi</div>
                            <div class="fw-bold">Rp {{ number_format($application->verifikasiDa->rekomendasi_plafond_da, 0, ',', '.') }}</div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div class="small text-muted">Tenor Rekomendasi</div>
                            <div class="fw-bold">{{ $application->verifikasiDa->rekomendasi_tenor_da ?? '-' }} bulan</div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="small text-muted">Catatan Verifikasi</div>
                            <div class="small">{{ $application->verifikasiDa->catatan_da ?? '-' }}</div>
                        </div>
                    </div>
                </div>
                @endif
            </div>

            {{-- ══════════════════════════════════════════════════════ --}}
            {{-- TAB 3: TABULASI DA + FA --}}
            {{-- ══════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade" id="tabTabulasi">

                {{-- Catatan DA & FA --}}
                <div class="row g-3 mb-4">
                    <div class="col-12 col-md-6">
                        <div class="card border-0 bg-light p-3 h-100">
                            <h6 class="fw-semibold mb-2"><i class="bi bi-clipboard-check text-primary me-2"></i>Catatan DA</h6>
                            <div class="small">{{ $application->verifikasiDa?->catatan_da ?? 'Tidak ada catatan DA.' }}</div>
                            @if($application->verifikasiDa?->catatan_untuk_fa)
                                <div class="mt-2 pt-2 border-top">
                                    <span class="small text-muted">Catatan untuk FA:</span>
                                    <div class="small">{{ $application->verifikasiDa->catatan_untuk_fa }}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="card border-0 bg-light p-3 h-100">
                            <h6 class="fw-semibold mb-2"><i class="bi bi-geo-alt text-success me-2"></i>Catatan FA</h6>
                            <div class="small">{{ $application->verifikasiFa?->catatan_keseluruhan ?? 'Tidak ada catatan FA.' }}</div>
                            @if($application->verifikasiFa?->penyesuaian_rekomendasi)
                                <div class="mt-2 pt-2 border-top">
                                    <span class="small text-muted">Penyesuaian direkomendasikan:</span>
                                    <div class="small">{{ $application->verifikasiFa->penyesuaian_rekomendasi }}</div>
                                </div>
                            @endif
                            @if($application->verifikasiFa?->foto_lapangan)
                                <div class="mt-2 d-flex flex-wrap gap-1">
                                    @foreach($application->verifikasiFa->foto_lapangan as $foto)
                                        <a href="{{ Storage::url($foto) }}" target="_blank">
                                            <img src="{{ Storage::url($foto) }}" class="rounded" style="width:50px;height:50px;object-fit:cover;">
                                        </a>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Tabulasi --}}
                <h6 class="fw-bold mb-3">Tabulasi DA + FA</h6>
                <div class="table-responsive">
                    <table class="table table-bordered table-sm align-middle">
                        <thead class="table-light">
                            <tr><th>Sumber</th><th>Item</th><th style="width:130px">Status</th><th>Catatan</th></tr>
                        </thead>
                        <tbody>
                        @forelse($tabulasi as $row)
                            <tr>
                                <td><span class="badge bg-secondary small">{{ $row['sumber'] }}</span></td>
                                <td class="small">{{ $row['item'] }}</td>
                                <td class="text-center">
                                    @php $st = $row['status'] ?? '-'; @endphp
                                    @if(in_array($st, ['Accepted', 'lulus', 'sesuai']))
                                        <span class="badge bg-success">✅ {{ ucfirst($st) }}</span>
                                    @elseif(in_array($st, ['Rejected', 'tidak', 'tidak_valid']))
                                        <span class="badge bg-danger">❌ {{ ucfirst($st) }}</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $st }}</span>
                                    @endif
                                </td>
                                <td class="small text-muted">{{ $row['catatan'] ?: '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center text-muted">Belum ada data tabulasi.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            {{-- ══════════════════════════════════════════════════════ --}}
            {{-- TAB 4: DOKUMEN --}}
            {{-- ══════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade" id="tabDokumen">
                <h6 class="fw-bold mb-3">Dokumen Perorangan</h6>
                @php
                    $docLabels = [
                        'ktp'                 => 'KTP Pemohon',
                        'kk'                  => 'Kartu Keluarga',
                        'formulir_perorangan' => 'Formulir Permohonan',
                        'penguasaan_lahan'    => 'Dokumen Penguasaan Lahan',
                        'surat_permohonan'    => 'Surat Permohonan FDB',
                        'dokumen_jaminan'     => 'Dokumen Jaminan',
                    ];
                    $docs = $application->documents->keyBy('type');
                @endphp
                <div class="row g-3 mb-4">
                    @foreach($docLabels as $type => $label)
                        @php $doc = $docs->get($type); @endphp
                        <div class="col-12 col-md-6 col-lg-4">
                            <div class="card border-0 bg-light p-3">
                                <div class="d-flex align-items-center gap-2">
                                    <i class="bi bi-{{ $doc ? 'file-earmark-check text-success' : 'file-earmark text-muted' }} fs-4"></i>
                                    <div class="flex-fill">
                                        <div class="small fw-semibold">{{ $label }}</div>
                                        @if($doc)
                                            <a href="{{ Storage::url($doc->file_path) }}" target="_blank" class="small text-primary">
                                                <i class="bi bi-eye me-1"></i>Lihat dokumen
                                            </a>
                                        @else
                                            <span class="small text-muted">Belum diupload</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                {{-- Hasil SLIK --}}
                @if($application->hasilSlik?->file_path)
                <h6 class="fw-bold mb-3">Dokumen SLIK</h6>
                <div class="card border-0 bg-light p-3 mb-3" style="max-width:400px">
                    <div class="d-flex align-items-center gap-2">
                        <i class="bi bi-shield-check text-info fs-4"></i>
                        <div>
                            <div class="small fw-semibold">Hasil SLIK / iDeb OJK</div>
                            <a href="{{ Storage::url($application->hasilSlik->file_path) }}" target="_blank" class="small text-primary">
                                <i class="bi bi-eye me-1"></i>Lihat hasil SLIK
                            </a>
                            <div class="small text-muted">Risk: {{ $application->hasilSlik->risk_label }}</div>
                        </div>
                    </div>
                </div>
                @endif
            </div>

            {{-- ══════════════════════════════════════════════════════ --}}
            {{-- TAB 5: FORM KEPUTUSAN (hanya jika belum ada keputusan) --}}
            {{-- ══════════════════════════════════════════════════════ --}}
            @if(!$application->keputusanKredit && $application->status === 'signature')
            <div class="tab-pane fade" id="tabKeputusan">
                <h6 class="fw-bold mb-1">Berikan Keputusan Kredit</h6>
                <p class="text-muted small mb-4">Keputusan bersifat final dan tidak bisa diubah setelah disimpan.</p>

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

                    {{-- Pilih Keputusan --}}
                    <div class="mb-4">
                        <label class="form-label fw-semibold required">Keputusan</label>
                        <div class="row g-3">
                            <div class="col-12 col-md-4">
                                <div class="card border-2 p-3 h-100 cursor-pointer keputusan-card"
                                     onclick="selectKeputusan('setuju', this)"
                                     style="cursor:pointer; border-color: #dee2e6 !important;">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="keputusan" value="setuju"
                                               id="k_setuju" @checked(old('keputusan') === 'setuju')>
                                        <label class="form-check-label fw-bold text-success" for="k_setuju" style="cursor:pointer">
                                            ✅ Setujui
                                        </label>
                                    </div>
                                    <p class="small text-muted mb-0 mt-1">Pengajuan disetujui dengan plafond dan tenor final yang ditetapkan.</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="card border-2 p-3 h-100 cursor-pointer keputusan-card"
                                     onclick="selectKeputusan('bersyarat', this)"
                                     style="cursor:pointer; border-color: #dee2e6 !important;">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="keputusan" value="bersyarat"
                                               id="k_bersyarat" @checked(old('keputusan') === 'bersyarat')>
                                        <label class="form-check-label fw-bold text-warning" for="k_bersyarat" style="cursor:pointer">
                                            ⚠️ Setujui Bersyarat
                                        </label>
                                    </div>
                                    <p class="small text-muted mb-0 mt-1">Disetujui dengan kondisi/syarat tertentu yang harus dipenuhi.</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="card border-2 p-3 h-100 cursor-pointer keputusan-card"
                                     onclick="selectKeputusan('tolak', this)"
                                     style="cursor:pointer; border-color: #dee2e6 !important;">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="keputusan" value="tolak"
                                               id="k_tolak" @checked(old('keputusan') === 'tolak')>
                                        <label class="form-check-label fw-bold text-danger" for="k_tolak" style="cursor:pointer">
                                            ❌ Tolak
                                        </label>
                                    </div>
                                    <p class="small text-muted mb-0 mt-1">Pengajuan ditolak. Alasan wajib diisi.</p>
                                </div>
                            </div>
                        </div>
                        @error('keputusan')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                    </div>

                    {{-- Section: Setuju / Bersyarat --}}
                    <div id="sectionSetujui" style="{{ in_array(old('keputusan'), ['setuju','bersyarat']) ? '' : 'display:none' }}">
                        <div class="card border-success border-opacity-25 bg-success bg-opacity-10 p-4 mb-4">
                            <h6 class="fw-bold mb-3">Detail Persetujuan</h6>
                            <div class="row g-3">
                                <div class="col-12 col-md-5">
                                    <label class="form-label fw-semibold required">Plafond Final (Rp)</label>
                                    <input type="number" name="plafond_final" id="plafondFinal"
                                           class="form-control @error('plafond_final') is-invalid @enderror"
                                           value="{{ old('plafond_final', $application->verifikasiDa?->rekomendasi_plafond_da ?? $application->plafond_diajukan) }}"
                                           step="500000" min="1000000" max="{{ $maxPlafond }}">
                                    <div class="form-text">
                                        Maks: Rp {{ number_format($application->plafond_diajukan, 0, ',', '.') }} (plafond diajukan) |
                                        Rekomendasi RPC: Rp {{ number_format($application->plafond_rekomendasi_rpc ?? 0, 0, ',', '.') }}
                                    </div>
                                    @error('plafond_final')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-12 col-md-3">
                                    <label class="form-label fw-semibold required">Tenor Final (bulan)</label>
                                    <input type="number" name="tenor_final"
                                           class="form-control @error('tenor_final') is-invalid @enderror"
                                           value="{{ old('tenor_final', $application->verifikasiDa?->rekomendasi_tenor_da ?? $application->tenor_bulan) }}"
                                           min="1" max="{{ $tenorMax }}">
                                    <div class="form-text">Maks: {{ $tenorMax }} bulan ({{ strtoupper($application->tipe_usaha ?? 'onfarm') }})</div>
                                    @error('tenor_final')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label fw-semibold required">Skema Angsuran Final</label>
                                    <select name="skema_angsuran" class="form-select @error('skema_angsuran') is-invalid @enderror">
                                        <option value="">-- Pilih --</option>
                                        @foreach(\App\Models\KeputusanKredit::$SKEMA_OPTIONS as $val => $label)
                                            <option value="{{ $val }}"
                                                @selected(old('skema_angsuran', $application->skema_angsuran) === $val)>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <div class="form-text">PL merekomendasikan: {{ \App\Models\KeputusanKredit::$SKEMA_OPTIONS[$application->skema_angsuran ?? ''] ?? ($application->skema_angsuran ?? '-') }}</div>
                                    @error('skema_angsuran')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                {{-- Preview estimasi angsuran --}}
                                <div class="col-12">
                                    <div class="bg-white rounded p-2 small text-muted" id="previewAngsuran">
                                        <i class="bi bi-calculator me-1"></i>
                                        <span id="previewText">Isi plafond, tenor, dan skema untuk melihat estimasi angsuran.</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- Section: Kondisi Bersyarat --}}
                    <div id="sectionBersyarat" style="{{ old('keputusan') === 'bersyarat' ? '' : 'display:none' }}">
                        <div class="mb-4">
                            <label class="form-label fw-semibold required">Kondisi / Syarat yang Harus Dipenuhi</label>
                            <textarea name="kondisi_bersyarat" class="form-control @error('kondisi_bersyarat') is-invalid @enderror"
                                      rows="3" placeholder="Jelaskan kondisi yang harus dipenuhi debitur (min. 10 karakter)">{{ old('kondisi_bersyarat') }}</textarea>
                            @error('kondisi_bersyarat')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>

                    {{-- Section: Tolak --}}
                    <div id="sectionTolak" style="{{ old('keputusan') === 'tolak' ? '' : 'display:none' }}">
                        <div class="card border-danger border-opacity-25 bg-danger bg-opacity-10 p-4 mb-4">
                            <h6 class="fw-bold mb-3 text-danger">Alasan Penolakan</h6>
                            <textarea name="alasan" class="form-control @error('alasan') is-invalid @enderror"
                                      rows="4" placeholder="Jelaskan alasan penolakan secara rinci (min. 10 karakter)">{{ old('alasan') }}</textarea>
                            @error('alasan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>

                    {{-- Catatan Signature (semua keputusan) --}}
                    <div class="mb-4">
                        <label class="form-label fw-semibold">Catatan Signature (opsional)</label>
                        <textarea name="catatan_signature" class="form-control" rows="2"
                                  placeholder="Catatan tambahan dari Signature/Komite">{{ old('catatan_signature', $application->catatan_signature) }}</textarea>
                    </div>

                    {{-- Submit --}}
                    <div class="d-flex justify-content-end gap-3">
                        <a href="{{ route('signature.index') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-arrow-left me-1"></i>Kembali
                        </a>
                        <button type="button" class="btn btn-primary"
                                onclick="konfirmasiKeputusan()">
                            <i class="bi bi-pen me-1"></i>Tetapkan Keputusan
                        </button>
                    </div>
                </form>
            </div>
            @endif

        </div>{{-- end tab-content --}}
    </div>{{-- end card --}}

</div>

@push('scripts')
<script>
function selectKeputusan(val, card) {
    // Style cards
    document.querySelectorAll('.keputusan-card').forEach(c => {
        c.style.borderColor = '#dee2e6';
        c.style.background = '';
    });
    const colors = { setuju: '#d1fae5', bersyarat: '#fef9c3', tolak: '#fee2e2' };
    const borders = { setuju: '#10b981', bersyarat: '#f59e0b', tolak: '#ef4444' };
    card.style.borderColor = borders[val];
    card.style.background = colors[val];

    document.getElementById('k_' + val).checked = true;

    document.getElementById('sectionSetujui').style.display = ['setuju','bersyarat'].includes(val) ? '' : 'none';
    document.getElementById('sectionBersyarat').style.display = val === 'bersyarat' ? '' : 'none';
    document.getElementById('sectionTolak').style.display = val === 'tolak' ? '' : 'none';
}

// Estimasi angsuran
function updatePreview() {
    const plafond = parseInt(document.querySelector('[name=plafond_final]')?.value || 0);
    const tenor   = parseInt(document.querySelector('[name=tenor_final]')?.value || 0);
    const skema   = document.querySelector('[name=skema_angsuran]')?.value || '';
    const skemaLabels = {
        installment: 'Bulanan', quartal: 'Per 3 Bulan',
        semesteran: 'Per 6 Bulan', yarnen: 'Yarnen', balloon_payment: 'Balloon'
    };

    if (!plafond || !tenor || !skema) {
        document.getElementById('previewText').textContent = 'Isi plafond, tenor, dan skema untuk estimasi angsuran.';
        return;
    }

    const ir = 4 / 100;
    const totalBunga = plafond * ir * (tenor / 12);
    const totalBayar = plafond + totalBunga;

    let angsuran, label;
    if (skema === 'installment') {
        angsuran = totalBayar / tenor;
        label = 'per bulan';
    } else if (skema === 'quartal') {
        angsuran = totalBayar / (tenor / 3);
        label = 'per 3 bulan';
    } else if (skema === 'semesteran') {
        angsuran = totalBayar / (tenor / 6);
        label = 'per 6 bulan';
    } else if (skema === 'yarnen' || skema === 'balloon_payment') {
        angsuran = totalBayar;
        label = 'lunas di akhir';
    }

    const fmt = n => 'Rp ' + Math.round(n).toLocaleString('id-ID');
    document.getElementById('previewText').textContent =
        `Estimasi: ${fmt(angsuran)} ${label} | Total dibayar: ${fmt(totalBayar)} (pokok ${fmt(plafond)} + bunga ${fmt(totalBunga)} @ 4% flat)`;
}

document.querySelector('[name=plafond_final]')?.addEventListener('input', updatePreview);
document.querySelector('[name=tenor_final]')?.addEventListener('input', updatePreview);
document.querySelector('[name=skema_angsuran]')?.addEventListener('change', updatePreview);

// Konfirmasi sebelum submit
function konfirmasiKeputusan() {
    const k = document.querySelector('[name=keputusan]:checked')?.value;
    if (!k) {
        alert('Pilih keputusan terlebih dahulu (Setujui / Bersyarat / Tolak).');
        return;
    }
    const labels = { setuju: 'MENYETUJUI', bersyarat: 'MENYETUJUI BERSYARAT', tolak: 'MENOLAK' };
    const debitur = '{{ $application->debitur?->nama ?? $application->applicant_name }}';
    if (confirm(`Anda akan ${labels[k]} pengajuan ${debitur}.\n\nKeputusan ini FINAL dan tidak bisa diubah.\n\nLanjutkan?`)) {
        document.getElementById('formKeputusan').submit();
    }
}

// Init state dari old() value
document.addEventListener('DOMContentLoaded', function() {
    const checked = document.querySelector('[name=keputusan]:checked');
    if (checked) {
        const card = checked.closest('.keputusan-card');
        if (card) selectKeputusan(checked.value, card);
    }
    updatePreview();
});
</script>
@endpush
@endsection