{% import "security/front/_macro.html.twig" as forms %}
<div class="formblock bgblue">
<div class="formheader">
<h4 class="formblock_category">{{ 'inscription1.connexion.category'|trans }}</h4>
<h2 class="formblock_title">{{ 'inscription1.connexion.title'|trans }}</h2>
<div class="arrow"></div>
</div>
<div class="formbody">
{% if login.error and login.valid_field == true %}
<div class="alertblock both">
<div class="alert alert-danger">{{ login.error.messageKey|trans(login.error.messageData, 'security') }}</div>
</div>
{% endif %}
<form method="POST" action="{{ path('client_auth', {'rdv': rdv}) }}" autocomplete="on" name="login">
<div class="inputBlock">
<input type="text" id="email"
class="{% if forms.form_row_error('email', 'email', data.error, data.valid_field)|length > 50 %}error{% endif %}"
value="{{ data.last_username }}" name="email" placeholder="{{ 'form.email'|trans }}"/>
{{ forms.form_row_error('email', 'email', data.error, data.valid_field) }}
</div>
<div class="inputBlock">
<input type="password" id="pw"
class="{% if forms.form_row_error('password', 'password', data.error, data.valid_field)|length > 50 %}error{% endif %}"
name="password" placeholder="{{ 'form.password'|trans }}"/>
{{ forms.form_row_error('password', 'password', data.error, data.valid_field) }}
</div>
<a href="{{ path('reset-password-recover') }}" class="forgotten_pw">{{ 'form.forgot'|trans }}</a>
{% for message in app.flashes('error') %}
<div class="alertblock both">
<div class="alert alert-danger">
{{ message|trans }}
</div>
</div>
{% endfor %}
{% include 'olivier/elements/form_button.html.twig' with {label: 'login.btn.signin'|trans } %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate_client') }}"/>
<input type="hidden" name="login" value="true"/>
</form>
<div class="socialblock">
<p class="social_title">{{ 'inscription1.connexion.socialtitle'|trans }}</p>
<ul class="social_list">
<li class="social_btn">
<a href="{{ path('connect_facebook_start') }}" class="facebook" name="Facebook">Facebook</a>
</li>
<li class="social_btn">
<a href="{{ path('connect_google_start') }}" class="google" name="Google">Google</a>
</li>
<li class="social_btn">
<a href="#" class="apple" name="Apple">Apple</a>
</li>
</ul>
</div>
</div>
</div>