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

{% block title %}AFC E-Learning{% endblock %}
{% form_theme form 'admin/training_qcm/_collection.html.twig' %}

{% block body %}
<div class="container-fluid p-5">
    <h2 class="text-secondary mb-4">Création du QCM pour le module <span class="secondary-color">{{ module.name }}</span></h2>
    <div class="p-3 bg-white">
        {{ form_start(form) }}
        {{ form_widget(form) }}
        <input type="submit" class="secondary-btn shadow my-5" value="Enregistrer les modifications">
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}

{% block javascripts %}
    <script>

    let addAnswer = document.getElementById('add_answer');

    addAnswer.addEventListener('click', function(){

        const index = +$('#widgets-counter').val();
        console.log(index);

        const template = $('#training_qcm_answers').data('prototype').replace(/__name__/g, index);
        console.log(template);

        $('#training_qcm_answers').append(template);

        $('#widgets-counter').val(index + 1);

        handleDeleteButtons();

    })

    function handleDeleteButtons()
    {
        $('button[data-action="delete"]').click(function(){
            const target = this.dataset.target;
            console.log(target);
            $(target).remove();
        })
    }

    handleDeleteButtons();

    </script>
{% endblock %}