{% extends 'home.html.twig' %}
{% form_theme form 'Form/fields.html.twig' %}
{% set responsive = getParam('template.isResponsive') %}
{% set menuLateral = getParam('template.menuLateral') %}
{% block body %}
<div class="container-fluid loginPage">
<div class="row">
<div class="column large-7 large-offset-4">
<div class="row">
<div id="blocLogin" class="column large-offset-2 large-9 small-12">
{% include 'Common/messages.html.twig' %}
{% if errors %}
<div class="callout alert" data-closable>
<button class="close-button" aria-label="Dismiss alert" type="button" data-close>
<span aria-hidden="true">×</span>
</button>
{{ errors.messageKey|trans(errors.messageData, 'security') }}
</div>
{% endif %}
{{ form_errors(form) }}
<div class="banner-optin vertical login formLogin ">
<h1><span class="ralewayBold">{{ 'login.mainTitle.first'|trans }}</span> {{ 'login.mainTitle.last'|trans }}</h1>
<div class="row">
<div class="column small-12 medium-6" id="activation-carte">
<div class="button-like hp">
<p class="ralewayBold has-size-10">{{ 'login.creerCompte' | trans }}</p>
</div>
<div>
<p>{{ 'login.creerCompteTxt' | trans }}</p>
</div>
<div class="carteButton--container">
<div class="carteButton">
<a href="{{ path('activate') }}"><button class="button active-card-button">Je créé ma carte</button></a>
</div>
</div>
</div>
<div class="column small-12 medium-6">
{{ form_start(form, {method:'post'}) }}
<p>{{ 'login.libelleForm'|trans }}</p>
{{ form_row(form._username)}}
{{ form_row(form._password)}}
<div class="h-captcha" data-sitekey="e6633992-177c-41b9-89ba-ee49d9a870ec"></div>
<input type="hidden" name="_token" value="{{ csrf_token('authenticate') }}"/>
<div class="text-right mtl small-mbl">
{{ form_widget(form.submit) }}
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src='https://www.hCaptcha.com/1/api.js' async defer></script>
{% endblock %}
{% block footer %}
<div class="footer">
{% if getParam('template.footer') %}
<div class="row">
{% include 'footer.html.twig' %}
</div>
{% endif %}
</div>
{% endblock %}