{% 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>

    <div class="bloc-cartographie">
        <div class="container">
            <div class="row frame-yellow">
                <div class="col-6">
                    <img class="cartographie" src="{{ 'assets/img/Cartographie-Reve.png' }}" alt="cartographie">
                </div>
                <div class="col-6">
                    <h2>La cartographie r<span>ê</span>volutionnaire</h2>
                    <p>Pour mieux comprendre les besoins du Nord Franche-Comté,
                        cette cartographie est réalisée grâce à la consultation sur le
                        terrain et en ligne des citoyens et plus particulièrement des
                        personnes exclues du débat public, mais aussi des acteurs
                        institutionnels, du monde économique et de l’ESS.</p>
                    <a class="link-carto link-slide" href="{{ path('app_carto_interactive') }}" title="Découvrir la cartographie">Découvrir la cartographie</a>
                    <a class="link-concert" href="" title="Participer à la concertation">Participer à la concertation</a>
                </div>
            </div>
        </div>
    </div>

    <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-6">
                            <img src="{{ 'assets/img/Visuel-Affiche.png' }}" alt="affiche">
                        </div>
                        <div class="col-6 col-text">
                            <p>
                                Nous vous donnons rendez-vous le <span class="bold">19 avril 2022</span>
                                pour construire avec nous les solutions pour le Nord
                                Franche-Comté.
                            </p>
                            <p>
                                Une journée unique où citoyens, associations, entreprises
                                et collectivités se réuniront pour imaginer des solutions
                                concrètes aux besoins révélés lors du laborage.
                            </p>
                            <p class="bold">
                                Nous avons besoin de chacun d’entre vous ! Alors,
                                rejoignez-nous et inscrivez-vous à ce rendez-vous
                                unique !
                            </p>
                            <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>

    <div id="ressourcerie" class="bloc-ressourcerie">
        <div class="container">
            <div class="row">
                <div class="col-6">
                    <h2>Ressourcerie</h2>
                    <p>A partir de juin 2022, vous pourrez découvrir la Res-
                        sourcerie «Aux Actes Citoyens» qui permettra à tous de
                        connaître la manière de créer un projet, de l’animer,
                        des formations, des contacts de partenaires et encore
                        plein d’autres choses ! Vous souhaitez contriber à cette
                        ressourcerie, n’hésitez pas à nous contacter
                    </p>
                    <div class="contribuate">
                        {{ macro.email_contact("CONTRIBUER A LA RESSOURCERIE", "Contribuer à la ressourcerie") }}
                    </div>
                </div>
                <div class="col-6">
                    <img class="ressourcerie" src="{{ 'assets/img/Ressourcerie.png' }}" alt="ressourcerie">
                </div>
            </div>
        </div>
    </div>
{% endblock %}