{% extends 'frontend/base.html.twig' %}
{% import 'frontend/macro.html.twig' as macro %}

{% block title %}Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté{% endblock %}

{% block meta %}
    <meta name="title" content="Aux Actes Citoyens - Imaginer et construire ensemble le futur du Nord Franche-Comté"/>
    <meta name="description"
          content="La plateforme numérique « Aux actes Citoyens » arrive bientôt. En attendant, rejoignez-nous !"/>
{% endblock %}

{% block body %}
    <div class="bloc-futur">
        <div class="container">
            <div class="row row-futur">
                <div class="col-12">
                    <h1>Imaginons ensemble le futur du Nord Franche-Comté</h1>
                    <h2>Participez à une démarche inédite de concertation citoyenne.</h2>
                    <a class="discover" href="{{ path('app_about') }}" title="Découvrir">DÉCOUVRIR</a>
                    <img class="perso-aac" src="{{ 'assets/img/Personnages.png' }}" alt="Personnages-AAC">
                    <img class="startup" src="{{ 'assets/img/Picto-StartUP.png' }}" alt="StartUP">
                </div>
            </div>
        </div>
    </div>

    {% if blockCarto %}
        <div class="bloc-cartographie">
            <div class="container">
                <div class="row frame-yellow">
                    <div class="col-12 col-sm-6 col-image">
                        <img class="cartographie" src="{{ 'assets/img/Cartographie-Reve.png' }}" alt="cartographie">
                    </div>
                    <div class="col-12 col-sm-6">
                        <h2>La cartographie r<span>ê</span>volutionnaire</h2>
                        <div class="description">
                            {{ blockCarto.description|raw }}
                        </div>
                        <a class="link-carto link-slide" href="{{ path('app_carto_interactive') }}"
                           title="Découvrir la cartographie">Découvrir la cartographie</a>
                        <div>
                            <a class="link-concert" href="{{ path('app_contribuate') }}" title="Participer à la concertation">Participer à la
                                concertation</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {% if blockPlanisphere %}
        <div id="planisphere" class="bloc-planisphere">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2>Le planisphère des <span>S</span>olutions</h2>
                        <div class="row">
                            <div class="col-12 col-sm-6 col-image">
                                <img src="{{ 'assets/img/Visuel-Affiche.png' }}" alt="affiche">
                            </div>
                            <div class="col-12 col-sm-6 col-text description">
                                {{ blockPlanisphere.description|raw }}
                                <div class="subscribe">
                                    {{ macro.email_contact("S'INSCRIRE A L’ÉVÉNEMENT", "S'inscrire à l'événement (Le planisphère des Solutions)") }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {% if blockRessourcerie %}
        <div id="ressourcerie" class="bloc-ressourcerie">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-6">
                        <h2>{{ blockRessourcerie.title }}</h2>
                        <div class="description">
                            {{ blockRessourcerie.description|raw }}
                        </div>
                        <div class="contribuate">
                            {{ macro.email_contact("CONTRIBUER A LA RESSOURCERIE", "Contribuer à la ressourcerie") }}
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-image">
                        <img class="ressourcerie" src="{{ 'assets/img/Ressourcerie.png' }}" alt="ressourcerie">
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}