{% extends 'base.html.twig' %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block title %}
    {{ parent() }}
{% endblock %}

{% block header %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <div class="container-fluid bg-white">
        {# Partie centrale contenant le titre #}
        <div class="col-lg-12">
            <div class="row-cols-6 d-flex justify-content-center align-content-center">
                <p class="text-center"></p>
            </div>
        </div>
        <div class="row col-lg-12 g-3 t-color-black fw-medium club">
            {# Section activités #}
            <div class="col-lg-2"></div>
            <div class="col-lg-6">
                {% if is_granted("ROLE_ENCADRANT") %}
                    <div class="row g-3">
                        <div class="col-lg-12 d-flex justify-content-start">
                            <a href="{{ path('clubAjouter') }}">
                                <p class="text-center fw-bold club btn btn-outline-info">Ajouter une séance...</p>
                            </a>
                        </div>
                    </div>
                {% endif %}
                <div class="row g-3">
                    <div class="col-lg-12 d-flex justify-content-start">
                        <p class="text-center fw-bold club">Prochaines séances...</p>
                    </div>
                </div>
                <div class="row g-3">
                    <div class="col-12">
                        <ul class="no-bullets">
                            {{ knp_pagination_render(pagination) }}
                            {% for seance in pagination %}
                                {% if seance.etat == 'Séance annulée' %}
                                    <li class="seance-annule">
                                {% elseif seance.etat == 'Vigilance' %}
                                    <li class="seance-vigilance">
                                {% else %}
                                    <li>
                                {% endif %}
                                {% if seance.etat == 'Séance annulée' %}
                                {% elseif seance.etat == 'Vigilance' %}
                                <a href="{{ path('clubConsulter', { 'id': seance.id }) }}" class="seance-vigilance">
                                {% else %}
                                <a href="{{ path('clubConsulter', { 'id': seance.id }) }}" class="seance-ok">
                                {% endif %}
                                <div class="col-12">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <img src="{{ asset('uploads/icone/' ~ seance.sport.icone) }}"
                                                 class="bg-white modal-content club"
                                                 alt="icone de {{ seance.sport.nom }}" width="150px" height="150px">
                                        </div>
                                        <div class="col-lg-9 ps-4">
                                            <div class="row d-flex justify-content-start">
                                                » {{ seance.dateSeance|date('d m Y') }} - {{ seance.sport.nom }} :
                                                Groupe {{ seance.typePratique.nom }}
                                            </div>
                                            <div class="row d-flex justify-content-start">
                                                » {{ seance.heureDebut|date('H:i') }}
                                                - {{ seance.heureFin|date('H:i') }}, animé
                                                par {{ seance.directeurSeance }}
                                            </div>
                                            <div class="row d-flex justify-content-start">
                                                » Nombre de places ouvertes : {{ seance.placesTotales }} (Reste
                                                : {{ seance.placesTotales - placesPrises[seance.id] }})
                                            </div>
                                            {% if not seance.textLibre == '' %}
                                                <div class="row d-flex justify-content-start">
                                                    » Message
                                                    : {{ seance.textLibre|length > 35 ? seance.textLibre|slice(0, 35) ~ '...' : seance.textLibre }}
                                                </div>
                                            {% endif %}
                                            <div class="row d-flex justify-content-start">
                                                » Lieu : {{ seance.lieu }} : {{ seance.etat }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% if seance.etat == 'Séance annulée' %}
                                {% elseif seance.etat == 'Vigilance' %}
                                </a>
                                {% else %}
                                </a>
                                {% endif %}
                                {% if is_granted("ROLE_ENCADRANT") %}
                                    <a href="{{ path('clubModifier', { 'id': seance.id }) }}">
                                        <p class="btn btn-outline-info">Modifier la séance</p>
                                    </a>
                                    <a href="{{ path('clubSupprimer', { 'id': seance.id }) }}"
                                       onclick="return confirm('Êtes vous sûr de vouloir supprimer');">
                                        <p class="btn btn-outline-info">Supprimer la séance</p>
                                    </a>
                                {% else %}
                                    <br>
                                    <br>
                                {% endif %}
                                </li>
                            {% endfor %}
                            {{ knp_pagination_render(pagination) }}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-2"></div>
            <div class="col-lg-2">
                <div class="col-12">
                    <div class="container-fluid bg-white">
                        <div class="container">
                            {{ form_start(filterForm) }}
                            <div class="form-floating">
                                {{ form_row(
                                    filterForm.sport,
                                    {
                                        attr: {
                                        'type': 'password',
                                        'class': 'form-control',
                                        'id': 'password',
                                        'name': 'password',
                                        'autocomplete': 'password',
                                        'required': true,
                                        'autofocus': false
                                    },
                                        label: 'Sports'
                                    }
                                ) }}
                            </div>
                            {{ form_end(filterForm) }}
                        </div>
                    </div>
                </div>
                {% if is_granted('ROLE_ADMIN') %}
                    <div class="col-12">
                        <div class="container-fluid bg-white">
                            <div class="container">
                                {% if app.request.attributes.get('_route') == 'clubArchive' %}
                                    <a href="{{ path('club') }}">Voir les séances actives</a>
                                {% else %}
                                    <a href="{{ path('clubArchive') }}">Voir les séances archivées</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    {% if banni is defined and banni == true and not is_granted('ROLE_ADMIN') %}
        <script>
            function accountNotValidated() {
                Swal.fire({
                    icon: "error",
                    title: "Accès refusé",
                    text: "Vous avez été banni",
                    allowOutsideClick: false,
                    confirmButtonText: 'Retour',
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.history.back();
                    }
                });
            }

            window.onload = accountNotValidated;
        </script>
    {% endif %}
{% endblock %}

{% block footer %}
    {{ parent() }}
{% endblock %}