@extends('layouts.app')
@section('title', 'Tableau de bord')
@section('page-title', 'Tableau de bord')

@section('content')
    <div class="mb-4">
        <h5 class="fw-bold mb-0">Bonjour, {{ Auth::user()->full_name }} 👋</h5>
        <small class="text-muted">{{ now()->isoFormat('dddd D MMMM YYYY') }}</small>
    </div>

    @if(Auth::user()->isSuperAdmin() || Auth::user()->isFormateur())
        <div class="row g-3 mb-4">
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#2563eb,#1d4ed8)">
                    <div class="stat-icon"><i class="fas fa-users"></i></div>
                    <div class="stat-num">{{ $stats['total_users'] }}</div>
                    <div class="stat-lbl">Utilisateurs</div>
                </div>
            </div>
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#0891b2,#0e7490)">
                    <div class="stat-icon"><i class="fas fa-user-graduate"></i></div>
                    <div class="stat-num">{{ $stats['total_residents'] }}</div>
                    <div class="stat-lbl">Résidents</div>
                </div>
            </div>
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#7c3aed,#6d28d9)">
                    <div class="stat-icon"><i class="fas fa-folder-open"></i></div>
                    <div class="stat-num">{{ $stats['total_cases'] }}</div>
                    <div class="stat-lbl">Cas total</div>
                </div>
            </div>
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#059669,#047857)">
                    <div class="stat-icon"><i class="fas fa-check-circle"></i></div>
                    <div class="stat-num">{{ $stats['active_cases'] }}</div>
                    <div class="stat-lbl">Cas actifs</div>
                </div>
            </div>
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#d97706,#b45309)">
                    <div class="stat-icon"><i class="fas fa-hourglass-half"></i></div>
                    <div class="stat-num">{{ $stats['en_cours'] }}</div>
                    <div class="stat-lbl">En cours</div>
                </div>
            </div>
            <div class="col-md-4 col-xl-2">
                <div class="stat-card" style="background:linear-gradient(135deg,#dc2626,#b91c1c)">
                    <div class="stat-icon"><i class="fas fa-clipboard-check"></i></div>
                    <div class="stat-num">{{ $stats['pret'] }}</div>
                    <div class="stat-lbl">Prêt</div>
                </div>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-header d-flex align-items-center gap-2">
                        <i class="fas fa-bolt text-primary"></i> Actions rapides
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            @if(Auth::user()->canManageCases())
                                <a href="{{ route('cases.create') }}" class="btn btn-primary">
                                    <i class="fas fa-plus me-2"></i>Ajouter un cas
                                </a>
                            @endif
                            @if(Auth::user()->canManageUsers())
                                <a href="{{ route('users.create') }}" class="btn btn-outline-primary">
                                    <i class="fas fa-user-plus me-2"></i>Ajouter un utilisateur
                                </a>
                            @endif
                            <a href="{{ route('residents.index') }}" class="btn btn-outline-secondary">
                                <i class="fas fa-user-graduate me-2"></i>Voir les résidents
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-header d-flex align-items-center gap-2">
                        <i class="fas fa-info-circle text-primary"></i> À propos
                    </div>
                    <div class="card-body">
                        <p class="small text-muted mb-2">
                            <strong>Hôpital de l'Université d'État d'Haïti</strong><br>
                          
                        </p>
                        <p class="small text-muted mb-0">
                            Hôpital de l’Université d’État d’Haïti
                            Service de Radiologie et d’Imagerie Médicale

                            Notre plateforme est un outil académique, clinique et administratif dédié à la formation des
                            résidents en Imagerie Médicale. Elle centralise la gestion des examens, des interprétations, des
                            rapports, des ressources pédagogiques et du suivi académique.

                            Elle facilite la supervision par les radiologues, assure le contrôle de qualité, et garantit une
                            formation structurée conforme aux standards de l’enseignement médical postuniversitaire.
                        </p>
                    </div>
                </div>
            </div>
        </div>

    @else
        {{-- Resident dashboard --}}
        <div class="row g-3 mb-4">
            <div class="col-md-4">
                <div class="stat-card" style="background:linear-gradient(135deg,#2563eb,#1d4ed8)">
                    <div class="stat-icon"><i class="fas fa-inbox"></i></div>
                    <div class="stat-num">{{ $stats['demande'] }}</div>
                    <div class="stat-lbl">Demandes en attente</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="stat-card" style="background:linear-gradient(135deg,#d97706,#b45309)">
                    <div class="stat-icon"><i class="fas fa-hourglass-half"></i></div>
                    <div class="stat-num">{{ $stats['en_cours'] }}</div>
                    <div class="stat-lbl">En cours</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="stat-card" style="background:linear-gradient(135deg,#059669,#047857)">
                    <div class="stat-icon"><i class="fas fa-check-double"></i></div>
                    <div class="stat-num">{{ $stats['pret'] }}</div>
                    <div class="stat-lbl">Prêt (corrigés)</div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body text-center py-4">
                <a href="{{ route('residents.show', Auth::id()) }}" class="btn btn-primary btn-lg">
                    <i class="fas fa-folder-open me-2"></i>Accéder à mes cas
                </a>
            </div>
        </div>
    @endif
@endsection