@extends('layouts.app')
@section('title', 'Rapport – ' . $resident->full_name)
@section('page-title', 'Rapport – ' . $resident->full_name)

@section('content')
{{-- Filters --}}
<div class="card mb-3">
    <div class="card-header"><i class="fas fa-filter me-2 text-primary"></i>Filtres</div>
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small fw-semibold">De</label>
                <input type="date" name="start_date" class="form-control form-control-sm" value="{{ request('start_date') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label small fw-semibold">À</label>
                <input type="date" name="end_date" class="form-control form-control-sm" value="{{ request('end_date') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label small fw-semibold">Catégorie</label>
                <select name="category" class="form-select form-select-sm">
                    <option value="">Toutes</option>
                    @foreach($categories as $c)
                    <option value="{{ $c }}" {{ request('category')==$c?'selected':'' }}>{{ $c }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Type</label>
                <select name="type" class="form-select form-select-sm">
                    <option value="">Tous</option>
                    @foreach($types as $t)
                    <option value="{{ $t }}" {{ request('type')==$t?'selected':'' }}>{{ $t }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-search"></i> Filtrer</button>
                <a href="{{ route('residents.rapport', $resident) }}" class="btn btn-sm btn-outline-secondary">Réinitialiser</a>
            </div>
        </form>
    </div>
</div>

{{-- Report Summary --}}
<div class="card mb-3">
    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
        <span><i class="fas fa-file-alt me-2"></i>Rapport de Performance</span>
        <button onclick="window.print()" class="btn btn-sm btn-light">
            <i class="fas fa-print me-1"></i>Imprimer
        </button>
    </div>
    <div class="card-body">
        <div class="text-center mb-4 border-bottom pb-4">
            <h5 class="fw-bold">Hôpital de l'Université d'État d'Haïti</h5>
            <p class="text-muted mb-1">Service de Radiologie et d'Imagerie Médicale</p>
            <h4 class="fw-bold mt-3">{{ $resident->full_name }}</h4>
            <p class="text-muted">{{ $resident->role_name ?? '' }}
                @if($resident->academic_year) · {{ $resident->academic_year }} @endif
            </p>
            @if(request('start_date') || request('end_date'))
            <p class="text-muted">
                Période :
                {{ request('start_date') ? \Carbon\Carbon::parse(request('start_date'))->format('d/m/Y') : '–' }}
                à
                {{ request('end_date') ? \Carbon\Carbon::parse(request('end_date'))->format('d/m/Y') : today()->format('d/m/Y') }}
            </p>
            @endif
            @if(request('category'))<p class="text-muted">Catégorie : {{ request('category') }}</p>@endif
            @if(request('type'))<p class="text-muted">Type : {{ request('type') }}</p>@endif
        </div>

        <div class="row g-3 mb-4">
            <div class="col-md-4 col-6">
                <div class="border rounded p-3 text-center">
                    <div class="text-muted small">Total des Cas</div>
                    <div class="fw-bold fs-3">{{ $stats['total'] }}</div>
                </div>
            </div>
            @foreach([5=>'Très bien',4=>'Bien',3=>'Assez bien',2=>'Mal',1=>'Incomplet',0=>'Non Fait'] as $n=>$lbl)
            <div class="col-md-4 col-6">
                <div class="border rounded p-3 text-center">
                    <div class="small mb-1"><span class="badge note-{{ $n }}">{{ $lbl }}</span></div>
                    <div class="fw-bold fs-4">{{ $stats[$n] }}</div>
                    @if($stats['total'] > 0)
                    <div class="text-muted" style="font-size:.75rem;">{{ round($stats[$n]/$stats['total']*100) }}%</div>
                    @endif
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

{{-- Cases Table --}}
@if($cases->isNotEmpty())
<div class="card">
    <div class="card-header"><i class="fas fa-list me-2 text-primary"></i>Détail des Cas ({{ $cases->count() }})</div>
    <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>CAS NO</th><th>CATÉGORIE</th><th>TYPE</th>
                    <th>DATE</th><th>NOTE</th><th>FORMATEUR</th>
                    <th class="text-center">VOIR</th>
                </tr>
            </thead>
            <tbody>
                @foreach($cases as $rc)
                <tr>
                    <td><span class="badge bg-secondary">{{ $rc->medicalCase->case_number }}</span></td>
                    <td><small>{{ $rc->medicalCase->category }}</small></td>
                    <td><small>{{ $rc->medicalCase->type }}</small></td>
                    <td><small>{{ $rc->completed_at ? $rc->completed_at->format('d/m/Y') : '–' }}</small></td>
                    <td>
                        @if($rc->note !== null)
                        <span class="badge note-{{ $rc->note }}">{{ \App\Models\ResidentCase::getNoteLabel($rc->note) }}</span>
                        @else <span class="text-muted">–</span>@endif
                    </td>
                    <td><small>{{ $rc->assignedBy->full_name ?? '–' }}</small></td>
                    <td class="text-center">
                        <a href="{{ route('residents.pret.show', [$resident, $rc]) }}" class="btn btn-sm btn-outline-success py-0 px-2">
                            <i class="fas fa-eye"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

<a href="{{ route('residents.show', [$resident, 'tab' => 'pret']) }}" class="btn btn-outline-secondary btn-sm mt-3">
    <i class="fas fa-arrow-left me-1"></i>Retour au dossier
</a>

@push('styles')
<style>
@media print {
    #sidebar, #topbar, .btn, form { display:none!important; }
    #main-content { margin-left:0!important; }
    #page-content { padding:0!important; }
}
</style>
@endpush
@endsection