{% extends 'base.html.twig' %}

{% block body %}
    {{ include('components/header.html.twig') }}

    <div id="content" class="log-in">
        <div class="container row">

            <form id="log-in-form" action="{{ path('login_check') }}" method="post">
                <label for="email" class="form-label">Email</label>
                <input id="email" name="_username" value="{{ last_username }}" placeholder="Email" required autofocus>

                <label for="password" class="form-label">Password</label>
                <input type="password" id="password" name="_password" placeholder="Password" required>

                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                <button type="submit" name="log-in-submit" class="log-in-submit">sign in</button>

                <span class="error" {% if error %}style="visibility: visible"{% endif %}><i class="fas fa-exclamation-triangle"></i> Incorrect username or password.</span>
            </form>
        </div>
    </div>

    {{ include('components/footer.html.twig') }}
{% endblock %}