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

{% block content %}
<div class="row">
    <div class="col-lg-2">
        <div class="btn-group record_actions m-2">
            <a class="btn btn-info" href="{{ path('admin_cycles') }}">
                <i class="fa fa-list"></i> {{ 'Back to the list'|trans({}, 'admin') }}
            </a>
        </div>
    </div>

    <div class="col-lg-10">
        <div class="card shadow-sm rounded border-primary">
            <div class="card-header bg-primary text-white text-center text-uppercase fw-bold">
                {{ cycle.section.program }} / {{ cycle.name }}
            </div>

            <div class="card-body">
                <table class="table table-striped table-hover table-bordered text-center mb-4">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Nom</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for level in cycle.levels %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>
                                    <a href="{{ path('admin_levels_show', {id: level.id}) }}">
                                        Niveau {{ level.name }}
                                    </a>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="2" class="text-muted">Aucun niveau associé</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>

                <div class="d-flex justify-content-center gap-3">
                    <a class="btn btn-warning" href="{{ path('admin_cycles_edit', {id: cycle.id}) }}">
                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i> Modifier le cycle
                    </a>
                    <a class="btn btn-danger" href="#"
                       onclick="event.preventDefault(); if(confirm('Êtes-vous sûr ?')) document.getElementById('js-cycle-delete-form').submit();">
                        <i class="fa fa-trash"></i> Supprimer le cycle
                    </a>
                    <form id="js-cycle-delete-form" action="{{ path('admin_cycles_delete', {id: cycle.id}) }}" method="post" style="display: none;">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token('cycles_deletion' ~ cycle.id) }}">
                        <input type="hidden" name="_method" value="DELETE">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}