{% extends '@EasyAdmin/page/content.html.twig' %}

{% block content_title %}
    <h1>🎓 Tableau de Bord - Administration</h1>
{% endblock %}

{% block main %}
    <div class="row">
        <div class="col-lg-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Étudiants
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ stats.students }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-user-graduate fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                Enseignants
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ stats.teachers }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-chalkboard-teacher fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Cours
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ stats.courses }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-book fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Notes
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ stats.grades }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-trophy fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Actions Rapides</h6>
                </div>
                <div class="card-body">
                    <div class="list-group list-group-flush">
                        <a href="{{ ea_url().setController('App\\Admin\\Controller\\EasyAdmin\\StudentCrudController').setAction('new') }}" class="list-group-item list-group-item-action">
                            <i class="fas fa-plus text-success mr-2"></i> Ajouter un étudiant
                        </a>
                        <a href="{{ ea_url().setController('App\\Admin\\Controller\\EasyAdmin\\TeacherCrudController').setAction('new') }}" class="list-group-item list-group-item-action">
                            <i class="fas fa-plus text-success mr-2"></i> Ajouter un enseignant
                        </a>
                        <a href="{{ ea_url().setController('App\\Admin\\Controller\\EasyAdmin\\CourseCrudController').setAction('new') }}" class="list-group-item list-group-item-action">
                            <i class="fas fa-plus text-info mr-2"></i> Ajouter un cours
                        </a>
                        <a href="{{ ea_url().setController('App\\Admin\\Controller\\EasyAdmin\\DepartmentCrudController').setAction('new') }}" class="list-group-item list-group-item-action">
                            <i class="fas fa-plus text-warning mr-2"></i> Ajouter un département
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Alertes</h6>
                </div>
                <div class="card-body">
                    {% if stats.pending_claims > 0 %}
                        <div class="alert alert-warning" role="alert">
                            <i class="fas fa-exclamation-triangle mr-2"></i>
                            {{ stats.pending_claims }} réclamation(s) en attente de traitement
                        </div>
                    {% endif %}
                    
                    <div class="alert alert-info" role="alert">
                        <i class="fas fa-info-circle mr-2"></i>
                        Système opérationnel - {{ stats.departments }} département(s) actif(s)
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .border-left-primary { border-left: 0.25rem solid #4e73df !important; }
        .border-left-success { border-left: 0.25rem solid #1cc88a !important; }
        .border-left-info { border-left: 0.25rem solid #36b9cc !important; }
        .border-left-warning { border-left: 0.25rem solid #f6c23e !important; }
        .text-gray-300 { color: #dddfeb !important; }
        .text-gray-800 { color: #5a5c69 !important; }
    </style>
{% endblock %}