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

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

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

{% block body %}
    {% if is_granted("ROLE_ENCADRANT") %}
        {% if (encadrantOrange == true) or (is_granted("ROLE_ADMIN")) or (is_granted("ROLE_GERANT_SECTION")) %}
            <div class="container py-5">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="card shadow">
                            <div class="card-header bg-eolia text-white py-3">
                                <h3 class="h4 mb-0"><i class="fas fa-plus-circle me-2"></i> Création d'une nouvelle séance</h3>
                            </div>
                            <div class="card-body">
                                {{ form_start(form, {'attr': {'class': 'needs-validation'}}) }}
                                
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-calendar-alt me-2 text-eolia"></i>Date de la séance
                                            </label>
                                            {{ form_widget(form.dateSeance, {'attr': {'class': 'form-control'}}) }}
                                            <div class="form-text">Date à laquelle aura lieu la séance</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-running me-2 text-eolia"></i>Activité
                                            </label>
                                            {{ form_widget(form.sport, {'attr': {'class': 'form-select'}}) }}
                                            <div class="form-text">Sport ou activité proposée</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-running me-2 text-eolia"></i>Directeur de séance
                                            </label>
                                            {{ form_widget(form.directeurSeance, {'attr': {'class': 'form-select'}}) }}
                                            <div class="form-text">directeur de la séance</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-users me-2 text-eolia"></i>Nombre de places
                                            </label>
                                            {{ form_widget(form.placesTotales, {'attr': {'class': 'form-control'}}) }}
                                            <div class="form-text">Capacité maximale de participants</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-clock me-2 text-eolia"></i>Heure de début
                                            </label>
                                            {{ form_widget(form.heureDebut, {'attr': {'class': 'form-control'}}) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-hourglass-end me-2 text-eolia"></i>Heure de fin
                                            </label>
                                            {{ form_widget(form.heureFin, {'attr': {'class': 'form-control'}}) }}
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-layer-group me-2 text-eolia"></i>Type de pratique
                                            </label>
                                            {{ form_widget(form.typePratique, {'attr': {'class': 'form-select'}}) }}
                                            <div class="form-text">Niveau ou groupe concerné</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-map-marker-alt me-2 text-eolia"></i>Lieu
                                            </label>
                                            {{ form_widget(form.lieu, {'attr': {'class': 'form-select'}}) }}
                                            <div class="form-text">Emplacement où se déroulera la séance</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-tachometer-alt me-2 text-eolia"></i>Allure
                                            </label>
                                            {{ form_widget(form.allure, {'attr': {'class': 'form-select'}}) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-route me-2 text-eolia"></i>Distance
                                            </label>
                                            {{ form_widget(form.distance, {'attr': {'class': 'form-select'}}) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-4">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-exclamation-triangle me-2 text-eolia"></i>Condition
                                            </label>
                                            {{ form_widget(form.etat, {'attr': {'class': 'form-select'}}) }}
                                            <div class="form-text">État actuel de la séance</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-4">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-comment-alt me-2 text-eolia"></i>Message aux participants
                                    </label>
                                    {{ form_widget(form.textLibre, {'attr': {'class': 'form-control', 'rows': '4'}}) }}
                                    <div class="form-text">Informations complémentaires, consignes particulières, etc.</div>
                                </div>

                                <div class="d-grid gap-2 d-md-flex justify-content-md-between">
                                    <a href="{{ path('club') }}" class="btn btn-outline-secondary">
                                        <i class="fas fa-arrow-left me-2"></i>Retour
                                    </a>
                                    {{ form_widget(form.save, { 
                                        'label': '<i class="fas fa-save me-2"></i>Créer la séance',
                                        'attr': {'class': 'btn blue text-white'},
                                        'label_html': true
                                    }) }}
                                </div>

                                {{ form_end(form) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% else %}
            <script>
                function accountNotValidated() {
                    Swal.fire({
                        icon: "error",
                        title: "Accès refusé",
                        text: "Votre compte n'a pas les permissions suffisantes",
                        allowOutsideClick: false,
                        confirmButtonText: 'Retour',
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.history.back();
                        }
                    });
                }
                window.onload = accountNotValidated;
            </script>
        {% endif %}
    {% endif %}
{% endblock %}

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