@extends('layouts.app')

@section('title', ($pengajuanKelompok->kelompok->nama ?? 'Batch') . ' — Desk Analysis')

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

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

    <x-ui.page-header
        title="{{ $pengajuanKelompok->kelompok->nama ?? 'Batch' }} — Ronde {{ $pengajuanKelompok->created_at->translatedFormat('M Y') }}"
        subtitle="Desk Analysis"
        back="{{ route('penelaah.desk-analysis.index') }}"
    />

    {{-- Progress + Batch Decision card --}}
    @php
        $total      = $batchPengajuan->count();
        $pct        = $total > 0 ? round($submittedCount / $total * 100) : 0;
        $belumCount = $total - $submittedCount;
        $canAct     = $batchSelesai && $dokLengkap;
    @endphp
    <div class="card shadow-sm border-0 rounded-3 mb-4">
        <div class="card-body">
            <div class="row g-3 align-items-center">
                <div class="col-12 col-md-7">
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="small fw-semibold text-muted">Input DA Penelaah</span>
                        <span class="small fw-bold" style="color:var(--bpdlh-green)">
                            {{ $submittedCount }} / {{ $total }} debitur selesai
                        </span>
                    </div>
                    <div class="progress" style="height:7px;">
                        <div class="progress-bar bg-success" style="width:{{ $pct }}%"
                             role="progressbar" aria-valuenow="{{ $pct }}"
                             aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
                <div class="col-12 col-md-5 d-flex justify-content-md-end gap-2 flex-wrap">
                    @if($canAct)
                        <button type="button" class="btn btn-outline-danger"
                                data-bs-toggle="modal" data-bs-target="#modalKembalikan">
                            <i class="bi bi-arrow-counterclockwise me-1"></i>Kembalikan ke PL
                        </button>
                        <form method="POST"
                              action="{{ route('penelaah.desk-analysis.submit-batch', $pengajuanKelompok) }}"
                              onsubmit="return confirm('Submit semua DA batch ini ke Verifikator?')">
                            @csrf
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-send-fill me-2"></i>Submit ke Verifikator
                            </button>
                        </form>
                    @else
                        <button type="button" class="btn btn-outline-danger disabled" disabled>
                            <i class="bi bi-arrow-counterclockwise me-1"></i>Revisi Batch
                        </button>
                        <button type="button" class="btn btn-primary disabled" disabled>
                            <i class="bi bi-send me-2"></i>Submit
                        </button>
                    @endif
                </div>
            </div>

            @if(!$canAct)
            <div class="alert alert-info d-flex align-items-start gap-2 mb-0 mt-3 py-2 border-0 bg-info-subtle rounded-2">
                <i class="bi bi-info-circle-fill flex-shrink-0 mt-1"></i>
                <small>
                    Tombol aktif setelah semua kondisi terpenuhi:
                    @if(!$batchSelesai)
                        <strong>{{ $belumCount }} debitur</strong> belum selesai DA.
                    @endif
                    @if(!$dokLengkap)
                        <strong>{{ $dokBelumCount }} dokumen wajib</strong> belum ada.
                    @endif
                </small>
            </div>
            @endif
        </div>
    </div>

    {{-- Dokumentasi Kelompok --}}
    <x-ui.section-card
        title="Dokumentasi Kelompok ({{ count(\App\Models\DokumenKelompok::JENIS_DOKUMEN) }} item)"
        icon="bi-folder-check"
        collapsible
        :collapsed="true"
        class="mb-4"
    >
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-2">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">#</th>
                        <th>Nama Dokumen</th>
                        <th class="text-center">Status</th>
                        <th class="text-end pe-3">Lihat</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach(\App\Models\DokumenKelompok::JENIS_DOKUMEN as $key => $label)
                    @php
                        $dok   = $dokumenMap->get($key);
                        $wajib = in_array($key, \App\Models\DokumenKelompok::WAJIB);
                        $ada   = $dok && ($dok->ada || $dok->file_path !== null);
                    @endphp
                    <tr>
                        <td class="ps-3 text-muted small">{{ $loop->iteration }}</td>
                        <td>{{ $label }}</td>
                        <td class="text-center">
                            @if($ada)
                                <span class="text-success small">
                                    <i class="bi bi-check-circle-fill"></i> Ada
                                </span>
                            @else
                                <span class="text-{{ $wajib ? 'danger' : 'muted' }} small">
                                    <i class="bi bi-x-circle{{ $wajib ? '-fill' : '' }}"></i>
                                    {{ $wajib ? 'Belum' : '—' }}
                                </span>
                            @endif
                        </td>
                        <td class="text-end pe-3">
                            @if($ada && $dok->file_path)
                                <a href="{{ \Illuminate\Support\Facades\Storage::url($dok->file_path) }}"
                                   target="_blank" class="text-primary small text-decoration-none">
                                    <i class="bi bi-eye me-1"></i>Lihat
                                </a>
                            @else
                                <span class="text-muted small">—</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="d-flex gap-2 px-3 pb-2">
            <span class="badge bg-{{ $dokLengkap ? 'success' : 'warning text-dark' }}">
                {{ $dokWajibAda }}/{{ $dokWajibTotal }} dokumen wajib terpenuhi
            </span>
            @if(!$dokLengkap)
                <span class="badge bg-danger">{{ $dokBelumCount }} belum ada</span>
            @endif
        </div>
    </x-ui.section-card>

    {{-- Desktop table --}}
    <div class="card shadow-sm border-0 d-none d-md-block rounded-3">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="ps-4">#</th>
                            <th>Nama Debitur</th>
                            <th>NIK</th>
                            <th>Status</th>
                            <th class="text-center">DA Penelaah</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($batchPengajuan as $i => $p)
                        @php
                            $da        = $p->deskAnalysisPenelaah;
                            $canInput  = in_array($p->status->value, ['da_pl', 'waiting_da_penelaah']);
                            $daLabel   = match(true) {
                                $da?->submitted_at !== null  => ['Selesai', 'bg-success'],
                                $da !== null                 => ['Draft',   'bg-warning text-dark'],
                                default                      => ['Belum',   'bg-secondary'],
                            };
                        @endphp
                        <tr>
                            <td class="ps-4 text-muted small">{{ $i + 1 }}</td>
                            <td>
                                <strong>{{ $p->debitur->nama ?? '-' }}</strong>
                            </td>
                            <td class="text-muted small">{{ $p->debitur->nik ?? '-' }}</td>
                            <td>
                                <x-pengajuan.status-badge :status="$p->status" />
                            </td>
                            <td class="text-center">
                                <span class="badge {{ $daLabel[1] }} rounded-pill">
                                    {{ $daLabel[0] }}
                                </span>
                            </td>
                            <td class="pe-3 text-end">
                                <a href="{{ route('desk-analysis.penelaah.show', $p) }}"
                                   class="btn btn-sm {{ $canInput ? 'btn-primary' : 'btn-outline-secondary' }}">
                                    <i class="bi bi-{{ $canInput ? 'pencil-square' : 'eye' }} me-1"></i>
                                    {{ $canInput ? 'Input DA' : 'Lihat' }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="py-5">
                                <x-ui.empty-state
                                    icon="bi-clipboard-x"
                                    title="Tidak ada debitur"
                                    desc="Batch ini tidak memiliki debitur pada tahap Desk Analysis."
                                />
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Mobile card list --}}
    <div class="d-md-none">
        @forelse($batchPengajuan as $p)
        @php
            $da       = $p->deskAnalysisPenelaah;
            $canInput = in_array($p->status->value, ['da_pl', 'waiting_da_penelaah']);
            $daLabel  = match(true) {
                $da?->submitted_at !== null => ['Selesai', 'bg-success'],
                $da !== null               => ['Draft',   'bg-warning text-dark'],
                default                    => ['Belum',   'bg-secondary'],
            };
        @endphp
        <div class="card shadow-sm border-0 rounded-3 mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start mb-2">
                    <div>
                        <strong>{{ $p->debitur->nama ?? '-' }}</strong>
                        <div class="text-muted small">NIK {{ $p->debitur->nik ?? '-' }}</div>
                    </div>
                    <span class="badge {{ $daLabel[1] }} rounded-pill ms-2">{{ $daLabel[0] }}</span>
                </div>
                <div class="d-flex align-items-center justify-content-between mt-2">
                    <x-pengajuan.status-badge :status="$p->status" />
                    <a href="{{ route('desk-analysis.penelaah.show', $p) }}"
                       class="btn btn-sm {{ $canInput ? 'btn-primary' : 'btn-outline-secondary' }}">
                        <i class="bi bi-{{ $canInput ? 'pencil-square' : 'eye' }} me-1"></i>
                        {{ $canInput ? 'Input DA' : 'Lihat' }}
                    </a>
                </div>
            </div>
        </div>
        @empty
        <x-ui.empty-state
            icon="bi-clipboard-x"
            title="Tidak ada debitur"
            desc="Batch ini tidak memiliki debitur pada tahap Desk Analysis."
        />
        @endforelse
    </div>

