@extends('layouts.app')

@section('title', 'Field Analysis — ' . $pengajuan->debitur->nama)

@push('styles')
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
@endpush

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

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

    <x-ui.page-header
        title="Field Analysis"
        :subtitle="$pengajuan->debitur->nama"
        :back="route('pengajuan.show', $pengajuan)"
    >
        <x-slot:actions>
            <x-pengajuan.status-badge :status="$pengajuan->status" />
        </x-slot:actions>
    </x-ui.page-header>

    @php
        $fa          = $pengajuan->fieldAnalysis;
        $isSubmitted = $fa?->submitted_at !== null;
        $isPl        = $pengajuan->status->value === \App\Core\Enums\PengajuanStatus::Fa->value;
        $isReview    = $pengajuan->status->value === \App\Core\Enums\PengajuanStatus::WaitingReviewFa->value;
        $isDone      = $pengajuan->status->value === \App\Core\Enums\PengajuanStatus::WaitingKeputusan->value;
        $csl         = $pengajuan->cslScoring;
    @endphp

    @if($isSubmitted && !$isPl)
    <x-ui.alert type="info" class="mb-4">
        <i class="bi bi-info-circle me-1"></i>
        FA disubmit PL pada <strong>{{ $fa->submitted_at->format('d M Y H:i') }}</strong>.
        @if($isReview) Menunggu review Penelaah. @endif
    </x-ui.alert>
    @endif

    {{-- ═══════════════════════════════════════════════════════════
         PANEL BATCH STATUS (Penelaah)
         ═══════════════════════════════════════════════════════════ --}}
    @if(($isReview || $isDone) && $batchPengajuan->isNotEmpty())
    <x-ui.section-card title="Status Batch FA" icon="bi-people" class="mb-4">
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Debitur</th>
                        <th>Status</th>
                        <th>CSL Dihitung</th>
                        <th>Skor</th>
                        <th>Layak</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($batchPengajuan as $bp)
                    <tr class="{{ $bp->id === $pengajuan->id ? 'table-primary' : '' }}">
                        <td class="fw-medium">{{ $bp->debitur->nama }}</td>
                        <td><x-pengajuan.status-badge :status="$bp->status" /></td>
                        <td>
                            @if($bp->cslScoring)
                                <i class="bi bi-check-circle text-success"></i>
                                <span class="small text-muted">{{ $bp->cslScoring->dihitung_pada?->format('d/m H:i') }}</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>{{ $bp->cslScoring ? number_format($bp->cslScoring->skor_total, 1) : '—' }}</td>
                        <td>
                            @if($bp->cslScoring)
                                @if($bp->cslScoring->status_layak)
                                    <span class="badge bg-success">Layak</span>
                                @else
                                    <span class="badge bg-danger">Tidak Layak</span>
                                @endif
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($bp->id !== $pengajuan->id)
                            <a href="{{ route('field-analysis.show', $bp) }}" class="btn btn-outline-secondary btn-sm">Buka</a>
                            @else
                            <span class="badge bg-primary">Saat ini</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-ui.section-card>
    @endif

    {{-- ═══════════════════════════════════════════════════════════
         PANEL DATA PEFINDO DARI DA (Penelaah review)
         ═══════════════════════════════════════════════════════════ --}}
    @if(($isReview || $isDone) && $pengajuan->deskAnalysisPenelaah)
    @php $da = $pengajuan->deskAnalysisPenelaah; @endphp
    <x-ui.section-card title="Data Pefindo (dari Tahap DA)" icon="bi-graph-up-arrow" class="mb-4"
        desc="Data yang diinput Penelaah saat Desk Analysis. Read-only.">
        <div class="row g-3">
            <div class="col-md-4">
                <x-ui.data-field label="Jumlah Fasilitas Aktif (BF)"
                    :value="$da->bf_jumlah_fasilitas_aktif ?? '—'" />
            </div>
            <div class="col-md-4">
                <x-ui.data-field label="Tunggakan Outstanding (BG)"
                    :value="$da->bg_tunggakan_outstanding !== null ? number_format($da->bg_tunggakan_outstanding) : '—'" />
            </div>
            <div class="col-md-4">
                <x-ui.data-field label="Tunggakan Hari 12 Bln (BH)"
                    :value="$da->bh_tunggakan_hari_12_bln !== null ? $da->bh_tunggakan_hari_12_bln . ' hari' : '—'" />
            </div>
            <div class="col-md-4">
                <x-ui.data-field label="Skor Pefindo (BI)"
                    :value="$da->bi_skor_pefindo ?? '—'" />
            </div>
            <div class="col-md-4">
                <x-ui.data-field label="Tingkat Kelayakan Pefindo (BJ)"
                    :value="$da->bj_tingkat_kelayakan ?? '—'" />
            </div>
            <div class="col-md-4">
                <x-ui.data-field label="Probability of Default (BK)"
                    :value="$da->bk_pod !== null ? number_format($da->bk_pod, 2) . '%' : '—'" />
            </div>
            <div class="col-12">
                <x-ui.data-field label="Catatan DA Penelaah (BL)"
                    :value="$da->bl_catatan ?? '—'" />
            </div>
            <div class="col-md-6">
                @php
                    $hasilMap = [
                        'layak'               => ['label' => 'Layak',               'class' => 'bg-success'],
                        'tidak_layak'         => ['label' => 'Tidak Layak',         'class' => 'bg-danger'],
                        'layak_dengan_catatan'=> ['label' => 'Layak dengan Catatan','class' => 'bg-warning text-dark'],
                    ];
                    $hasilInfo = $hasilMap[$da->bm_hasil_penilaian ?? ''] ?? ['label' => '—', 'class' => 'bg-secondary'];
                @endphp
                <div>
                    <p class="small text-muted mb-1">Hasil Penilaian DA (BM)</p>
                    <span class="badge {{ $hasilInfo['class'] }} fs-6 px-3">{{ $hasilInfo['label'] }}</span>
                </div>
            </div>
        </div>
    </x-ui.section-card>
    @endif

    {{-- ═══════════════════════════════════════════════════════════
         FORM PL — Section A–E + GPS + Polygon (PL mode only)
         ═══════════════════════════════════════════════════════════ --}}
    @if($isPl)
    <form action="{{ route('field-analysis.store', $pengajuan) }}" method="POST" id="formFA">
        @csrf

        {{-- Section A: Kondisi Umum (Identitas) --}}
        <x-ui.section-card title="Section A — Kondisi Umum Debitur" icon="bi-person-check" class="mb-4"
            desc="Verifikasi 13 item identitas. Centang 'Sesuai' jika data lapangan cocok dengan DA.">
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Item</th>
                            <th width="200">Nilai dari DA</th>
                            <th width="100">Sesuai?</th>
                            <th>Data Hasil Validasi di Lapangan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sectionAItems as $i => $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-muted small">{{ $item['nilai_da'] ?? '—' }}</td>
                            <td class="text-center">
                                <input type="hidden" name="section_a[{{ $i }}][item]" value="{{ $item['item'] }}">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input" type="checkbox"
                                        name="section_a[{{ $i }}][sesuai]" value="1"
                                        {{ $item['sesuai'] ? 'checked' : '' }}>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="section_a[{{ $i }}][data_hasil_validasi]"
                                    class="form-control form-control-sm"
                                    value="{{ $item['data_hasil_validasi'] }}"
                                    placeholder="Catatan jika tidak sesuai...">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Section B: Kondisi Kebun --}}
        <x-ui.section-card title="Section B — Kondisi Kebun" icon="bi-tree" class="mb-4">
            @php
            $bItems = [
                'Luas kebun sesuai DA',
                'Tahun tanam sesuai DA',
                'Kondisi tanaman baik/produktif',
                'Biaya produksi wajar vs survey harga',
                'Estimasi produksi wajar',
            ];
            $existingB = collect($fa?->b_kondisi_kebun ?? [])->keyBy('item');
            @endphp
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="100">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($bItems as $idx => $label)
                        @php $ex = $existingB->get($label); @endphp
                        <tr>
                            <td class="fw-medium">{{ $label }}</td>
                            <td class="text-center">
                                <input type="hidden" name="section_b[{{ $idx }}][item]" value="{{ $label }}">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input" type="checkbox"
                                        name="section_b[{{ $idx }}][sesuai]" value="1"
                                        {{ ($ex['sesuai'] ?? false) ? 'checked' : '' }}>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="section_b[{{ $idx }}][data_hasil_validasi]"
                                    class="form-control form-control-sm"
                                    value="{{ $ex['data_hasil_validasi'] ?? '' }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Section C: Jaminan --}}
        <x-ui.section-card title="Section C — Jaminan / Lahan" icon="bi-geo-alt" class="mb-4">
            @php
            $cItems = [
                'Lokasi lahan sesuai dokumen',
                'Batas-batas lahan jelas',
                'Luas lahan di lapangan sesuai DA',
                'Tidak ada sengketa lahan',
                'Dokumen penguasaan lahan valid',
            ];
            $existingC = collect($fa?->c_jaminan ?? [])->keyBy('item');
            @endphp
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="100">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($cItems as $idx => $label)
                        @php $ex = $existingC->get($label); @endphp
                        <tr>
                            <td class="fw-medium">{{ $label }}</td>
                            <td class="text-center">
                                <input type="hidden" name="section_c[{{ $idx }}][item]" value="{{ $label }}">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input" type="checkbox"
                                        name="section_c[{{ $idx }}][sesuai]" value="1"
                                        {{ ($ex['sesuai'] ?? false) ? 'checked' : '' }}>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="section_c[{{ $idx }}][data_hasil_validasi]"
                                    class="form-control form-control-sm"
                                    value="{{ $ex['data_hasil_validasi'] ?? '' }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Section D: Sosial & Lingkungan --}}
        <x-ui.section-card title="Section D — Sosial & Lingkungan" icon="bi-people" class="mb-4">
            @php
            $dItems = [
                'Tidak ada konflik sosial di sekitar lahan',
                'Usaha ramah lingkungan',
                'Ada dukungan keluarga untuk usaha',
                'Karakter pemohon dinilai baik',
            ];
            $existingD = collect($fa?->d_sosial_lingkungan ?? [])->keyBy('item');
            @endphp
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="100">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($dItems as $idx => $label)
                        @php $ex = $existingD->get($label); @endphp
                        <tr>
                            <td class="fw-medium">{{ $label }}</td>
                            <td class="text-center">
                                <input type="hidden" name="section_d[{{ $idx }}][item]" value="{{ $label }}">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input" type="checkbox"
                                        name="section_d[{{ $idx }}][sesuai]" value="1"
                                        {{ ($ex['sesuai'] ?? false) ? 'checked' : '' }}>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="section_d[{{ $idx }}][data_hasil_validasi]"
                                    class="form-control form-control-sm"
                                    value="{{ $ex['data_hasil_validasi'] ?? '' }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Section E: Rekomendasi PL --}}
        <x-ui.section-card title="Section E — Rekomendasi PL" icon="bi-clipboard2-check" class="mb-4">
            @php
            $eItems = [
                'Pemohon layak diproses lebih lanjut',
                'Nilai pinjaman sesuai kapasitas',
                'Jaminan lahan memadai',
            ];
            $existingE = collect($fa?->e_rekomendasi ?? [])->keyBy('item');
            @endphp
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="100">Rekomendasi?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($eItems as $idx => $label)
                        @php $ex = $existingE->get($label); @endphp
                        <tr>
                            <td class="fw-medium">{{ $label }}</td>
                            <td class="text-center">
                                <input type="hidden" name="section_e[{{ $idx }}][item]" value="{{ $label }}">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input" type="checkbox"
                                        name="section_e[{{ $idx }}][sesuai]" value="1"
                                        {{ ($ex['sesuai'] ?? false) ? 'checked' : '' }}>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="section_e[{{ $idx }}][data_hasil_validasi]"
                                    class="form-control form-control-sm"
                                    value="{{ $ex['data_hasil_validasi'] ?? '' }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- GPS + Polygon (PL) --}}
        <x-ui.section-card title="Lokasi GPS & Polygon Lahan" icon="bi-map" class="mb-4">
            <div class="row g-3 mb-3">
                <div class="col-md-4">
                    <label class="form-label fw-medium">Latitude</label>
                    <input type="number" name="koordinat_lat" id="koordinat_lat"
                        class="form-control" step="0.0000001"
                        value="{{ old('koordinat_lat', $fa?->latitude) }}"
                        placeholder="Tekan tombol GPS">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-medium">Longitude</label>
                    <input type="number" name="koordinat_lng" id="koordinat_lng"
                        class="form-control" step="0.0000001"
                        value="{{ old('koordinat_lng', $fa?->longitude) }}"
                        placeholder="Tekan tombol GPS">
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <button type="button" class="btn btn-outline-secondary w-100" id="get_gps_btn">
                        <i class="bi bi-crosshair me-1"></i> Ambil GPS Sekarang
                    </button>
                </div>
                @if($fa?->nama_wilayah_gps)
                <div class="col-12">
                    <small class="text-muted"><i class="bi bi-geo-alt me-1"></i>{{ $fa->nama_wilayah_gps }}</small>
                </div>
                @endif
            </div>

            <div id="fa_map" class="los-map-container"></div>
            <input type="hidden" name="polygon_geojson" id="polygon_geojson_input"
                value="{{ $fa?->polygon_geojson ? json_encode($fa->polygon_geojson) : '' }}">

            @if($fa?->luas_polygon_ha)
            <div class="mt-2 text-muted small">
                <i class="bi bi-bounding-box me-1"></i>
                Luas terdeteksi: <strong>{{ number_format($fa->luas_polygon_ha, 4) }} Ha</strong>
            </div>
            @endif
        </x-ui.section-card>

        {{-- Submit PL --}}
        <div class="d-flex gap-2 justify-content-end mb-4">
            <a href="{{ route('pengajuan.show', $pengajuan) }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Kembali
            </a>
            <button type="submit" class="btn btn-primary"
                onclick="return confirm('Submit Field Analysis? Data tidak dapat diubah setelah submit.')">
                <i class="bi bi-send me-1"></i> Submit Field Analysis
            </button>
        </div>
    </form>
    @endif

    {{-- ═══════════════════════════════════════════════════════════
         READ-ONLY VIEW — Sections A–E (Penelaah / Done mode)
         ═══════════════════════════════════════════════════════════ --}}
    @if($isReview || $isDone)

        {{-- Section A read-only --}}
        <x-ui.section-card title="Section A — Kondisi Umum Debitur" icon="bi-person-check" class="mb-4"
            desc="Hasil verifikasi identitas oleh PL di lapangan.">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Item</th>
                            <th width="220">Nilai dari DA</th>
                            <th width="120" class="text-center">Sesuai?</th>
                            <th>Hasil Validasi Lapangan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sectionAItems as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-muted small">{{ $item['nilai_da'] ?? '—' }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] === true)
                                    <span class="badge bg-success"><i class="bi bi-check-lg me-1"></i>Sesuai</span>
                                @elseif($item['sesuai'] === false)
                                    <span class="badge bg-danger"><i class="bi bi-x-lg me-1"></i>Tidak Sesuai</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="small text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Section B read-only --}}
        @if($fa?->b_kondisi_kebun)
        <x-ui.section-card title="Section B — Kondisi Kebun" icon="bi-tree" class="mb-4">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="120" class="text-center">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($fa->b_kondisi_kebun as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] ?? false)
                                    <span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
                                @else
                                    <span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
                                @endif
                            </td>
                            <td class="small text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>
        @endif

        {{-- Section C read-only --}}
        @if($fa?->c_jaminan)
        <x-ui.section-card title="Section C — Jaminan / Lahan" icon="bi-geo-alt" class="mb-4">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="120" class="text-center">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($fa->c_jaminan as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] ?? false)
                                    <span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
                                @else
                                    <span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
                                @endif
                            </td>
                            <td class="small text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>
        @endif

        {{-- Section D read-only --}}
        @if($fa?->d_sosial_lingkungan)
        <x-ui.section-card title="Section D — Sosial & Lingkungan" icon="bi-people" class="mb-4">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="120" class="text-center">Sesuai?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($fa->d_sosial_lingkungan as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] ?? false)
                                    <span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
                                @else
                                    <span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
                                @endif
                            </td>
                            <td class="small text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>
        @endif

        {{-- Section E read-only --}}
        @if($fa?->e_rekomendasi)
        <x-ui.section-card title="Section E — Rekomendasi PL" icon="bi-clipboard2-check" class="mb-4">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Item</th><th width="120" class="text-center">Rekomendasi?</th><th>Catatan</th></tr>
                    </thead>
                    <tbody>
                        @foreach($fa->e_rekomendasi as $item)
                        <tr>
                            <td class="fw-medium">{{ $item['item'] }}</td>
                            <td class="text-center">
                                @if($item['sesuai'] ?? false)
                                    <span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
                                @else
                                    <span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
                                @endif
                            </td>
                            <td class="small text-muted">{{ $item['data_hasil_validasi'] ?? '—' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>
        @endif

        {{-- Section F: Foto Lapangan --}}
        @if($fa?->foto?->isNotEmpty())
        @php
            $fotoByTipe = $fa->foto->groupBy('tipe');
            $tipeLabel  = [
                'pemohon' => 'Foto Pemohon',
                'lahan'   => 'Foto Lahan',
                'usaha'   => 'Foto Usaha',
                'rumah'   => 'Foto Rumah',
            ];
        @endphp
        <x-ui.section-card title="Section F — Dokumentasi Foto" icon="bi-camera" class="mb-4">
            @foreach($tipeLabel as $tipe => $label)
                @if($fotoByTipe->has($tipe))
                <h6 class="fw-semibold mt-3 mb-2 text-los-primary">{{ $label }}</h6>
                <div class="row g-2">
                    @foreach($fotoByTipe[$tipe] as $foto)
                    <div class="col-6 col-md-3">
                        <a href="{{ Storage::url($foto->path) }}" target="_blank" rel="noopener">
                            <img src="{{ Storage::url($foto->path) }}"
                                 class="img-thumbnail w-100"
                                 style="height:150px;object-fit:cover;"
                                 alt="{{ $label }}">
                        </a>
                        @if($foto->exif_taken_at || $foto->exif_latitude)
                        <div class="small text-muted mt-1 lh-sm">
                            @if($foto->exif_taken_at)
                                <i class="bi bi-clock me-1"></i>{{ $foto->exif_taken_at->format('d/m/Y H:i') }}<br>
                            @endif
                            @if($foto->exif_latitude)
                                <i class="bi bi-geo-alt me-1"></i>{{ number_format($foto->exif_latitude, 5) }}, {{ number_format($foto->exif_longitude, 5) }}
                            @endif
                        </div>
                        @endif
                    </div>
                    @endforeach
                </div>
                @endif
            @endforeach
        </x-ui.section-card>
        @endif

        {{-- Peta Polygon Lahan (read-only) --}}
        <x-ui.section-card title="Peta Polygon Lahan" icon="bi-map" class="mb-4"
            desc="Read-only. Ditandai oleh PL saat Field Analysis.">
            @if($fa?->nama_wilayah_gps)
            <p class="small text-muted mb-2">
                <i class="bi bi-geo-alt me-1"></i>{{ $fa->nama_wilayah_gps }}
                @if($fa->luas_polygon_ha)
                    &nbsp;·&nbsp; Luas: <strong>{{ number_format($fa->luas_polygon_ha, 4) }} Ha</strong>
                @endif
            </p>
            @endif
            <div id="fa_map_readonly" class="los-map-container"></div>
        </x-ui.section-card>

    @endif

    {{-- ═══════════════════════════════════════════════════════════
         CSL BREAKDOWN (Penelaah / Done — setelah CSL dihitung)
         ═══════════════════════════════════════════════════════════ --}}
    @if(($isReview || $isDone) && $csl)

        {{-- Compliance Parameters --}}
        <x-ui.section-card title="CSL — Compliance Parameters" icon="bi-shield-check" class="mb-4"
            desc="Semua 8 parameter harus Accepted. Jika ada yang Rejected, debitur tidak layak tanpa perlu menghitung skor.">
            @if(!$csl->semua_compliance_accepted)
            <x-ui.alert type="danger" class="mb-3" :dismissible="false">
                <i class="bi bi-x-circle me-1"></i>
                <strong>Ada parameter Rejected!</strong> Debitur tidak layak diproses tanpa perlu menghitung skor lebih lanjut.
            </x-ui.alert>
            @else
            <x-ui.alert type="success" class="mb-3" :dismissible="false">
                <i class="bi bi-check-circle me-1"></i>
                Semua 8 compliance parameter <strong>Accepted</strong>. Lanjut ke scoring.
            </x-ui.alert>
            @endif

            @php
                $cpItems = [
                    ['label' => 'Status Anggota',        'evidence' => 'Kelompok berdiri ≥2 tahun',                     'value' => $csl->cp_status_anggota],
                    ['label' => 'Usia',                  'evidence' => 'Usia 20–65 tahun saat jatuh tempo',             'value' => $csl->cp_usia],
                    ['label' => 'Jaminan',               'evidence' => 'Nilai jaminan ≥ 100% plafond',                  'value' => $csl->cp_jaminan],
                    ['label' => 'Karakter',              'evidence' => 'Tidak ada tunggakan bermasalah (Pefindo BG/BH)', 'value' => $csl->cp_karakter],
                    ['label' => 'Profesi',               'evidence' => 'Bukan TNI/APH',                                 'value' => $csl->cp_profesi],
                    ['label' => 'Tempat Tinggal',        'evidence' => 'Berdomisili >1 tahun',                          'value' => $csl->cp_tempat_tinggal],
                    ['label' => 'Status Tempat Tinggal', 'evidence' => 'Milik sendiri / orang tua / saudara',           'value' => $csl->cp_status_tempat_tinggal],
                    ['label' => 'Status Usaha',          'evidence' => 'Usaha milik sendiri / keluarga / partner',      'value' => $csl->cp_status_usaha],
                ];
            @endphp
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Parameter</th>
                            <th>Kondisi Diperiksa</th>
                            <th class="text-center" width="120">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($cpItems as $cp)
                        <tr>
                            <td class="fw-medium">{{ $cp['label'] }}</td>
                            <td class="small text-muted">{{ $cp['evidence'] }}</td>
                            <td class="text-center">
                                @if($cp['value'])
                                    <span class="badge bg-success"><i class="bi bi-check-lg me-1"></i>Accepted</span>
                                @else
                                    <span class="badge bg-danger"><i class="bi bi-x-lg me-1"></i>Rejected</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </x-ui.section-card>

        {{-- Scoring Indicators --}}
        @if($csl->semua_compliance_accepted)
        <x-ui.section-card title="CSL — Scoring Indicators" icon="bi-bar-chart" class="mb-4">
            <div class="row g-4">

                {{-- I. Eksternal --}}
                <div class="col-md-4">
                    <h6 class="fw-semibold mb-3">
                        <i class="bi bi-bank me-1 text-los-primary"></i>
                        I. Eksternal — Pefindo
                        <small class="text-muted fw-normal">(bobot 0.35)</small>
                    </h6>
                    @php
                        $ekRaw = (int) $csl->skor_eksternal_raw;
                        $ekMap = [
                            100 => ['Low Risk', 'bg-success'],
                            50  => ['Moderate Risk', 'bg-warning text-dark'],
                            0   => ['High Risk', 'bg-danger'],
                        ];
                        $ekInfo = $ekMap[$ekRaw] ?? ['—', 'bg-secondary'];
                    @endphp
                    <dl class="mb-0 small">
                        <dt class="text-muted">Skor Mentah Pefindo</dt>
                        <dd class="mb-2">
                            <span class="badge {{ $ekInfo[1] }}">{{ $ekInfo[0] }}</span>
                            <span class="text-muted ms-1">({{ $ekRaw }})</span>
                        </dd>
                        <dt class="text-muted">Kontribusi ke Skor Total</dt>
                        <dd class="fw-semibold">{{ number_format((float)$csl->skor_eksternal * 100, 2) }} poin
                            <small class="text-muted fw-normal">(maks 35)</small>
                        </dd>
                    </dl>
                </div>

                {{-- II. Financial --}}
                <div class="col-md-4">
                    <h6 class="fw-semibold mb-3">
                        <i class="bi bi-wallet2 me-1 text-los-primary"></i>
                        II. Internal Financial — RPC
                        <small class="text-muted fw-normal">(bobot 0.45)</small>
                    </h6>
                    @php
                        $rasioRpc = (float) $csl->rasio_rpc;
                    @endphp
                    <dl class="mb-0 small">
                        <dt class="text-muted">RPC Tahunan</dt>
                        <dd class="mb-2">Rp {{ number_format((int)$csl->rpc_tahunan) }}</dd>
                        <dt class="text-muted">Angsuran per Tahun</dt>
                        <dd class="mb-2">Rp {{ number_format((int)$csl->angsuran_per_tahun) }}</dd>
                        <dt class="text-muted">Rasio RPC / Angsuran</dt>
                        <dd class="mb-2">
                            <strong>{{ number_format($rasioRpc, 2) }}×</strong>
                            @if($rasioRpc > 1.5)
                                <span class="badge bg-success ms-1">Low Risk</span>
                            @elseif($rasioRpc >= 1.0)
                                <span class="badge bg-warning text-dark ms-1">Moderate Risk</span>
                            @else
                                <span class="badge bg-danger ms-1">High Risk</span>
                            @endif
                        </dd>
                        <dt class="text-muted">Kontribusi ke Skor Total</dt>
                        <dd class="fw-semibold">{{ number_format((float)$csl->skor_financial * 100, 2) }} poin
                            <small class="text-muted fw-normal">(maks 45)</small>
                        </dd>
                    </dl>
                </div>

                {{-- III. Non-Financial --}}
                <div class="col-md-4">
                    <h6 class="fw-semibold mb-3">
                        <i class="bi bi-person-lines-fill me-1 text-los-primary"></i>
                        III. Internal Non-Financial
                        <small class="text-muted fw-normal">(0.03 × 10 item)</small>
                    </h6>
                    @if($csl->params_non_financial)
                    <div class="table-responsive">
                        <table class="table table-xs table-sm mb-2 small">
                            <thead class="table-light">
                                <tr>
                                    <th>Parameter</th>
                                    <th>Nilai</th>
                                    <th class="text-center">Skor</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($csl->params_non_financial as $nf)
                                @php
                                    $nfSkor = (int)($nf['skor'] ?? 0);
                                    $nfBadge = match($nfSkor) {
                                        100 => 'bg-success',
                                        50  => 'bg-warning text-dark',
                                        default => 'bg-danger',
                                    };
                                @endphp
                                <tr>
                                    <td>{{ $nf['nama'] }}</td>
                                    <td class="text-muted">{{ $nf['nilai'] ?? '—' }}</td>
                                    <td class="text-center">
                                        <span class="badge {{ $nfBadge }}">{{ $nfSkor }}</span>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                    <div class="small">
                        Kontribusi: <strong>{{ number_format((float)$csl->skor_non_financial * 100, 2) }}</strong> poin
                        <span class="text-muted">(maks 30)</span>
                    </div>
                </div>
            </div>

            {{-- Total Score --}}
            <hr class="my-4">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="d-flex align-items-center gap-3">
                        <div class="display-5 fw-bold text-los-primary">{{ number_format((float)$csl->skor_total, 1) }}</div>
                        <div>
                            {!! $csl->kategoriRisikoBadge !!}
                            <div class="small text-muted mt-1">Skor Total (maks ≈ 110)</div>
                            <div class="small text-muted">Dihitung: {{ $csl->dihitung_pada?->format('d M Y H:i') }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 text-md-end mt-3 mt-md-0">
                    @if($csl->status_layak)
                        <span class="badge bg-success fs-5 px-3 py-2">
                            <i class="bi bi-check-circle me-1"></i> LAYAK
                        </span>
                    @else
                        <span class="badge bg-danger fs-5 px-3 py-2">
                            <i class="bi bi-x-circle me-1"></i> TIDAK LAYAK
                        </span>
                    @endif
                </div>
            </div>
        </x-ui.section-card>
        @endif

    @endif

    {{-- ═══════════════════════════════════════════════════════════
         REVIEW FORM — Catatan + Tombol Aksi (Penelaah only)
         ═══════════════════════════════════════════════════════════ --}}
    @if($isReview)
    <form action="{{ route('field-analysis.review', $pengajuan) }}" method="POST" class="mt-2">
        @csrf
        @method('PUT')

        <x-ui.section-card title="Catatan Penelaah & Kalkulasi CSL" icon="bi-pencil-square" class="mb-4">
            <div class="row g-3">
                <div class="col-12">
                    <label class="form-label fw-medium">Update Catatan BL8 <span class="text-muted fw-normal">(opsional)</span></label>
                    <textarea name="catatan_update" class="form-control" rows="3"
                        placeholder="Tambahkan temuan dari FA yang mengubah penilaian DA sebelumnya...">{{ $pengajuan->deskAnalysisPenelaah?->bl_catatan }}</textarea>
                    <div class="form-text">Kosongkan untuk tidak mengubah catatan BL8 yang sudah ada.</div>
                </div>

                @if(!$csl)
                <div class="col-12">
                    <x-ui.alert type="warning" :dismissible="false">
                        <i class="bi bi-calculator me-1"></i>
                        CSL belum dihitung untuk debitur ini. Klik <strong>"Hitung CSL"</strong> untuk menghitung.
                    </x-ui.alert>
                </div>
                @endif
            </div>
        </x-ui.section-card>

        <div class="d-flex gap-2 justify-content-end mb-4">
            <a href="{{ route('pengajuan-kelompok.show', $pengajuan->pengajuan_kelompok_id) }}"
               class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Kembali ke Kelompok
            </a>
            <button type="submit" name="submit_batch" value="0" class="btn btn-outline-primary">
                <i class="bi bi-calculator me-1"></i> Hitung CSL
            </button>
            @if($batchSelesai)
            <button type="submit" name="submit_batch" value="1" class="btn btn-primary"
                onclick="return confirm('Submit semua debitur ke Keputusan Final Verifikator? Tindakan ini tidak dapat dibatalkan.')">
                <i class="bi bi-send me-1"></i> Submit Batch ke Verifikator
            </button>
            @else
            <button type="button" class="btn btn-secondary" disabled
                title="Hitung CSL untuk semua debitur dalam batch terlebih dahulu.">
                <i class="bi bi-lock me-1"></i> Submit Batch
                @if($batchPengajuan->isNotEmpty())
                <span class="badge bg-warning text-dark ms-1">
                    {{ $batchPengajuan->filter(fn($p) => !$p->cslScoring)->count() }} belum
                </span>
                @endif
            </button>
            @endif
        </div>
    </form>
    @endif

    {{-- Done: info sudah submit --}}
    @if($isDone)
    <x-ui.alert type="success" class="mt-2" :dismissible="false">
        <i class="bi bi-check-circle me-1"></i>
        Field Analysis telah disubmit ke Verifikator untuk Keputusan Final.
    </x-ui.alert>
    @endif

</div>
@endsection

@push('scripts')
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
// ── Konfigurasi awal ──────────────────────────────────────────────────────
const isPl            = {{ $isPl ? 'true' : 'false' }};
const existingPolygon = @json($fa?->polygon_geojson);
const existingLat     = {{ $fa?->latitude ?? -2.548926 }};
const existingLng     = {{ $fa?->longitude ?? 118.014863 }};

// ── PL Mode: Peta interaktif dengan draw polygon ──────────────────────────
@if($isPl)
(function () {
    const map = L.map('fa_map').setView([existingLat, existingLng], 14);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '© OpenStreetMap', maxZoom: 19,
    }).addTo(map);

    let drawnPolygon  = null;
    let marker        = null;
    let drawingPoints = [];
    let tempLayer     = null;

    if (existingPolygon) {
        drawnPolygon = L.geoJSON(existingPolygon, {
            style: { color: '#198754', weight: 2, fillOpacity: 0.2 },
        }).addTo(map);
        try { map.fitBounds(drawnPolygon.getBounds()); } catch (e) {}
    }

    if ({{ $fa?->latitude ? 'true' : 'false' }}) {
        marker = L.marker([existingLat, existingLng]).addTo(map);
    }

    // Draw polygon on click
    map.on('click', function (e) {
        drawingPoints.push([e.latlng.lat, e.latlng.lng]);
        if (drawnPolygon) { map.removeLayer(drawnPolygon); drawnPolygon = null; }
        if (tempLayer)    { map.removeLayer(tempLayer); }

        if (drawingPoints.length >= 3) {
            tempLayer = L.polygon(drawingPoints, {
                color: '#0d6efd', fillOpacity: 0.25,
            }).addTo(map);

            const geojson = {
                type: 'Feature',
                geometry: {
                    type: 'Polygon',
                    coordinates: [drawingPoints.map(([lat, lng]) => [lng, lat])
                        .concat([[drawingPoints[0][1], drawingPoints[0][0]]])],
                },
                properties: {},
            };
            document.getElementById('polygon_geojson_input').value = JSON.stringify(geojson);
        }
    });

    // Reset polygon button
    const resetBtn = document.createElement('button');
    resetBtn.type      = 'button';
    resetBtn.className = 'btn btn-outline-warning btn-sm mt-2';
    resetBtn.innerHTML = '<i class="bi bi-arrow-counterclockwise me-1"></i>Reset Polygon';
    resetBtn.addEventListener('click', () => {
        drawingPoints = [];
        if (tempLayer)    { map.removeLayer(tempLayer);    tempLayer    = null; }
        if (drawnPolygon) { map.removeLayer(drawnPolygon); drawnPolygon = null; }
        document.getElementById('polygon_geojson_input').value = '';
    });
    document.getElementById('fa_map').insertAdjacentElement('afterend', resetBtn);

    const hint = document.createElement('p');
    hint.className   = 'text-muted small mt-2';
    hint.textContent = 'Klik pada peta untuk menambah titik polygon. Minimal 3 titik.';
    document.getElementById('fa_map').insertAdjacentElement('afterend', hint);

    // GPS Button
    document.getElementById('get_gps_btn')?.addEventListener('click', function () {
        if (!navigator.geolocation) {
            alert('Geolocation tidak didukung browser ini.');
            return;
        }
        this.disabled  = true;
        this.innerHTML = '<i class="bi bi-hourglass me-1"></i>Mengambil GPS...';
        navigator.geolocation.getCurrentPosition(
            (pos) => {
                const lat = pos.coords.latitude;
                const lng = pos.coords.longitude;
                document.getElementById('koordinat_lat').value = lat.toFixed(7);
                document.getElementById('koordinat_lng').value = lng.toFixed(7);
                if (marker) map.removeLayer(marker);
                marker = L.marker([lat, lng]).addTo(map);
                map.setView([lat, lng], 16);
                this.disabled  = false;
                this.innerHTML = '<i class="bi bi-crosshair me-1"></i>GPS Diambil ✓';
            },
            (err) => {
                alert('Gagal mendapatkan lokasi: ' + err.message);
                this.disabled  = false;
                this.innerHTML = '<i class="bi bi-crosshair me-1"></i>Ambil GPS Sekarang';
            },
            { enableHighAccuracy: true, timeout: 10000 }
        );
    });
}());
@endif

// ── Penelaah / Done: Peta read-only ──────────────────────────────────────
@if($isReview || $isDone)
(function () {
    const mapEl = document.getElementById('fa_map_readonly');
    if (!mapEl) return;

    const map = L.map('fa_map_readonly').setView([existingLat, existingLng], 14);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '© OpenStreetMap', maxZoom: 19,
    }).addTo(map);

    if (existingPolygon) {
        const layer = L.geoJSON(existingPolygon, {
            style: { color: '#198754', weight: 2, fillOpacity: 0.2 },
        }).addTo(map);
        try { map.fitBounds(layer.getBounds()); } catch (e) {}
    } else if ({{ $fa?->latitude ? 'true' : 'false' }}) {
        L.marker([existingLat, existingLng]).addTo(map);
    }
}());
@endif
</script>
@endpush