{%extends "template.html.twig"%}
{% block section %}
{% if app.request.get('_target_path') %}
<meta http-equiv="refresh" content="0;url={{ app.request.get('_target_path') }}" />
{% endif %}
<!--<div class="fb-login-button" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" data-width=""></div>-->
<hr>
{% for message in app.flashes('error') %}
<div class="flash-notice">
{{ message }}
</div>
{% endfor %}
{% for label, messages in app.flashes(['success']) %}
{% for message in messages %}
<div class="alert alert-{{ label }} mx-auto col-sm-12 text-center" role="alert">
{{message}}
</div>
{% endfor %}
{% endfor %}
<div class="col-sm-6 mx-auto">
<form action="{{ path('security.login', {'targetPath' : param}) }}" method="post" class="col-sm-12 mx-auto">
<div class="form-group col-sm-12 text-center mx-auto" id="formMail" >
<label for="email">Email :</label>
<input type="email" class="form-control mx-auto" id="email" placeholder="dupont@gmail.com" required name="_username" {% if username_given is defined %}
value="{{username_given}}"
{% endif %}>
</div>
<div class="form-group col-sm-12 text-center mx-auto" id="formMdp">
<label for="pwd">Mot de passe :</label>
<input type="password" class="form-control form-control mx-auto" id="pwd" placeholder="******" name="_password" >
</div>
<div class="form-group col-sm-12 text-center mx-auto" >
<button type="submit" class="btn btn-munngano mx-auto">Connexion</button>
</div>
</form>
{% if error is defined and error is not null %}
<div class="alert alert-danger mx-auto col-sm-12 text-center" role="alert">
<span>Mot de passe incorrect</span>
</div>
{% endif %}
<div class="container-btn-connexion row col-sm-12 text-center mx-auto">
<a href="{{path('password.forgot')}}" class="btn-connect col-sm-12">Mot de passe oublié</a>
<a href="{{path('user.register')}}" class="btn-connect col-sm-12">Créer votre compte.</a>
<a href="{{ path('hwi_oauth_service_redirect', {'service': 'facebook' }) }}" class="col-sm-12 mx-auto">
<button class="btn-munngano" class="btn-connect col-sm-12 mx-auto">Se connecter avec Facebook <i class="fab fa-facebook" style="color:#3D5A99"></i></button>
</a>
</div>
</div>
</body>
{% endblock %}