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

{% 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-carto-revo">
        <div class="container">
            <div class="row">
                <div class="col-6">
                    <h1>La cartographie r<span>ê</span>volutionnaire</h1>
                    <h2>Partez à la découverte des besoins des citoyens du Nord Franche-Comté !</h2>
                    <p>Cette cartographie interactive 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 éco-
                        nomique et de l’ESS. Avec 4 thématiques de questions
                        : leurs révoltes, leurs rêves, les actions existantes qu’ils
                        aimeraient voir se développer et des actions d’ailleurs qui
                        les inspirent !</p>
                </div>
                <div class="col-6">
                    <img class="perso-aac" src="{{ 'assets/img/Visuel-Cartographie.png' }}" alt="cartographie">
                    <div class="bloc-contrib">
                        <div class="nb-contrib">
                            {{ nbContrib }}
                        </div>
                        <div class="contrib">
                            contributions
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container bloc-carto">
        <div class="row">
            <div class="col-4">
                <a href="{{ path('app_carto_interactive') }}#carto-bulles" title="cartographie interactive" class="box-carto">
                    <div>
                        <img src="{{ 'assets/img/Picto-Cartographie-Interactive.png' }}" alt="">
                    </div>
                    Une cartographie interactive
                </a>
            </div>
            <div class="col-4">
                <a href="{{ path('app_carto_liste') }}#carto-liste" title="une simple liste" class="box-carto">
                    <div>
                        <img src="{{ 'assets/img/Picto-Simple-Liste.png' }}" alt="">
                    </div>
                    Une simple liste
                </a>
            </div>
            <div class="col-4">
                <a href="{{ path('app_carto_carte') }}#carto-carte" title="Une carte du Nord Franche-Comté interactive " class="box-carto">
                    <div>
                        <img src="{{ 'assets/img/Picto-Carto-Territoire.png' }}" alt="">
                    </div>
                    Une carte du Nord Franche-Comté interactive
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="bloc-download">
                    Télécharger la liste des ressources

                    <div class="row">
                        <div class="col-6">
                            <a class="download excel" href="" title="Télécharger">
                                EXCEL
                            </a>
                        </div>
                        <div class="col-6">
                            <a class="download pdf" href="" title="Télécharger">
                                PDF
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                {% block carto %}{% endblock %}
            </div>
        </div>
    </div>
{% endblock %}