{% extends 'core/dashboard-layout.html.twig' %}

{% block title %}Chef de Département - Centre Informatique{% endblock %}

{# Configuration spécifique au chef de département #}
{% set header_icon = 'fa-crown' %}
{% set header_title = 'Centre Informatique' %}
{% set notification_count = '2' %}
{% set user_role = 'Chef de Département' %}
{% set offcanvas_title = 'EnseignantPortal' %}
{% set notifications_url = path('app_teacher_notifications') %}

{% block dashboard_content %}
    <!-- En-tête Chef de Département -->
    <div class="card animate-slide-in">
        <div class="card-header">
            <h2 class="section-title">
                <i class="fas fa-crown"></i>
                Tableau de Bord - Chef de Département
            </h2>
            <div class="badge badge-primary">
                <i class="fas fa-shield-alt"></i>
                Privilèges Administrateur
            </div>
        </div>
    </div>

    <!-- Actions principales du chef de département -->
    <div class="dashboard-grid animate-fade-in">
        <div class="card action-card">
            <div class="card-body text-center">
                <div class="action-icon">
                    <i class="fas fa-users-cog"></i>
                </div>
                <h4>Gestion des Enseignants</h4>
                <p>Visualiser et gérer les enseignants de votre département</p>
                <a href="{{ path('app_teacher_management') }}" class="btn btn-primary">
                    <i class="fas fa-users"></i>
                    Gérer les Enseignants
                </a>
            </div>
        </div>

        <div class="card action-card">
            <div class="card-body text-center">
                <div class="action-icon">
                    <i class="fas fa-chalkboard-teacher"></i>
                </div>
                <h4>Attribution des Cours</h4>
                <p>Attribuer et gérer les matières aux professeurs</p>
                <a href="{{ path('app_teacher_course_assignments') }}" class="btn btn-success">
                    <i class="fas fa-plus-circle"></i>
                    Attribuer Cours
                </a>
            </div>
        </div>

        <div class="card action-card">
            <div class="card-body text-center">
                <div class="action-icon">
                    <i class="fas fa-chart-pie"></i>
                </div>
                <h4>Rapports & Statistiques</h4>
                <p>Analyser les performances du département</p>
                <button class="btn btn-info" disabled>
                    <i class="fas fa-chart-line"></i>
                    Bientôt Disponible
                </button>
            </div>
        </div>

        <div class="card action-card">
            <div class="card-body text-center">
                <div class="action-icon">
                    <i class="fas fa-calendar-alt"></i>
                </div>
                <h4>Planning Département</h4>
                <p>Coordonner les emplois du temps</p>
                <button class="btn btn-warning" disabled>
                    <i class="fas fa-clock"></i>
                    En Développement
                </button>
            </div>
        </div>
    </div>

    <!-- Statistiques rapides -->
    <div class="dashboard-grid animate-fade-in">
        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-icon">
                    <i class="fas fa-users"></i>
                </div>
                <div class="badge badge-info">
                    <i class="fas fa-trending-up"></i>
                    +3%
                </div>
            </div>
            <div class="stat-value">{{ app.user.managedDepartment ? app.user.managedDepartment.teachers|length : 0 }}</div>
            <div class="stat-label">Enseignants Actifs</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-icon">
                    <i class="fas fa-book"></i>
                </div>
                <div class="badge badge-success">
                    <i class="fas fa-check"></i>
                    Complet
                </div>
            </div>
            <div class="stat-value">{{ app.user.managedDepartment ? app.user.managedDepartment.courses|length : 0 }}</div>
            <div class="stat-label">Cours Disponibles</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-icon">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <div class="badge badge-warning">
                    <i class="fas fa-clock"></i>
                    Estimation
                </div>
            </div>
            <div class="stat-value">156</div>
            <div class="stat-label">Étudiants Inscrits</div>
        </div>

        <div class="stat-card">
            <div class="stat-header">
                <div class="stat-icon">
                    <i class="fas fa-percentage"></i>
                </div>
                <div class="badge badge-success">
                    <i class="fas fa-arrow-up"></i>
                    +5%
                </div>
            </div>
            <div class="stat-value">92%</div>
            <div class="stat-label">Taux de Réussite</div>
        </div>
    </div>

    <!-- Notifications importantes -->
    <div class="card animate-slide-in">
        <div class="card-header">
            <h2 class="section-title">
                <i class="fas fa-bell"></i>
                Notifications Importantes
            </h2>
        </div>
        <div class="card-body">
            <div class="notification-list">
                <div class="notification-item priority-high">
                    <div class="notification-icon">
                        <i class="fas fa-exclamation-triangle"></i>
                    </div>
                    <div class="notification-content">
                        <h5>Attribution Cours en Attente</h5>
                        <p>3 cours n'ont pas encore d'enseignant attribué pour le semestre prochain.</p>
                        <small>Il y a 2 heures</small>
                    </div>
                    <a href="{{ path('app_teacher_course_assignments') }}" class="btn btn-sm btn-warning">Résoudre</a>
                </div>

                <div class="notification-item priority-medium">
                    <div class="notification-icon">
                        <i class="fas fa-user-plus"></i>
                    </div>
                    <div class="notification-content">
                        <h5>Nouveau Professeur</h5>
                        <p>Dr. Aminata Fall a rejoint votre département.</p>
                        <small>Hier</small>
                    </div>
                    <a href="{{ path('app_teacher_management') }}" class="btn btn-sm btn-info">Voir</a>
                </div>

                <div class="notification-item priority-low">
                    <div class="notification-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <div class="notification-content">
                        <h5>Rapport Mensuel</h5>
                        <p>Le rapport d'activité de novembre est disponible.</p>
                        <small>Il y a 3 jours</small>
                    </div>
                    <button class="btn btn-sm btn-secondary" disabled>Consulter</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}