@extends('layouts.application-wizard')

@section('step-content')
@php
    $kredit   = $application->section_kredit ?? [];
    $pemohon  = $application->section_data_pemohon ?? [];
    $tinggal  = $application->section_tempat_tinggal ?? [];
    $kerja    = $application->section_pekerjaan ?? [];
    $kebun    = $application->section_kondisi_kebun ?? [];
    $docs     = $application->documents->groupBy('type');
@endphp

<div x-data="{ agreed: false }">

    {{-- Section: Info Kredit --}}
    <div class="review-section mb-4">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <h6 class="fw-semibold mb-0" style="color:var(--bpdlh-green);">
                <i class="bi bi-currency-dollar me-2"></i>Info Kredit
            </h6>
            <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 1]) }}"
               class="btn btn-sm btn-outline-secondary py-0">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        </div>
        <div class="table-responsive">
            <table class="table table-sm table-borderless mb-0">
                @foreach([
                    'Jenis Layanan'       => $kredit['jenis_layanan'] ?? '-',
                    'Status Pinjaman'     => $kredit['status_pinjaman'] ?? '-',
                    'Fasilitas Paket'     => $application->paket_label,
                    'Jumlah Permohonan'   => 'Rp ' . number_format($kredit['jumlah_permohonan'] ?? 0, 0, ',', '.'),
                    'Jangka Waktu'        => ($kredit['jangka_waktu'] ?? '-') . ' bulan',
                ] as $lbl => $val)
                <tr>
                    <td class="text-muted" style="width:40%;font-size:.85rem;">{{ $lbl }}</td>
                    <td class="fw-medium" style="font-size:.85rem;">{{ $val }}</td>
                </tr>
                @endforeach
            </table>
        </div>
    </div>

    {{-- Section: Data Pemohon --}}
    <div class="review-section mb-4">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <h6 class="fw-semibold mb-0" style="color:var(--bpdlh-green);">
                <i class="bi bi-person me-2"></i>Data Pemohon
            </h6>
            <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 2]) }}"
               class="btn btn-sm btn-outline-secondary py-0">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        </div>
        <div class="table-responsive">
            <table class="table table-sm table-borderless mb-0">
                @foreach([
                    'Nama'                => $pemohon['nama'] ?? '-',
                    'NIK'                 => $pemohon['nik'] ?? '-',
                    'TTL'                 => ($pemohon['tempat_lahir'] ?? '-') . ', ' . ($pemohon['tanggal_lahir'] ?? '-'),
                    'No. KK'              => $pemohon['no_kk'] ?? '-',
                    'Pendidikan'          => $pemohon['pendidikan'] ?? '-',
                    'Status Kawin'        => str_replace('_', ' ', ucfirst($pemohon['status_kawin'] ?? '-')),
                    'Jumlah Tanggungan'   => ($pemohon['jumlah_tanggungan'] ?? 0) . ' orang',
                ] as $lbl => $val)
                <tr>
                    <td class="text-muted" style="width:40%;font-size:.85rem;">{{ $lbl }}</td>
                    <td class="fw-medium" style="font-size:.85rem;">{{ $val }}</td>
                </tr>
                @endforeach
            </table>
        </div>
    </div>

    {{-- Section: Kondisi Kebun --}}
    <div class="review-section mb-4">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <h6 class="fw-semibold mb-0" style="color:var(--bpdlh-green);">
                <i class="bi bi-tree me-2"></i>Kondisi Kebun
            </h6>
            <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 5]) }}"
               class="btn btn-sm btn-outline-secondary py-0">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        </div>
        <div class="table-responsive">
            <table class="table table-sm table-borderless mb-0">
                @foreach([
                    'Luas Lahan'    => ($kebun['luas_lahan'] ?? '-') . ' Ha',
                    'Tahun Tanam'   => $kebun['tahun_tanam'] ?? '-',
                    'Status Lahan'  => $kebun['status_lahan'] ?? '-',
                    'Jenis Tanaman' => implode(', ', (array)($kebun['jenis_tanaman'] ?? [])),
                ] as $lbl => $val)
                <tr>
                    <td class="text-muted" style="width:40%;font-size:.85rem;">{{ $lbl }}</td>
                    <td class="fw-medium" style="font-size:.85rem;">{{ $val }}</td>
                </tr>
                @endforeach
            </table>
        </div>

        {{-- Pohon Details --}}
        @php
            $treeTypes = [
                'pohon_buah' => 'Pohon Buah-buahan',
                'pohon_getah' => 'Pohon Getah',
                'pohon_naungan' => 'Pohon Naungan',
                'pohon_tunda_tebang' => 'Pohon Tunda Tebang',
                'pohon_lainnya' => 'Pohon Lainnya',
            ];
        @endphp

        @foreach($treeTypes as $treeKey => $treeLabel)
            @php $treeData = $kebun[$treeKey] ?? []; @endphp
            @if(!empty($treeData))
            <div class="mt-3 ps-3">
                <h6 class="fw-semibold" style="font-size:.85rem;">{{ $treeLabel }}</h6>
                @foreach($treeData as $tree)
                    <div style="font-size:.8rem;" class="mb-1">
                        <span class="fw-semibold">{{ $tree['nama'] }}</span>
                        <span class="text-muted">- {{ $tree['jumlah'] ?? 0 }} pohon</span>
                    </div>
                @endforeach
            </div>
            @endif
        @endforeach
    </div>

    {{-- Section: Dokumen --}}
    <div class="review-section mb-4">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <h6 class="fw-semibold mb-0" style="color:var(--bpdlh-green);">
                <i class="bi bi-files me-2"></i>Dokumen Terupload
            </h6>
            <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 6]) }}"
               class="btn btn-sm btn-outline-secondary py-0">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        </div>
        @if($application->documents->count())
            <div class="row g-2">
                @foreach($application->documents as $doc)
                <div class="col-6 col-md-3">
                    <div class="border rounded-2 p-2 text-center bg-light">
                        @if($doc->isImage())
                            <img src="{{ $doc->url }}" alt="{{ $doc->type_label }}"
                                style="width:100%;height:70px;object-fit:cover;border-radius:4px;">
                        @else
                            <i class="bi bi-file-earmark-pdf text-danger fs-2"></i>
                        @endif
                        <div class="mt-1 text-muted" style="font-size:.72rem;">{{ $doc->type_label }}</div>
                    </div>
                </div>
                @endforeach
            </div>
        @else
            <div class="alert alert-warning py-2 mb-0" style="font-size:.85rem;">
                <i class="bi bi-exclamation-triangle me-2"></i>Belum ada dokumen terupload.
                <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 6]) }}">Upload sekarang</a>
            </div>
        @endif
    </div>

    {{-- Persetujuan Data Pribadi --}}
    <div class="card border-warning bg-warning bg-opacity-10 mb-4">
        <div class="card-body">
            <p style="font-size:.82rem;line-height:1.6;">
                Saya selaku calon Nasabah/Debitur/Pengguna Fasilitas Keuangan dari Badan Pengelola Dana Lingkungan Hidup
                memberikan persetujuan terkait dengan pemanfaatan Data Pribadi dalam hal tindakan pengaksesan Data Pribadi
                serta pemerolehan Informasi Perkreditan melalui Lembaga Pengelola Informasi Perkreditan ("LPIP") oleh
                Badan Pengelola Dana Lingkungan Hidup dan menyetujui pemanfaatan Data Kredit atau Pembiayaan dan/atau
                Data Lain oleh LPIP, Otoritas Jasa Keuangan, dan/atau pengguna Informasi Perkreditan berdasarkan
                ketentuan peraturan perundang-undangan.
            </p>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" id="agreeConsent" x-model="agreed">
                <label class="form-check-label fw-semibold" for="agreeConsent">
                    Saya menyetujui pernyataan di atas dan menyatakan semua data yang diisi adalah benar.
                </label>
            </div>
        </div>
    </div>

    {{-- Submit Form (hidden, triggered by button) --}}
    <form id="submit-form" method="POST"
          action="{{ route('applications.step.save', ['id' => $application->id, 'step' => 7]) }}">
        @csrf
    </form>

</div>
@endsection

@section('step-footer')
<div class="d-flex justify-content-between">
    <a href="{{ route('applications.step', ['id' => $application->id, 'step' => 6]) }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>Kembali
    </a>
    <button type="submit" form="submit-form"
            x-data
            :disabled="!$store.agreeState"
            :class="!$store.agreeState ? 'btn btn-success px-4 opacity-50' : 'btn btn-success px-4'"
            id="btn-submit-app">
        <i class="bi bi-send me-2"></i>Kirim Permohonan
    </button>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', () => {
    const checkbox = document.getElementById('agreeConsent');
    const btn = document.getElementById('btn-submit-app');
    if (!checkbox || !btn) return;

    btn.disabled = true;
    checkbox.addEventListener('change', () => {
        btn.disabled = !checkbox.checked;
    });
});
</script>
@endpush