</div>

{{-- Modal: Kembalikan Batch ke PL --}}
<div class="modal fade" id="modalKembalikan" tabindex="-1" aria-labelledby="modalKembalikanLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST"
                  action="{{ route('penelaah.desk-analysis.kembalikan', $pengajuanKelompok) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="modalKembalikanLabel">
                        <i class="bi bi-arrow-counterclockwise me-2 text-danger"></i>
                        Kembalikan Batch ke PL untuk Revisi
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info d-flex gap-2 py-2 border-0 bg-info-subtle rounded-2 mb-3">
                        <i class="bi bi-info-circle-fill flex-shrink-0 mt-1"></i>
                        <small>Batch akan dikembalikan ke PL. Status debitur tetap seperti saat ini.
                        Per-debitur revisi diinput saat Penelaah review ulang di form individual.</small>
                    </div>
                    <div class="mb-3">
                        <label for="catatanKembalikan" class="form-label fw-semibold">
                            Catatan untuk PL <span class="text-danger">*</span>
                        </label>
                        <textarea id="catatanKembalikan" name="catatan" class="form-control @error('catatan') is-invalid @enderror"
                                  rows="4" required minlength="10"
                                  placeholder="Contoh: Ada beberapa debitur yang data usaha/lahan perlu disesuaikan. Lihat catatan per-debitur di form DA masing-masing...">{{ old('catatan') }}</textarea>
                        @error('catatan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary"
                            data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-arrow-counterclockwise me-1"></i>Kembalikan Batch
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection