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

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/login.css') }}"/>
{% endblock %}
{% block nav %}{% endblock %}
{% block body %}
    <main class="form-signin w-100 m-auto">
        <img class="img-fluid mx-auto d-block mb-5" src="{{ asset('images/skif-logo200X200.png') }}">
        <form action="{{ path('login') }}" method="post">
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
            <h2 class="h3 mb-3 fw-normal text-center">INGRESO A INSCRIPCIONES SKIF</h2>
            <div class="form-floating">
                <input type="email" class="form-control" id="userName" name="_username" placeholder="Correo" required autofocus value="{{ last_username }}">
                <label for="floatingInput">Correo</label>
            </div>
            <div class="form-floating">
              <input type="password" class="form-control" id="inputPassword" name="_password" placeholder="Clave" required autocomplete="off">
              <label for="floatingPassword">Contraseña</label>

            <div class="checkbox mb-3">
              <label>
                <input type="checkbox" name="_remember_me"> Recordarme
              </label>
            </div>
            <button class="w-100 btn btn-lg btn-danger" type="submit">Ingresar</button>
            <div class="text-center">
                <p class="mt-5 opacity-50">&copy; Pablo Minetti 2025</p>
            </div>
        </form>
    </main>
{% endblock body %}
{% block footer %}{% endblock footer %}

{% block javascripts %}
    {{ parent() }}
    {% if error %}
        <script type="text/javascript">
            showAlert('warning', 'Error', '{{ error.messageKey|trans(error.messageData, 'security') }}')
        </script>
    {% endif %}
{% endblock %}