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

{% block title %}Iniciar sesión{% endblock %}

{% block content %}
    <div class="page page-center">
        <div class="container container-tight py-4">
            {# <div class="text-center mb-4">
                <a class="navbar-brand navbar-brand-autodark">
                    <img src="{{ asset('logo-segtrebol.png') }}" width="140" alt="Tabler" >
                </a>
            </div> #}
            <div class="card">
                <div class="card-body">
                    <h3 class="h3 font-bold text-center mb-3">
                        Iniciar sesión
                    </h3>

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

                    <form method="post" autocomplete="off" spellcheck="false">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" >

                        <div class="mb-3">
                            <label for="inputEmail" class="form-label required">Correo electrónico</label>
                            <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" placeholder="Correo electrónico" required>
                        </div>

                        <div class="mb-3">
                            <label for="inputPassword" class="form-label required">Contraseña</label>
                            <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Contraseña" required>
                        </div>

                        {# 
                        <div class="mb-3">
                            <label class="form-check">
                                <input type="checkbox" name="_remember_me" class="form-check-input">
                                <span class="form-check-label">Recordar contraseña</span>
                            </label>
                        </div> 
                        #}

                        <input class="btn btn-dark w-100" type="submit" value="Ingresar">
                    </form>

                </div>
            </div>
        </div>
    </div>
{% endblock %}