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

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

{% block body %}
    <main>
        {% include "partials/_left_banner.html.twig" %}
            <section class="actions section">
                <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>
                <section class="actions__list">
                    <div class="actions__list__header">
                        <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">
                        {% 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>

                    {% endfor %}
                </section>

                    {% for franceSection in franceSections %}
                    <section class="subsection">
                        {% if franceSection.title is not empty %}
                            <h2
                                class="subsection__title {{ franceSection.aside|default ? 'subsection__title-grid' : '' }}">
                                {{ franceSection.title }}
                            </h2>
                        {% endif %}
                        <div class="subsection__text">
                        <div class="subsection__text">{{ franceSection.text|quill_html|raw }}</div>
                        </div>
                        {% if franceSection.aside is not empty %}
                            <aside class="subsection__quote {{ franceSection.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>"{{ franceSection.aside }}"</blockquote>
                            </aside>
                        {% endif %}
                    </section>
                    {% endfor %}
            </section>
        {% include "partials/_right_banner.html.twig" %}
    </main>
{% endblock %}