{% extends '@default/base.html.twig' %}

{% block title %}Log In!{% endblock %}

{% block body %}
    <div class="container rounded">
        <div class="row">
            <div class="login-form bg-dark mt-4 p-4">
                <form method="post" class="row g-3">
                    <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>

                    {% if error %}
                        <div class="alert-dark alert-danger">
                            {{ error.messageKey|trans(error.messageData, 'security') }}
                        </div>
                    {% endif %}


                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

                    <div class="col-12">
                        <label for="inputUsername">Username or eMail</label>
                        <input type="text"
                               name="username"
                               autocomplete="nickname"
                               id="inputUsername"
                               class="form-control"
                               value="{{ last_username }}"
                               required
                               autofocus
                        >
                    </div>
                    <div class="col-12">
                        <label for="inputPassword">Password</label>
                        <input
                                type="password"
                                name="password"
                                autocomplete="current-password"
                                id="inputPassword"
                                class="form-control"
                                required
                        >
                    </div>
                    <div class="form-check mx-3">
                        <label>
                            <input type="checkbox" name="_remember_me" class="form-check-input">Remember me
                        </label>
                    </div>
                    <div>
                        <a href="{{ path('security_forgot_password') }}">Forgot password?</a>
                        <button class="btn btn-primary float-end" type="submit">
                            Sign in
                        </button>
                    </div>
                    <a href="{{ path('security_register') }}">Need an account? Register now.</a>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
