{% extends 'layouts/layout.html.twig' %}
{% form_theme form 'bootstrap_4_layout.html.twig' %}
{% block content %}
<div class="text-center">
<div class="form-signin mb-5">
{% if error %}
<div class="alert alert-danger">
{{ error.getMessage() }}
</div>
{% endif %}
{{ form_start(form) }}
<h1 class="display-3 mb-3 font-weight-normal">{{ 'general.please-sign-in' | trans }}</h1>
{{ form_widget(form._username, { 'attr': {'placeholder': 'Username'}}) }}
{{ form_widget(form._password, { 'attr': {'placeholder': 'Password'}}) }}
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<div class="custom-control custom-checkbox mb-3">
<input name="_remember_me" type="checkbox" class="custom-control-input" id="rememberMe">
<label class="custom-control-label" for="rememberMe">Remember me</label>
</div>
{{ form_row(form._submit, {'attr': {'class': 'btn-success btn-lg btn-block mt-4'}}) }}
{{ form_end(form) }}
<p>{{ 'account.forgot-password' | trans }} <a href="{{ path('account-password-send-recovery') }}">{{ 'account.password-recovery' | trans }}</a></p>
<p>{{ 'general.no-account' | trans }} <a href="{{ path('account-register') }}">{{ 'general.register-now' | trans }}</a></p>
{% include 'account/partial/social_buttons.html.twig' with {'connect': false} %}
</div>
</div>
{% endblock %}