{% extends 'base.html.twig' %}

{% block title %}Admin TAM : Actions en France{% endblock %}

{% block body %}
    <main>
        {% include "partials/_left_banner.html.twig" %}
            <section class="actions section">
                <p id="rubricInfo" class="admin-title">En-tête</p>
                {% if rubricInfo.title is not empty or rubricInfo.getGalleryImage.path is defined or rubricInfo.text is empty %}
                <section>
                    <h1 class="section__title">{{ rubricInfo.title }}</h1>
                    {% if rubricInfo.getGalleryImage is not empty %}
                    <img  class="section__image" src="{{ asset(rubricInfo.getGalleryImage.path) }}" alt="{{ rubricInfo.getGalleryImage.alt }}">
                    {% endif %}
                    <div class="subsection__text">{{ rubricInfo.text|quill_html|raw }}</div>
                </section>
                {% endif %}
                {% include "back/partials/_rubric_info_form.html.twig" %}
                <section id="actionsContainer">
                    <div class="actions__list__header">
                        <p class="admin-title">Actions</p>
                        <h2 class="subsection__title">Nos principaux dispositifs :</h2>
                        <p>Découvrez nos différents accompagnements développés en partenariats avec les acteurs locaux.</p>
                    </div>

                        {% for action in actions %}
                        <div {{ action.getHtmlId ? 'id=' : '' }}"{{ action.getHtmlId }}" class="actions__item subsection subsection-border element-to-move" data-id="{{ action.id }}">
                            <button class="position-button upButton">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                fill="currentColor" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M1.646 11.354a.5.5 0 0 0 .708 0L8 5.707l5.646 5.647a.5.5 0 0 0 .708-.708l-6-6a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708"/>
                            </svg>
                            </button>
                            <button class="position-button downButton">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                    fill="currentColor" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                        d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
                                </svg>
                            </button>
                            {% if action.title is not empty %}
                                <h3  class="actions__title {{ action.aside|default ? 'subsection__title-grid' : '' }}">
                                    {{ action.title }}
                                </h3>
                            {% endif %}
                            <div class="subsection__text">{{ action.text|quill_html|raw }}</div>
                            {% if action.aside is not empty %}
                                <aside class="subsection__quote {{ action.leftSide ? 'left' : '' }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewbox="0 -960 960 960" width="24px" fill="currentColor"><path d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm457-560 21-89-71-59 94-8 36-84 36 84 94 8-71 59 21 89-80-47-80 47ZM480-481Z"/></svg>
                                    <blockquote>"{{ action.aside }}"</blockquote>
                                </aside>
                            {% endif %}
                            <div class="modify__buttons">
                                <form method="post" action="{{ path(app.current_route ~ '_action_delete', {id: action.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ action.id) }}">
                                    <button class="delete__button">Supprimer</button>
                                </form>
                                <a href="{{ path(app.current_route ~ '_action_update', {id:action.id}) }}" class="update__button">Modifier</a>
                            </div>
                        </div>
                        {% endfor %}

                    {% if actions is not empty %}
                    <button id="action_reorder" class="reorder">Enregistrer l'ordre des actions</button>
                    {% endif %}
                </section>
                <section class="form">
                    <p id="action-error" class="admin-title">Ajouter une action</p>
                {{ form(actionForm) }}
                </section>
                <section id="franceSections">{% include "back/partials/_sections.html.twig" %}</section>
            </section>
        {% include "partials/_right_banner.html.twig" %}
    </main>
{% endblock %}