@extends('layouts.app')

@section('title', 'Finalisasi Verifikasi — ' . $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('applications.show', $application->id) }}" 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-stars me-2"></i>Finalisasi Verifikasi + CSL
            </h5>
            <small class="text-muted">{{ $application->applicant_name }} — {{ $application->id }}</small>
        </div>
        <div>{!! $application->status_badge !!}</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">
            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </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">
                <li class="nav-item">
                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabRingkasan">
                        <i class="bi bi-card-list me-1"></i>Ringkasan DA + FA
                    </button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCsl">
                        <i class="bi bi-speedometer2 me-1"></i>CSL Scoring
                    </button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabSubmit">
                        <i class="bi bi-send-check me-1"></i>Submit ke Signature
                    </button>
                </li>
            </ul>
        </div>

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

            {{-- ═══════════════════════════════════════════════════════════════ --}}
            {{-- TAB 1: RINGKASAN TABULASI DA + FA --}}
            {{-- ═══════════════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade show active" id="tabRingkasan">

                <div class="row g-4 mb-4">
                    {{-- Ringkasan DA --}}
                    <div class="col-12 col-md-6">
                        <div class="card border-0 bg-light h-100">
                            <div class="card-body">
                                <h6 class="fw-bold mb-3"><i class="bi bi-clipboard-check text-primary me-2"></i>Desk Analysis</h6>
                                @php $da = $application->verifikasiDa; @endphp
                                @if($da)
                                    <div class="mb-2"><span class="text-muted small">Verifikator:</span> {{ $da->verifikator?->name ?? '-' }}</div>
                                    <div class="mb-2"><span class="text-muted small">Status:</span>
                                        <span class="badge {{ $da->isSubmitted() ? 'bg-success' : 'bg-warning text-dark' }}">
                                            {{ $da->isSubmitted() ? 'Submitted' : 'Draft' }}
                                        </span>
                                    </div>
                                    <div class="mb-2">
                                        <span class="text-muted small">Compliance:</span>
                                        <span class="badge {{ $da->semua_compliance_accepted ? 'bg-success' : 'bg-danger' }}">
                                            {{ $da->semua_compliance_accepted ? '8/8 Accepted' : 'Ada Rejected' }}
                                        </span>
                                    </div>
                                    @if($da->catatan_da)
                                        <div class="mt-2"><span class="text-muted small">Catatan DA:</span><br>
                                            <span class="small">{{ $da->catatan_da }}</span>
                                        </div>
                                    @endif
                                    @if($da->rekomendasi_plafond_da)
                                        <div class="mt-2">
                                            <span class="text-muted small">Rekomendasi DA:</span>
                                            Rp {{ number_format($da->rekomendasi_plafond_da, 0, ',', '.') }} /
                                            {{ $da->rekomendasi_tenor_da ?? '-' }} bln
                                        </div>
                                    @endif
                                @else
                                    <div class="text-muted">Data DA tidak ditemukan.</div>
                                @endif
                            </div>
                        </div>
                    </div>

                    {{-- Ringkasan FA --}}
                    <div class="col-12 col-md-6">
                        <div class="card border-0 bg-light h-100">
                            <div class="card-body">
                                <h6 class="fw-bold mb-3"><i class="bi bi-geo-alt text-success me-2"></i>Field Analysis</h6>
                                @php $fa = $application->verifikasiFa; @endphp
                                @if($fa)
                                    <div class="mb-2"><span class="text-muted small">PL:</span> {{ $fa->pl?->name ?? '-' }}</div>
                                    <div class="mb-2"><span class="text-muted small">Status:</span>
                                        <span class="badge {{ $fa->isSubmitted() ? 'bg-success' : 'bg-warning text-dark' }}">
                                            {{ $fa->isSubmitted() ? 'Submitted' : 'Draft' }}
                                        </span>
                                    </div>
                                    <div class="mb-2">
                                        <span class="text-muted small">Item tidak sesuai:</span>
                                        <span class="badge {{ $fa->tidak_sesuai_count > 0 ? 'bg-warning text-dark' : 'bg-success' }}">
                                            {{ $fa->tidak_sesuai_count }} item
                                        </span>
                                    </div>
                                    @if($fa->catatan_keseluruhan)
                                        <div class="mt-2"><span class="text-muted small">Catatan FA:</span><br>
                                            <span class="small">{{ $fa->catatan_keseluruhan }}</span>
                                        </div>
                                    @endif
                                    @if($fa->penyesuaian_rekomendasi)
                                        <div class="mt-2"><span class="text-muted small">Penyesuaian:</span><br>
                                            <span class="small">{{ $fa->penyesuaian_rekomendasi }}</span>
                                        </div>
                                    @endif
                                @else
                                    <div class="text-muted">Data FA tidak ditemukan.</div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Tabulasi DA + FA --}}
                <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:120px">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>{{ $row['item'] }}</td>
                                <td>
                                    @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 2: CSL SCORING --}}
            {{-- ═══════════════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade" id="tabCsl">

                {{-- Hitung / hitung ulang CSL --}}
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h6 class="fw-bold mb-0">Kalkulasi CSL Scoring</h6>
                    <form method="POST" action="{{ route('finalisasi.hitung-csl', $application->id) }}">
                        @csrf
                        <button type="submit" class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-calculator me-1"></i>
                            {{ $cslScoring ? 'Hitung Ulang CSL' : 'Hitung CSL' }}
                        </button>
                    </form>
                </div>

                @if(!$application->hasilSlik)
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        Hasil SLIK belum diinput. CSL tidak bisa dihitung. Input SLIK di tab DA terlebih dahulu.
                    </div>
                @elseif($cslScoring)

                    {{-- Skor Total --}}
                    <div class="row g-3 mb-4">
                        <div class="col-12 col-md-4">
                            <div class="card border-0 text-center p-4"
                                 style="background: {{ $cslScoring->kategori_risiko === 'Low' ? '#d1fae5' : ($cslScoring->kategori_risiko === 'Moderate' ? '#fef9c3' : '#fee2e2') }}">
                                <div class="display-5 fw-bold">{{ number_format($cslScoring->skor_total, 1) }}</div>
                                <div class="mt-1">{!! $cslScoring->kategori_risiko_badge !!}</div>
                                <div class="small text-muted mt-1">
                                    {{ $cslScoring->status_layak ? '✅ Layak diproses' : '❌ Tidak layak' }}
                                </div>
                                <div class="small text-muted">
                                    Dihitung: {{ $cslScoring->dihitung_pada?->format('d M Y H:i') }}
                                </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">Breakdown Komponen</h6>
                                {{-- Eksternal --}}
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div>
                                        <div class="fw-semibold">Eksternal (SLIK/Pefindo)</div>
                                        <div class="small text-muted">Bobot 40% | Risk: {{ $application->hasilSlik?->risk_label }}</div>
                                    </div>
                                    <div class="text-end">
                                        <div class="fw-bold">{{ $cslScoring->nilai_eksternal }}/100</div>
                                        <div class="small text-muted">Skor: {{ number_format($cslScoring->skor_eksternal, 2) }}</div>
                                    </div>
                                </div>
                                <div class="progress mb-3" style="height:6px">
                                    <div class="progress-bar bg-info" style="width:{{ $cslScoring->nilai_eksternal }}%"></div>
                                </div>

                                {{-- Financial --}}
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div>
                                        <div class="fw-semibold">Financial (RPC)</div>
                                        <div class="small text-muted">Bobot 30% | Rasio RPC/Angsuran: {{ number_format($cslScoring->rasio_rpc, 2) }}×</div>
                                    </div>
                                    <div class="text-end">
                                        <div class="fw-bold">{{ $cslScoring->nilai_financial }}/100</div>
                                        <div class="small text-muted">Skor: {{ number_format($cslScoring->skor_financial, 2) }}</div>
                                    </div>
                                </div>
                                <div class="progress mb-3" style="height:6px">
                                    <div class="progress-bar bg-success" style="width:{{ $cslScoring->nilai_financial }}%"></div>
                                </div>

                                {{-- Non-Financial --}}
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div>
                                        <div class="fw-semibold">Non-Financial</div>
                                        <div class="small text-muted">Bobot 30% | 10 parameter</div>
                                    </div>
                                    <div class="text-end">
                                        <div class="fw-bold">{{ number_format($cslScoring->skor_non_financial / 0.3, 1) }}/100</div>
                                        <div class="small text-muted">Skor: {{ number_format($cslScoring->skor_non_financial, 2) }}</div>
                                    </div>
                                </div>
                                <div class="progress" style="height:6px">
                                    <div class="progress-bar bg-warning" style="width:{{ round($cslScoring->skor_non_financial / 0.3) }}%"></div>
                                </div>
                            </div>
                        </div>
                    </div>

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

                    {{-- Compliance --}}
                    <h6 class="fw-bold mb-3">8 Compliance Parameter</h6>
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm align-middle">
                            <thead class="table-light">
                                <tr><th>#</th><th>Parameter</th><th>Status</th><th>Catatan</th></tr>
                            </thead>
                            <tbody>
                            @foreach($cslScoring->compliance_params ?? [] as $i => $p)
                                <tr class="{{ ($p['status'] ?? '') === 'Accepted' ? '' : 'table-danger' }}">
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $p['label'] }}</td>
                                    <td>
                                        <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>
                    <div class="alert {{ $cslScoring->semua_compliance_accepted ? 'alert-success' : 'alert-danger' }} mt-2">
                        <strong>{{ $cslScoring->semua_compliance_accepted ? '✅ Semua compliance terpenuhi' : '❌ Ada compliance yang rejected' }}</strong>
                        — CSL lolos jika semua 8 compliance = Accepted DAN skor ≥ 50.
                    </div>

                @else
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle me-2"></i>
                        CSL belum dihitung. Klik tombol "Hitung CSL" di atas.
                    </div>
                @endif
            </div>

            {{-- ═══════════════════════════════════════════════════════════════ --}}
            {{-- TAB 3: SUBMIT KE SIGNATURE --}}
            {{-- ═══════════════════════════════════════════════════════════════ --}}
            <div class="tab-pane fade" id="tabSubmit">
                <h6 class="fw-bold mb-4">Rekomendasi Final & Submit ke Signature</h6>

                <form method="POST" action="{{ route('finalisasi.draft', $application->id) }}" class="mb-4">
                    @csrf
                    <div class="row g-3">
                        <div class="col-12 col-md-6">
                            <label class="form-label fw-semibold required">Rekomendasi Plafond Final (Rp)</label>
                            <input type="number" name="rekomendasi_plafond_final" class="form-control @error('rekomendasi_plafond_final') is-invalid @enderror"
                                   value="{{ old('rekomendasi_plafond_final', $application->verifikasiDa?->rekomendasi_plafond_da ?? $application->plafond_diajukan) }}"
                                   step="500000" min="1000000" required>
                            <div class="form-text">Maks: Rp {{ number_format($application->plafond_diajukan ?? 0, 0, ',', '.') }} (plafond yang diajukan)</div>
                            @error('rekomendasi_plafond_final')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label fw-semibold required">Rekomendasi Tenor Final (bulan)</label>
                            <input type="number" name="rekomendasi_tenor_final" class="form-control @error('rekomendasi_tenor_final') is-invalid @enderror"
                                   value="{{ old('rekomendasi_tenor_final', $application->verifikasiDa?->rekomendasi_tenor_da ?? $application->tenor_bulan) }}"
                                   min="1" required>
                            @error('rekomendasi_tenor_final')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Catatan Finalisasi untuk Signature</label>
                            <textarea name="catatan_finalisasi" class="form-control" rows="3"
                                      placeholder="Ringkasan rekomendasi verifikasi untuk Signature/Komite">{{ old('catatan_finalisasi', $application->verifikasiDa?->catatan_da) }}</textarea>
                        </div>
                        <div class="col-12">
                            <button type="submit" class="btn btn-outline-primary">
                                <i class="bi bi-save me-1"></i>Simpan Rekomendasi
                            </button>
                        </div>
                    </div>
                </form>

                {{-- Status gate sebelum submit --}}
                @php
                    $siapSubmit = $cslScoring !== null && $application->hasilSlik !== null;
                @endphp

                @if(!$siapSubmit)
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        <strong>Syarat submit belum terpenuhi:</strong>
                        <ul class="mb-0 mt-2">
                            @if(!$application->hasilSlik) <li>SLIK belum diinput (di tab DA)</li> @endif
                            @if(!$cslScoring) <li>CSL belum dihitung (di tab CSL)</li> @endif
                        </ul>
                    </div>
                @else
                    {{-- Summary sebelum submit --}}
                    <div class="card border-success bg-success bg-opacity-10 p-3 mb-4">
                        <div class="row g-2">
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Skor CSL</div>
                                <div class="fw-bold fs-5">{{ number_format($cslScoring->skor_total, 1) }}</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Kategori</div>
                                <div>{!! $cslScoring->kategori_risiko_badge !!}</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Compliance</div>
                                <div class="fw-semibold">{{ $cslScoring->semua_compliance_accepted ? '✅ OK' : '❌ Gagal' }}</div>
                            </div>
                            <div class="col-6 col-md-3 text-center">
                                <div class="small text-muted">Hasil</div>
                                <div class="fw-semibold {{ $cslScoring->status_layak ? 'text-success' : 'text-danger' }}">
                                    {{ $cslScoring->status_layak ? '✅ Layak' : '❌ Tidak Layak' }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <form method="POST" action="{{ route('finalisasi.submit', $application->id) }}"
                          onsubmit="return confirm('Submit pengajuan ke Signature/Komite? Setelah ini tidak bisa dibatalkan.')">
                        @csrf
                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-success btn-lg">
                                <i class="bi bi-send-check me-2"></i>Submit ke Signature / Komite
                            </button>
                        </div>
                    </form>
                @endif
            </div>

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

</div>
@endsection