{% set pageName = "sessionStart" %}

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

{% block title %} {{ parent() }} - Démarrage de session {% endblock %}

{% block content %}
    <section class="text-color-blue">
        <h1 class="text-color-blue text-uppercase">Démarrer une leçon</h1>
    </section>
    <div class="container-fluid">
        <section class="row justify-content-around">
            <section class="col-md-5">
                <h3>Configuration du vol</h3>
                {{ form_start(session_Config_form) }}
                {{ form_widget(session_Config_form) }}
                {{ form_end(session_Config_form) }}
            </section>
            <section class="col-md-5">
                <h3>Stats d'avancement</h3>
                <p class="font-italic">Résumé de l'avancement de l'élève dans la formation nombre d'heure etc... </p>
            </section>
        </section>
    </div>

{% endblock %}

{% block javascripts %}
    <script>
        let $atoUser = $('#session_start_student');
        $atoUser.change(function (){
            let $form = $(this).closest('form');
            let data = {};
            data[$atoUser.attr('name')] = $atoUser.val();
            $.ajax({
                url: $form.attr('action'),
                type: $form.attr('method'),
                data: data,
                success: function (html) {
                    let $formationField = $('#session_start_formation');
                    if ($formationField.length) {
                        $formationField.replaceWith($(html).find('#session_start_formation'))
                    } else {
                        $form.append($(html).find('#session_start_formation').parent())
                    }
                    $(".select2").select2();
                }
            })
        })

        let $formation = $('#session_start_formation');
        $formation.change(function (){
            let $form = $(this).closest('form');
            let data = {};
            data[$formation.attr('name')] = $formation.val();
            $.ajax({
                url: $form.attr('action'),
                type: $form.attr('method'),
                data: data,
                success: function (html) {
                    let $lessonField = $('#session_start_formation');
                    if ($lessonField.length) {
                        $lessonField.replaceWith($(html).find('#session_start_formation'))
                    } else {
                        $form.append($(html).find('#session_start_formation').parent())
                    }
                    $(".select2").select2();
                }
            })
        })
    </script>
{% endblock %}