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

{% block title %}Association TAM : Formation{% endblock %}

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

                {% for trainingSection in trainingSections %}
                <section class="subsection">
                    {% if trainingSection.title is not empty %}
                        <h2
                            class="subsection__title {{ trainingSection.aside|default ? 'subsection__title-grid' : '' }}">
                            {{ trainingSection.title }}
                        </h2>
                    {% endif %}
                    <div class="subsection__text">{{ trainingSection.text|quill_html|raw }}</div>
                    {% if trainingSection.aside is not empty %}
                        <aside class="subsection__quote {{ trainingSection.left ? '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>"{{ trainingSection.aside }}"</blockquote>
                        </aside>
                    {% endif %}
                </section>

                {% endfor %}
            </section>
        {% include "partials/_right_banner.html.twig" %}
    </main>
{% endblock %}