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

{% block title %}Inscriptions - Portail Étudiant{% endblock %}

{# Configuration spécifique à l'étudiant #}
{% set header_icon = 'fa-graduation-cap' %}
{% set header_title = 'Centre Informatique' %}
{% set notification_count = '3' %}
{% set user_role = 'Étudiant M2' %}
{% set offcanvas_title = 'UniPortal' %}
{% set notifications_url = path('app_notifications') %}

{% block dashboard_content %}
    <!-- Enrollment Section -->
    <div class="card animate-slide-in">
        <div class="card-header">
            <h2 class="section-title">
                <i class="fas fa-plus-circle"></i>
                Nouvelle Inscription
            </h2>
        </div>
        
        <div class="card-body">
            <form class="enrollment-form">
                <div class="form-group">
                    <label>Semestre</label>
                    <select class="form-control">
                        <option>Semestre 1</option>
                        <option>Semestre 2</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label>Matière</label>
                    <select class="form-control">
                        <option>Programmation Avancée</option>
                        <option>Intelligence Artificielle</option>
                        <option>Sécurité Informatique</option>
                    </select>
                </div>
                
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-check"></i>
                    S'inscrire
                </button>
            </form>
        </div>
    </div>

    <!-- Available Courses -->
    <div class="card animate-slide-in">
        <div class="card-header">
            <h2 class="section-title">
                <i class="fas fa-book"></i>
                Cours Disponibles
            </h2>
        </div>
        
        <div class="course-grid">
            <div class="card">
                <div class="card-body">
                    <h5>Intelligence Artificielle</h5>
                    <p>Introduction aux concepts de l'IA et machine learning</p>
                    <button class="btn btn-primary">S'inscrire</button>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5>Sécurité Informatique</h5>
                    <p>Cryptographie et sécurité des systèmes</p>
                    <button class="btn btn-primary">S'inscrire</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}