{% extends '@Student/base.html.twig' %}

{% block content %}
    <div class="dashboard">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h4>Mes cours inscrits</h4>
                    </div>
                    <div class="card-body">
                        {% if courses|length > 0 %}
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Code</th>
                                            <th>Intitulé</th>
                                            <th>Crédits</th>
                                            <th>Enseignant</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for course in courses %}
                                            <tr>
                                                <td>{{ course.code }}</td>
                                                <td>{{ course.name }}</td>
                                                <td>{{ course.credits }}</td>
                                                <td>{{ course.teacher.firstName }} {{ course.teacher.lastName }}</td>
                                                <td>
                                                    <a href="#" class="btn btn-sm btn-primary">
                                                        <i class="fas fa-eye"></i> Détails
                                                    </a>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        {% else %}
                            <div class="alert alert-info">
                                Vous n'êtes inscrit à aucun cours pour le moment.
                                <a href="{{ path('app_student_courses') }}" class="alert-link">S'inscrire à des cours</a>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card">
                    <div class="card-header">
                        <h4>Dernières notes</h4>
                    </div>
                    <div class="card-body">
                        {% if grades|length > 0 %}
                            <ul class="list-group">
                                {% for grade in grades|slice(0, 5) %}
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <div>
                                            <strong>{{ grade.course.code }}</strong>
                                            <br>
                                            <small>{{ grade.course.name }}</small>
                                        </div>
                                        <span class="badge bg-primary rounded-pill">
                                            {% set finalGrade = grade.calculateFinalGrade() %}
                                            {% if finalGrade is not null %}
                                                {{ finalGrade|number_format(2) }}/20
                                            {% else %}
                                                En cours
                                            {% endif %}
                                        </span>
                                    </li>
                                {% endfor %}
                            </ul>
                            {% if grades|length > 5 %}
                                <div class="text-center mt-3">
                                    <a href="{{ path('app_student_grades') }}" class="btn btn-link">Voir toutes les notes</a>
                                </div>
                            {% endif %}
                        {% else %}
                            <div class="alert alert-info">
                                Aucune note disponible pour le moment.
                            </div>
                        {% endif %}
                    </div>
                </div>

                <div class="card mt-4">
                    <div class="card-header">
                        <h4>Informations personnelles</h4>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                            <li><strong>INE :</strong> {{ student.INE }}</li>
                            <li><strong>Département :</strong> {{ student.department }}</li>
                            <li><strong>Niveau :</strong> {{ student.level }}</li>
                            <li><strong>Cohorte :</strong> {{ student.cohorte }}</li>
                        </ul>
                        <a href="{{ path('app_student_profile') }}" class="btn btn-outline-primary btn-block">
                            <i class="fas fa-edit"></i> Modifier mon profil
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}