{% extends 'Admin/baseAdmin.html.twig' %}

{% block title %}Modifier un article{% endblock %}

{% block body %}
<a href="{{ path('app_admin_familyblog_home') }}">Retour aux articles</a>
<h1>Modifier l'article "{{article.title}}"</h1>

{% for message in app.flashes('success')%}
    <p class="success">{{message}}</p>
{% endfor %}
{% for message in app.flashes('error')%}
    <p class="error">{{message}}</p>
{% endfor %}

{{ form_start(form) }}
    {% if not form.vars.valid %}
        <p class="error">Quelque-chose s'est mal passé, veuillez réessayer</p>
    {% endif %}
    {{form_row(form.title)}}
    {{form_row(form.text)}}
    {{form_row(form.image_main)}}
    {{form_row(form.state)}}
    {{form_row(form.author)}}
    {{form_row(form.images_gallery)}}
    {{form_row(form.save)}}
    {{ form_end(form) }}
    {% if article.images|length > 0 %}
        <div class="separator"></div>
        <h3 class="title-gallery">Modifier la gallerie</h3>
        <div class="article-gallery">
            {% 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>
    {% endif %}
{% endblock %}