{% extends "base.html" %}

{% block title %}Inicio de Sesión{% endblock %}

{% block content %}
<div class="container d-flex justify-content-center align-items-center vh-100">
    <div class="col-11 col-md-6 col-lg-4 border rounded p-3 shadow-sm">
        <h4 class="text-muted fw-semibold text-start mb-3">Iniciar Sesión - {{ company.name }}
</h4>
        <form action="{{ url_for('login', company_short_name=company_short_name) }}"
                method="post">
            <div class="mb-3">
                <label for="email" class="form-label text-muted">Correo Electrónico</label>
                <input type="email" id="email" name="email"
                       class="form-control" required
                       value="{{ form_data.email if form_data else '' }}">
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Contraseña</label>
                <input type="password" id="password" name="password"
                       class="form-control" required
                       value="{{ form_data.password if form_data else '' }}">
            </div>
            <button type="submit" class="btn btn-primary w-100">Iniciar Sesión</button>

            <p class="text-muted text-start mt-3" style="text-align: justify;">
                Ingresa tus credenciales para acceder a tu cuenta. Si olvidaste tu contraseña,
                puedes recuperarla fácilmente a través del siguiente enlace.
            </p>
            <div class="text-center mt-3">
                <a href="{{ url_for('signup', company_short_name=company_short_name) }}">
                    ¿No tienes cuenta? Regístrate
                </a>
            </div>
            <div class="text-center mt-3">
                <a href="{{ url_for('forgot_password', company_short_name=company_short_name) }}">
                    ¿Olvidaste tu contraseña?
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}