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

{% block title %}Dashboard Administrateur{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .dashboard-header {
            background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
            color: white;
            padding: 2rem 0;
            margin-bottom: 2rem;
        }
        .welcome-card {
            background: white;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
        }
        .info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
            margin-top: 2rem;
        }
        .info-card {
            background: #f8f9fa;
            border-radius: 8px;
            padding: 1.5rem;
            border-left: 4px solid #ff9a9e;
        }
    </style>
{% endblock %}

{% block body %}
<div class="dashboard-header">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h1><i class="fas fa-cogs me-3"></i>Dashboard Administrateur</h1>
                <p class="lead">Panneau d'administration système</p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="welcome-card">
        <h2>Bonjour {{ app.user.firstName }} {{ app.user.lastName }} !</h2>
        <p class="text-muted">Matricule : {{ app.user.matricule }}</p>
        <p>Accès administrateur - Gestion complète du système de notes.</p>
        
        <div class="d-flex gap-2 mt-3">
            <a href="{{ path('app_logout') }}" class="btn btn-outline-danger">
                <i class="fas fa-sign-out-alt me-2"></i>Se déconnecter
            </a>
        </div>
    </div>

    <div class="info-grid">
        <div class="info-card">
            <h5><i class="fas fa-user me-2"></i>Informations personnelles</h5>
            <p><strong>Email :</strong> {{ app.user.email }}</p>
            <p><strong>Genre :</strong> {{ app.user.gender == 'M' ? 'Masculin' : 'Féminin' }}</p>
            <p><strong>Type de compte :</strong> Administrateur</p>
        </div>
        
        <div class="info-card">
            <h5><i class="fas fa-shield-alt me-2"></i>Outils d'administration</h5>
            <p>• Gestion des utilisateurs</p>
            <p>• Configuration système</p>
            <p>• Rapports et statistiques</p>
            <p><em class="text-muted">Fonctionnalités en cours de développement...</em></p>
        </div>
    </div>
    
    <div class="alert alert-warning mt-4">
        <i class="fas fa-exclamation-triangle me-2"></i>
        <strong>Accès privilégié :</strong> Vous avez des droits d'administration sur le système.
    </div>
</div>
{% endblock %}