{{ form_start(form) }}

{{ form_errors(form) }}

{# Champ num #}
{{ form_label(form.num, 'Position', { 'label_attr': {'class': 'mt-4'} }) }}
{{ form_errors(form.num) }}
{{ form_widget(form.num) }}

{{ form_label(form.faq, 'Sélectionner la Faq', { 'label_attr': {'class': 'mt-4'} }) }}
{{ form_widget(form.faq) }}

{# Champ rules #}
{{ form_label(form.rules, 'Règles', { 'label_attr': {'class': 'mt-4'} }) }}
{{ form_errors(form.rules) }}
{{ form_widget(form.rules, { 'attr': {'class': 'mt-4'} }) }}

{# Champ question #}
{{ form_label(form.question, 'Question', { 'label_attr': { 'class': 'mt-4' } }) }}
{{ form_errors(form.question) }}
{{ form_widget(form.question, { 'attr': {'class': 'form-control-auto'} }) }}

{# Champ réponse #}
{{ form_label(form.reponse, 'Réponse', { 'label_attr': {'class': 'mt-4'} }) }}
{{ form_errors(form.reponse) }}
{{ form_widget(form.reponse, { 'attr': {'class': 'form-control-auto'} }) }}

{{ form_label(form.images, 'Ajouter les images (.png < à 2M octets)', { 'label_attr': {'class': 'mt-4'} }) }}
{{ form_errors(form.images) }}
{{ form_widget(form.images) }}


{% if formType == 'update' %}

	{% for image in couple.images %}

		<div class="mt-5 ms-4">

			<img src="{{ asset(image.name,'images_directory')}}" alt="mes images" width="250">

			<a href="{{ path('couple_delete_image',{id:image.id})}}" class="btn btn-delete-trigger btn-sm" data-bs-toggle="modal" data-token="{{ csrf_token('delete' ~ image.id)}}" data-bs-target="#ModalImage">
				Supprimer l'image
			</a>

		</div>

	{% endfor %}

{% endif %}

<button class="btn btn-primary mt-4">
	<i class="bi bi-{{ button_icon|default('check-circle') }} me-2"></i>
	{{ button_label|default('Default') }}
</button>

{{ form_end(form) }}

{% include "_partials/_delete_modal_image.html.twig" %}