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

{% block title %}Détail du Cours - {{ parent() }}{% endblock %}

{% block content %}
<div class="container mt-5">

    <div class="row mb-3">
        <div class="col-lg-2">
            {% if is_granted('ROLE_ADMIN') %}
                <a href="{{ path('admin_courses') }}" class="btn btn-info w-100">
                    <i class="fa fa-list"></i> Retour à la liste
                </a>
            {% endif %}
        </div>

        <div class="col-lg-10">
            <div class="card shadow-lg border-0 rounded-4">

                <div class="card-header bg-primary text-white text-center rounded-top-4">
                    <h4 class="mb-0">{{ course.wording }}</h4>
                </div>

                <div class="card-body p-4">

                    <ul class="list-unstyled h5 mb-4 row">
                        <li class="col-md-3"><strong>Coefficient:</strong> {{ course.coefficient }}</li>
                        <li class="col-md-3"><strong>Code:</strong> {{ course.code }}</li>
                        <li class="col-md-3"><strong>Module:</strong> {{ course.module.name }}</li>
                        <li class="col-md-3"><strong>Domaine:</strong> {{ course.domain.name }}</li>
                    </ul>

                    {% if is_granted('ROLE_ADMIN') %}
                        <div class="mb-4 text-center">
                            <a href="{{ path('admin_courses_edit', {id: course.id}) }}" class="btn btn-warning me-2">
                                <i class="fa fa-pencil"></i> Modifier le cours
                            </a>
                            <a href="#" class="btn btn-danger"
                               onclick="event.preventDefault(); if(confirm('Êtes-vous sûr de vouloir supprimer ce cours ?')) document.getElementById('delete-course-form').submit();">
                                <i class="fa fa-trash"></i> Supprimer le cours
                            </a>
                            <form id="delete-course-form" method="post" action="{{ path('admin_courses_delete', {id: course.id}) }}" style="display:none;">
                                <input type="hidden" name="_method" value="DELETE" />
                                <input type="hidden" name="csrf_token" value="{{ csrf_token('courses_deletion' ~ course.id) }}" />
                            </form>
                        </div>
                    {% endif %}

                    <h5 class="mb-3 border-bottom pb-2">Historique des attributions</h5>

                    <div class="table-responsive">
                        <table class="table table-striped table-hover text-center align-middle">
                            <thead class="table-primary">
                                <tr>
                                    <th scope="col">Année scolaire</th>
                                    <th scope="col">Enseignant</th>
                                    <th scope="col">Titulaire</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for attribution in course.attributions|reverse %}
                                    <tr>
                                        <td>{{ attribution.schoolYear }}</td>
                                        <td>{{ attribution.teacher }}</td>
                                        <td>{{ attribution.headTeacher }}</td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td colspan="3" class="text-center">Aucune attribution trouvée.</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div>
    </div>

</div>
{% endblock %}