@extends('layouts.app')
@section('title', 'Completions & Certificates - Reports')

@section('content')
@php $modes = config('probation.completion_modes'); $types = config('probation.case_types'); @endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2 class="fw-bold mb-0">Completions &amp; Certificates</h2>
            <nav aria-label="breadcrumb"><ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">Reports</a></li>
                <li class="breadcrumb-item active">Completions</li>
            </ol></nav>
        </div>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Back</a>
    </div>

    {{-- Satisfactory / Unsatisfactory / Absconded — click a tile to open that list --}}
    <div class="row mb-4">
        @foreach(['satisfactorily' => 'bg-success', 'unsatisfactorily' => 'bg-secondary', 'absconded' => 'bg-dark'] as $m => $bg)
        <div class="col-md-4">
            <a href="{{ route('reports.completions', ($mode ?? null) === $m ? [] : ['mode' => $m]) }}" class="text-decoration-none">
                <div class="card {{ $bg }} text-white {{ ($mode ?? null) === $m ? 'border border-3 border-warning' : '' }}"><div class="card-body">
                    <h6 class="text-uppercase small">{{ $modes[$m] }}</h6>
                    <h3 class="mb-0">{{ $byMode[$m] ?? 0 }}</h3>
                    <small>{{ ($mode ?? null) === $m ? 'Showing — click to clear' : 'Click to view' }}</small>
                </div></div>
            </a>
        </div>
        @endforeach
    </div>

    <div class="card">
        <div class="card-header bg-white d-flex justify-content-between">
            <strong>{{ ($mode ?? null) ? ($modes[$mode] ?? $mode) . ' completions' : 'Completed Cases' }}</strong>
            <span class="text-muted small">{{ $completions->count() }} record(s)</span>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Completed</th>
                        <th>Case</th>
                        <th>Name</th>
                        <th>Module</th>
                        <th>Officer</th>
                        <th>Nature of Completion</th>
                        <th>Certificate No.</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($completions as $c)
                        @php $cc = $c->case; $url = $cc ? route('probation.' . \App\Models\ProbationCase::routeKeyForType($cc->case_type) . '.show', $cc->id) : null; @endphp
                        <tr @if($url) style="cursor:pointer" onclick="window.location='{{ $url }}'" @endif>
                            <td>{{ optional($c->completed_on)->format('d M Y') ?? '—' }}</td>
                            <td><span class="badge bg-light text-dark">{{ $cc->serial_number ?? '#'.$c->case_id }}</span></td>
                            <td>@if($url)<a href="{{ $url }}">{{ $cc->prisoner->name ?? '—' }}</a>@else — @endif</td>
                            <td>{{ $cc ? ($types[$cc->case_type] ?? $cc->case_type) : '—' }}</td>
                            <td>{{ $cc->officer->name ?? '—' }}</td>
                            <td>
                                <span class="badge bg-{{ $c->norm_mode === 'satisfactorily' ? 'success' : ($c->norm_mode === 'absconded' ? 'dark' : 'secondary') }}">
                                    {{ $modes[$c->norm_mode] ?? ucfirst($c->mode ?? '—') }}</span>
                            </td>
                            <td>{{ $c->certificate_no ?? '—' }}</td>
                            <td onclick="event.stopPropagation()">
                                @if($c->certificate_no)
                                    <a href="{{ route('probation.cases.certificate', $c->case_id) }}" class="btn btn-sm btn-outline-primary" target="_blank">
                                        <i class="fas fa-certificate"></i> Certificate</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted py-4">No completed cases{{ ($mode ?? null) ? ' in this category' : '' }} yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>
@endsection