{% 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-revolt-dream">
        <div class="container">
            <div class="row">
                <div class="col-6">
                    <h1>Nos révoltes et nos rêves pour notre territoire</h1>
                    <h2>Afin de rechercher des solutions concrètes pour ...</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
                        sed do eiusmod tempor incididunt ut labore et dolore ma-
                        gna aliqua. Ut enim ad minim veniam, quis nostrud exer-
                        citation ullamco laboris nisi ut aliquip ex ea commodo
                        consequat. Duis aute irure dolor in reprehenderit in volup-
                        tate velit esse cillum dolore eu fugiat nu. mco laboris nisi
                        ut aliquip ex ea commodo consequat. Duis aute irure do-
                        lor in reprehenderit in voluptate velit esse cillum dolore eu
                        fugiat nu.</p>
                </div>
                <div class="col-6">
                    <img class="carto-dream" src="{{ 'assets/img/Cartographie-Reve.png' }}" alt="cartographie">
                    <div class="bloc-contrib">
                        <div class="you-are">
                            Vous êtes le :
                        </div>
                        <div class="nb-contrib">
                            {{ nbContrib }}
                        </div>
                        <div class="contrib">
                            contributeurs
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container bloc-form">
        <div class="row">
            <div class="col-12">
                <h1 class="title-form">Formulaire de contribution individuel</h1>
                {{ form_start(form) }}
                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}