{{ form_start(form) }}
    <div class="row align-end">
        <div class="col-6">
            <div class="group-form">
                {{ form_label(form.title) }}
                {{ form_widget(form.title) }}
                {% if not form.title.vars.valid %}
                    <div class="form-error">
                        {{ form_errors(form.title) }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="col-6">
            <div class="group-form">
                {{ form_label(form.author) }}
                {{ form_widget(form.author) }}
                {% if not form.author.vars.valid %}
                    <div class="form-error">
                        {{ form_errors(form.author) }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="col-12">
            <div class="group-form">
                {{ form_label(form.text) }}
                {{ form_widget(form.text) }}
                {% if not form.text.vars.valid %}
                    <div class="form-error">
                        {{ form_errors(form.text) }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="col-6">
            <div class="group-form">
                {{ form_label(form.image_main) }}
                {{ form_widget(form.image_main) }}
                {% if not form.image_main.vars.valid %}
                    <div class="form-error">
                        {{ form_errors(form.image_main) }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="col-6">
            <div class="group-form">
                {{ form_label(form.state) }}
                {{ form_widget(form.state) }}
                {% if not form.state.vars.valid %}
                <div class="form-error">
                    {{ form_errors(form.state) }}
                </div>
                {% endif %}
            </div>
        </div>
        <div class="col-12 article-gallery">
            <div class="group-form">
                {{ form_label(form.images_gallery) }}
                {{ form_widget(form.images_gallery) }}
                {% if not form.images_gallery.vars.valid %}
                <div class="form-error">
                    {{ form_errors(form.images_gallery) }}
                </div>
                {% endif %}
                {% if article.images|length > 0 %}
                    <div class="article-gallery-display" data-controller="delete-image">
                        {% for image in article.images %}
                            <div class="bloc-img">
                                <img src="{{ asset('images/' ~ image.imageName) }}" alt="" class="img-article-gallery">
                                <a href="{{ path('app_admin_familyblog_delete_img', {'id': image.id}) }}" onsubmit="return confirm('Êtes-vous sûrs de vouloir supprimer cet image ?');" data-turbo="false" class="btn-img-suppr" data-delete data-token="{{ csrf_token('delete' ~ image.id) }}">
                                    <img src="{{ asset('images/croix.svg') }}" alt="">
                                </a>
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
        </div>
        {# {% if article.images|length > 0 %}
            <div class="col-12 article-gallery">
                <div class="article-gallery-display">
                    {% for image in article.images %}
                    <div class="bloc-img">
                        <img src="{{ asset('images/' ~ image.imageName) }}" alt="" class="img-article-gallery">
                        <form action="{{ path('app_admin_familyblog_delete_img', {'id': image.id}) }}" method="post" onsubmit="return confirm('Êtes-vous sûrs de vouloir supprimer cet image ?');" data-turbo="false">
                            <input type="hidden" name="_delete_token" value="{{ csrf_token('delete' ~ image.id) }}">
                            <input type="hidden" name="_method" value="DELETE">
                            <button class="btn-img-suppr" type="submit"><img src="{{ asset('images/croix.svg') }}" alt=""></button>
                        </form>
                    </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %} #}
    </div>
    {{ form_widget(form) }}
    <button class="btn btn-add mt-3">{{ button_label|default('Valider') }}</button>
{{ form_end(form) }}