{% 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 %}
    {% if blockCartoInt %}
        <div class="bloc-carto-revo">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <h1>La cartographie r<span>ê</span>volutionnaire</h1>
                        <h2>{{ blockCartoInt.title }}</h2>
                        <div class="description">
                            {{ blockCartoInt.description|raw }}
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 col-image-carto">
                        <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>
    {% endif %}

    <div class="container bloc-carto">
        <div class="row">
            <div class="col-4">
                <a href="{{ path('app_carto_interactive') }}#carto-int" 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="{{ path('app_export_csv') }}" title="Télécharger">
                                EXCEL
                            </a>
                        </div>
                        <div class="col-6">
                            <a class="download pdf" href="{{ path('app_export_pdf') }}" 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 %}