<div
id="modal-reserve"
class="modal white"
>
<div class="modal-content">
Prendre rendez-vous pour le
<h4 class="mb-40 white-text">
</h4>
{{ form_start(form) }}
<div class="row">
<div class="col s12 l6">
{{ form_row(form.lastName) }}
</div>
<div class="col s12 l6">
{{ form_row(form.firstName) }}
</div>
<div class="col s12 l6">
{{ form_row(form.email) }}
</div>
<div class="col s12 l6">
{{ form_row(form.phone) }}
</div>
<div class="col s12">
<label>{{ form_label(form.reason) }}</label>
{{ form_widget(form.reason) }}
</div>
<div class="col s12 pt-15">
<span class="bold white-text">
Avez vous déjà rempli un dossier auprès de notre secrétariat ?
</span>
{% for child in form.inscriptionType.children %}
<label class="ml-30">
{{ form_widget(child, {
'attr': {
'class': 'radio-button-class'
}
}) }}
<span>
{{ child.vars.label }}
</span>
</label>
{% endfor %}
</div>
<div class="col s12 pt-15 d-flex flex-items-center flex-content-center">
<span class="bold white-text">
Combien d'enfants souhaitez-vous inscrire ?
</span>
<div class="ml-30 d-flex flex-items-center flex-content-center">
{{ form_widget(form.childCount) }}
<a href="#" class="ml-5" data-controller="increment" data-action="click->increment#major">
<i class="fa-solid fa-square-plus black-text small"></i>
</a>
<a href="#" class="ml-5" data-controller="increment" data-action="click->increment#minor">
<i class="fa-solid fa-square-minus black-text small"></i>
</a>
</div>
</div>
<div id="children" class="col s12">
</div>
<div class="col s12 pt-20">
<button class="btn black white-text" data-controller="with-loader">
<i class="fa-solid fa-floppy-disk"></i>
Valider
</button>
</div>
<div class="col s12">
<p class="white-text">
En cliquant sur valider, votre demande de rendez-vous sera enregistrée.
Vous recevrez un mail de confirmation à l'adresse que vous nous avez communiqué.
</p>
</div>
</div>
{{ form_end(form) }}
</div>
<div class="modal-footer">
<a href="#!" class=" right modal-close waves-effect waves-green btn-flat bold d-flex flex-items-center flex-content-center">
Annuler
<i class="fa-solid fa-circle-xmark ml-10"></i>
</a>
</div>
</div>