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

{% block title %}Ajouter une nouvelle session{% endblock %}

{% block body %}

    {# Condition pour gérer le titre selon si on créer ou l'on modifie une entreprise #}
    {% if edit %} 
        <h1>Modifier une session</h1>
    {% else %}
        <h1>Ajouter une nouvelle session</h1> 
    {% endif %}

    <div class="formAdd">

        {# Affiche le formulaire #}

        {# {{form(formAddSession)}} #}

        {{ form_start(form) }}

            {{ form_row(form.date_debut) }}
            {{ form_row(form.date_fin) }}
            {{ form_row(form.nbMax) }}
            
            {# On va construire dynamiquement la liste des modules existants à partir de Programme #}
            <h2>Programme de la session</h2>

            <div class="form-group row">
                <div class="col-form-label col-sm-2">&nbsp;</div>

                <div id="programme-fields-list" class="col-sm-10 remove-collection-widget"
                    data-prototype="{{ form_widget(form.programmes.vars.prototype) |e }}"
                    data-session="{{ sessionId }}"
                    data-widget-tags="{{ '<p></p>'|e }}"
                    data-widget-counter="{{ form.programmes|length }}">
                    
                    {% for programmeField in form.programmes %}
                    <p>
                        {{ form_errors(programmeField) }}
                        {{ form_widget (programmeField, {'attr': {'class':'borders'}}) }}
                    </p>
                    {% endfor %}
                </div> 
            </div>
            <div class="form-group row flex-action">
                <button type="button"
                class="add-another-collection-widget button"
                data-list-selector="#programme-fields-list">Ajouter un nouveau module</button>
            </div>

            {# empeche l'apparition d'une légende "programmes", si la collection est vide (en cas de création d'une nouvelle session#}
            {% do form.programmes.setRendered %}

        {{ form_end(form) }}

    </div>

    <a class="btn btn-dark" href="{{ path ('app_session') }}">RETOUR</a>

    <figure>
        <img class="fond" src="{{asset('img/addStudent.jpg')}}" alt="Ascensseur">
    </figure>

{% endblock %}