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

{% block title %}Présentation de trimestre - {{ parent() }}{% endblock %}

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

    <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 text-uppercase">{{ quater.wording }}</h4>
        </div>

        <div class="card-body p-4">
            <dl class="row">
                <dt class="col-sm-4">Début :</dt>
                <dd class="col-sm-8">
                    <time datetime="{{ quater.startDate|date('Y-m-d') }}">
                        {{ quater.startDate|date('d/m/Y') }}
                    </time>
                </dd>

                <dt class="col-sm-4">Fin :</dt>
                <dd class="col-sm-8">
                    <time datetime="{{ quater.endDate|date('Y-m-d') }}">
                        {{ quater.endDate|date('d/m/Y') }}
                    </time>
                </dd>

                <dt class="col-sm-4">Statut :</dt>
                <dd class="col-sm-8">
                    {% if quater.activated %}
                        <span class="badge bg-success fs-6">Actif</span>
                    {% else %}
                        <span class="badge bg-secondary fs-6">Non actif</span>
                    {% endif %}
                </dd>
            </dl>

            <hr>

            <h5 class="text-center mb-3">Liste des séquences</h5>

            <table class="table table-striped table-hover table-bordered text-center">
                <thead class="table-primary">
                    <tr>
                        <th>#</th>
                        <th>Titre</th>
                        <th>Début</th>
                        <th>Fin</th>
                        <th>État</th>
                    </tr>
                </thead>
                <tbody>
                    {% for sequence in quater.sequences %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td>
                                <a href="{{ path('admin_sequences_show', {id: sequence.id}) }}">
                                    {{ sequence.wording }}
                                </a>
                            </td>
                            <td>
                                <time datetime="{{ sequence.startDate|date('Y-m-d') }}">
                                    {{ sequence.startDate|date('d/m/Y') }}
                                </time>
                            </td>
                            <td>
                                <time datetime="{{ sequence.endDate|date('Y-m-d') }}">
                                    {{ sequence.endDate|date('d/m/Y') }}
                                </time>
                            </td>
                            <td>
                                {% if sequence.activated %}
                                    <span class="badge bg-success">Actif</span>
                                {% else %}
                                    <span class="badge bg-secondary">Non actif</span>
                                {% endif %}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5" class="text-center">Aucune séquence trouvée.</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <div class="card-footer text-center bg-light rounded-bottom-4">
            <a href="{{ path('admin_quaters') }}" class="btn btn-outline-secondary me-2">
                <i class="fa fa-arrow-left"></i> Retour à la liste
            </a>

            <a href="{{ path('admin_quaters_edit', {id: quater.id}) }}" class="btn btn-warning me-2">
                <i class="fa fa-pencil"></i> Modifier
            </a>

            <a href="#" class="btn btn-danger"
               onclick="event.preventDefault(); if(confirm('Cette suppression entraînera celle de toutes les séquences incluses. Confirmer ?')) document.getElementById('delete-form').submit();">
                <i class="fa fa-trash"></i> Supprimer
            </a>

            <form id="delete-form" method="post" action="{{ path('admin_quaters_delete', {id: quater.id}) }}" style="display:none;">
                <input type="hidden" name="_method" value="DELETE" />
                <input type="hidden" name="csrf_token" value="{{ csrf_token('quaters_deletion' ~ quater.id) }}" />
            </form>
        </div>

    </div>

</div>
{% endblock %}