{% block _training_qcm_answers_widget %}
    <div class="card bg-white">
        <div class="card-body">
            {{ form_widget(form) }}
            <input type="hidden" id="widgets-counter" value="0">
            <div class="form-group">
                <button id="add_answer" type="button" class="secondary-btn">Ajouter une réponse</button>
            </div>
        </div>
    </div>
{% endblock %}

{% block _training_qcm_answers_entry_row %}
    {{ form_widget(form) }}
{% endblock %}

{% block _training_qcm_answers_entry_widget %}
    <div class="form-group" id="block_{{ id }}">
        <div class="row mb-3">
            <div class="col">
                {{ form_widget(form.state, {'attr' : { 'class' : 'form-select' }}) }}
            </div>
            <div class="col">
                {{ form_widget(form.answer) }}
            </div>  
            <div class="col">
                <button class="primary-btn bg-danger"
                        style="width:38px;height:38px;display:flex;justify-content:center;align-items:center;" 
                        data-action="delete" 
                        data-target="#block_{{ id }}" 
                        type="button">
                    <span class="material-icons">delete_forever</span>
                </button>
            </div>
        </div>
    </div>
{% endblock %}