@extends('layouts.application-wizard')

@section('step-content')
@php
    $docs    = $application->documents->keyBy('type');
    $docDef  = [
        'dokumen_ktp'                    => ['label' => 'KTP Pemohon + Pasangan', 'wajib' => true],
        'dokumen_kk'                     => ['label' => 'Kartu Keluarga', 'wajib' => true],
        'dokumen_formulir'               => ['label' => 'Formulir Permohonan Perorangan', 'wajib' => true],
        'dokumen_penguasaan_lahan'       => ['label' => 'Dokumen Penguasaan Lahan', 'wajib' => true],
        'dokumen_surat_permohonan_fdb'   => ['label' => 'Surat Permohonan Pinjaman FDB Kelompok', 'wajib' => true],
        'dokumen_jaminan'                => ['label' => 'Dokumen Jaminan', 'wajib' => true],
    ];
    $debitur = $application->debitur;
    $kelompok = $application->kelompok;
    $rpcInfo  = $application->plafond_rekomendasi_rpc;
@endphp

<form method="POST"
      action="{{ route('applications.step.save', ['id' => $application->id, 'step' => '2d']) }}"
      enctype="multipart/form-data"
      id="form-step2d">
    @csrf
    @if($readOnly ?? false)<fieldset disabled>@endif

    {{-- ── ERROR DOKUMEN ────────────────────────────────────────────────── --}}
    @error('dokumen')
        <div class="alert alert-danger">
            <i class="bi bi-exclamation-triangle me-2"></i>{{ $message }}
        </div>
    @enderror

    {{-- ── UPLOAD DOKUMEN PERORANGAN ────────────────────────────────────── --}}
    <div class="card border-0 bg-light rounded-3 mb-4">
        <div class="card-body p-3 p-md-4">
            <h6 class="fw-bold mb-4" style="color:var(--bpdlh-green);">
                <i class="bi bi-upload me-2"></i>Upload 6 Dokumen Perorangan
            </h6>

            <div class="row g-4">
                @foreach($docDef as $type => $def)
                <div class="col-12 col-lg-6">
                    @include('applications.partials.upload-field', [
                        'field'       => $type,
                        'label'       => $def['label'],
                        'existing'    => $docs->get($type) ? collect([$docs->get($type)]) : collect(),
                        'required'    => $def['wajib'],
                        'accept'      => '.pdf,.jpg,.jpeg,.png',
                        'hint'        => 'PDF/JPG/PNG, maks. 5 MB',
                        'multiple'    => false,
                        'application' => $application,
                    ])
                </div>
                @endforeach
            </div>
        </div>
    </div>

    {{-- ── REVIEW RINGKASAN ─────────────────────────────────────────────── --}}
    <div class="card border-0 bg-light rounded-3 mb-4">
        <div class="card-body p-3 p-md-4">
            <h6 class="fw-bold mb-4" style="color:var(--bpdlh-green);">
                <i class="bi bi-clipboard2-check-fill me-2"></i>Review Ringkasan Pengajuan
            </h6>

            <div class="row g-3">
                {{-- Kelompok --}}
                <div class="col-12 col-md-6">
                    <div class="card border-0 bg-white rounded p-3 h-100">
                        <div class="small text-muted mb-1">Kelompok</div>
                        <div class="fw-semibold">{{ $kelompok?->nama ?? '-' }}</div>
                        <div class="small text-muted">{{ $kelompok?->kecamatan }}, {{ $kelompok?->kabupaten }}</div>
                    </div>
                </div>
                {{-- Debitur --}}
                <div class="col-12 col-md-6">
                    <div class="card border-0 bg-white rounded p-3 h-100">
                        <div class="small text-muted mb-1">Debitur</div>
                        <div class="fw-semibold">{{ $debitur?->nama ?? '-' }}</div>
                        <div class="small text-muted">NIK: {{ $debitur?->nik }}</div>
                        <div class="small text-muted">{{ $debitur?->kecamatan }}, {{ $debitur?->kabupaten }}</div>
                    </div>
                </div>
                {{-- Plafond & Tenor --}}
                <div class="col-6 col-md-3">
                    <div class="card border-0 bg-white rounded p-3 text-center h-100">
                        <div class="small text-muted">Plafond Diajukan</div>
                        <div class="fw-bold text-primary">Rp {{ number_format($application->plafond_diajukan ?? 0) }}</div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border-0 bg-white rounded p-3 text-center h-100">
                        <div class="small text-muted">Tenor</div>
                        <div class="fw-bold">{{ $application->tenor_bulan ?? '-' }} bulan</div>
                        <div class="small text-muted">{{ $application->tipe_usaha === 'offfarm' ? 'Off-Farm' : 'On-Farm' }}</div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border-0 bg-white rounded p-3 text-center h-100">
                        <div class="small text-muted">Maks. Plafond (RPC)</div>
                        @if($rpcInfo)
                            <div class="fw-bold {{ $application->plafond_diajukan > $rpcInfo ? 'text-warning' : 'text-success' }}">
                                Rp {{ number_format($rpcInfo) }}
                            </div>
                            @if($application->plafond_diajukan > $rpcInfo)
                                <div class="small text-warning"><i class="bi bi-exclamation-triangle me-1"></i>Melebihi RPC</div>
                            @endif
                        @else
                            <div class="text-muted">—</div>
                        @endif
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="card border-0 bg-white rounded p-3 text-center h-100">
                        <div class="small text-muted">Komoditas Utama</div>
                        <div class="fw-bold">{{ $application->komoditasUtama?->nama ?? '-' }}</div>
                    </div>
                </div>
            </div>

            {{-- Kelengkapan dokumen checklist --}}
            <div class="mt-4">
                <div class="small fw-semibold text-muted mb-3">Status Kelengkapan Dokumen:</div>
                @php $lengkap = $docs->count() >= count($docDef); @endphp
                <div class="row g-2">
                    @foreach($docDef as $type => $def)
                    @php $ada = $docs->has($type); @endphp
                    <div class="col-12 col-md-6">
                        <div class="d-flex align-items-center p-2 rounded {{ $ada ? 'bg-success bg-opacity-10 border border-success-subtle' : 'bg-danger bg-opacity-10 border border-danger-subtle' }}">
                            <i class="bi {{ $ada ? 'bi-check-circle-fill text-success' : 'bi-x-circle-fill text-danger' }} me-2 fs-5"></i>
                            <div class="flex-fill overflow-hidden">
                                <div class="small fw-medium" style="font-size:.85rem;">{{ $def['label'] }}</div>
                            </div>
                            <span class="badge {{ $ada ? 'bg-success' : 'bg-secondary' }} ms-2">{{ $ada ? 'Ada' : 'Belum' }}</span>
                        </div>
                    </div>
                    @endforeach
                </div>
                @if(!$lengkap)
                    <div class="alert alert-warning py-2 mt-3 mb-0">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        <strong>Dokumen belum lengkap.</strong> Pastikan semua 6 dokumen sudah diupload sebelum submit.
                    </div>
                @else
                    <div class="alert alert-success py-2 mt-3 mb-0">
                        <i class="bi bi-check-circle me-2"></i>
                        <strong>Semua dokumen sudah lengkap!</strong> Anda bisa submit pengajuan.
                    </div>
                @endif
            </div>
        </div>
    </div>

    @if($readOnly ?? false)</fieldset>@endif

    {{-- ── TOMBOL NAVIGASI ─────────────────────────────────────────────── --}}
    {{-- Submit Pengajuan dipindah ke halaman Hub (setelah semua seksi Lengkap) --}}
    <div class="d-flex align-items-center justify-content-between gap-2 pt-3 border-top mt-2 flex-wrap">
        <a href="{{ route('applications.step', ['id' => $application->id, 'step' => '2c']) }}"
           class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i> Kembali ke Biaya
        </a>
        @unless($readOnly ?? false)
        <div class="d-flex align-items-center gap-2">
            @if($lengkap)
                <span class="text-success small"><i class="bi bi-check-circle me-1"></i>Semua dokumen lengkap</span>
            @endif
            <button type="button" class="btn btn-primary px-4" onclick="submitForm('draft')">
                <i class="bi bi-floppy me-1"></i>Simpan
            </button>
        </div>
        @endunless
    </div>
</form>


@push('scripts')
<script>
function submitForm(action) {
    const form = document.getElementById('form-step2d');
    if (!form) return;

    const existing = form.querySelector('input[name="action"]');
    if (existing) existing.remove();

    const actionInput = document.createElement('input');
    actionInput.type = 'hidden';
    actionInput.name = 'action';
    actionInput.value = action;
    form.appendChild(actionInput);

    form.submit();
}
</script>
@endpush

@endsection