{% set title = "Inscrivez-vous" %}
{% extends 'Default/base.html.twig' %}

{% block banner %}
{% endblock %}

{% block header %}
{% endblock %}

{% block footer %}
{% endblock %}

					
{% block content %}
<div class='vh100 relative flex col space {{desktop("gpadding bg-success vt-40-in")}} {{mobile("overflow bg-warning-alt")}} '>
    
    
    {% if isMobile () %}
    <figure class='w100 bottom-10 bg-success'>
        <img src='{{b}}' class='w100 flex'>
    </figure>
    {% else %}
    <figure class='absolute fill top left hoverflow'>
        <img src='{{b}}' class='absolute w100 bottom'>
        <div class='fill absolute top left bg-success transparent'></div>
    </figure>
    {% endif %}
    <i></i>
    <div class='absolute top left w100'>
        <div class='flex row middle w100 space gright-in'>
            <figure class='icon big {{desktop("top-20 left-20")}} {{mobile("top-5 left-5")}}'>
                <img src='{{asset("images/logo.svg?v=001")}}' class='w100'>
            </figure>
            <h2 class='h3 semibold white'>ÉLECTION<br>PRÉSIDENTIELLE 2021<br>AU BÉNIN</h2>
        </div>
    </div>
    {% set notices = app.session.flashBag.get('notice') %}
    {% if notices|length %}
        {% for notice in notices %}
        <div class='flex row middle center relative bottom-60'>
            <div class='flex row middle bg-white hz-40-in vt-20-in success text-left'>
                <i class='fa fa-thumbs-up fa-2x top-5 right-20'></i>
                <p class='h4 black'>{{notice|raw}}</p>
            </div>
        </div>
        {% endfor %}
    {% endif %}
	<div class='relative {{desktop("flex row space middle hpadding")}} {{mobile("gpadding")}}'>
        <div class='{{desktop("half-40 ")}}'>
            <h1 class='h1 block relative warning  extrabold {{mobile("bottom-40")}} {{mobile("top-15")}}'>TALON<i class='white'>.</i>TALATA</h1>
            <p class='h4 upper semibold {{desktop("warning-alt text-shadow top-20")}} {{mobile("warning")}}'>{{d}}</p>
            <p class='h4 gray semibold {{desktop("top-20")}} {{mobile("top-10")}}'>Ce site est actuellement en construction et sera disponible le vendredi 26 mars 2021.</p>
            <p class='h4 white semibold {{desktop("top-60")}} {{mobile("top-10 bottom-20")}}'>En attendant, vous pouvez vous inscrire pour être informé de son lancement.</p>
        </div>
        <div class='{{desktop("half-40")}} {{mobile("bottom-40-in")}}'>
            <h2 class='upper bold white {{desktop("")}} {{mobile("bottom-20")}}'>Inscrivez-vous<i class='warning'>.</i></h2>
            {% include "Default/subscribers-form.html.twig" %}
        </div>
	</div>
</div>
{% endblock %}