@extends('layouts.app')

@section('title', ($pengajuanKelompok->kelompok->nama ?? 'Batch') . ' — Field 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="Field Analysis"
        back="{{ route('penelaah.field-analysis.index') }}"
    />

    {{-- Progress + Submit card --}}
    @php
        $total      = $batchPengajuan->count();
        $pct        = $total > 0 ? round($reviewedCount / $total * 100) : 0;
        $belumCount = $total - $reviewedCount;
    @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">Review FA Penelaah</span>
                        <span class="small fw-bold" style="color:var(--bpdlh-green)">
                            {{ $reviewedCount }} / {{ $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">
                    @if($batchSelesai)
                        <form method="POST"
                              action="{{ route('penelaah.field-analysis.submit-batch', $pengajuanKelompok) }}"
                              onsubmit="return confirm('Submit semua FA batch ini ke Verifikator?')">
                            @csrf
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-send-fill me-2"></i>Submit Batch ke Verifikator
                            </button>
                        </form>
                    @else
                        <button type="button" class="btn btn-primary disabled" disabled
                                title="{{ $belumCount }} debitur belum selesai direview">
                            <i class="bi bi-send me-2"></i>Submit Batch ke Verifikator
                        </button>
                    @endif
                </div>
            </div>

            @if(!$batchSelesai && $belumCount > 0)
            <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>
                    <strong>{{ $belumCount }} debitur</strong> belum selesai direview.
                    Tombol Submit Batch aktif setelah semua debitur selesai.
                </small>
            </div>
            @endif
        </div>
    </div>

    {{-- 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">FA Penelaah</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($batchPengajuan as $i => $p)
                        @php
                            $canReview = in_array($p->status->value, ['fa', 'waiting_review_fa']);

                            [$faLabel, $faBadge] = match(true) {
                                in_array($p->status->value, ['waiting_keputusan', 'disetujui', 'ditolak'])
                                    => ['Selesai',         'bg-success'],
                                $p->status->value === 'waiting_review_fa'
                                    => ['Sedang Direview', '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 {{ $faBadge }} rounded-pill">
                                    {{ $faLabel }}
                                </span>
                            </td>
                            <td class="pe-3 text-end">
                                <a href="{{ route('field-analysis.penelaah.show', $p) }}"
                                   class="btn btn-sm {{ $canReview ? 'btn-primary' : 'btn-outline-secondary' }}">
                                    <i class="bi bi-{{ $canReview ? 'pencil-square' : 'eye' }} me-1"></i>
                                    {{ $canReview ? 'Review FA' : 'Lihat' }}
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="py-5">
                                <x-ui.empty-state
                                    icon="bi-geo-alt-slash"
                                    title="Tidak ada debitur"
                                    desc="Batch ini tidak memiliki debitur pada tahap Field Analysis."
                                />
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Mobile card list --}}
    <div class="d-md-none">
        @forelse($batchPengajuan as $p)
        @php
            $canReview = in_array($p->status->value, ['fa', 'waiting_review_fa']);

            [$faLabel, $faBadge] = match(true) {
                in_array($p->status->value, ['waiting_keputusan', 'disetujui', 'ditolak'])
                    => ['Selesai',         'bg-success'],
                $p->status->value === 'waiting_review_fa'
                    => ['Sedang Direview', '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 {{ $faBadge }} rounded-pill ms-2">{{ $faLabel }}</span>
                </div>
                <div class="d-flex align-items-center justify-content-between mt-2">
                    <x-pengajuan.status-badge :status="$p->status" />
                    <a href="{{ route('field-analysis.penelaah.show', $p) }}"
                       class="btn btn-sm {{ $canReview ? 'btn-primary' : 'btn-outline-secondary' }}">
                        <i class="bi bi-{{ $canReview ? 'pencil-square' : 'eye' }} me-1"></i>
                        {{ $canReview ? 'Review FA' : 'Lihat' }}
                    </a>
                </div>
            </div>
        </div>
        @empty
        <x-ui.empty-state
            icon="bi-geo-alt-slash"
            title="Tidak ada debitur"
            desc="Batch ini tidak memiliki debitur pada tahap Field Analysis."
        />
        @endforelse
    </div>

</div>
@endsection