{% extends "base.html" %}
{% block title %}Ingreso | {{ settings.app_name }}{% endblock %}
{% block content %}
<div class="login-wrap">
  <section class="login-card">
    <img class="login-logo" src="{{ url_for('static', path='logo.png') }}" alt="Logo UEN Alberto Smith">
    <h1>Ingreso seguro</h1>
    <p>Plataforma institucional para la carga, publicación y control de calificaciones.</p>
    {% if error %}<div class="alert alert-danger">{{ error }}</div>{% endif %}
    <form method="post" action="/login" class="stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Usuario<input name="username" autocomplete="username" required autofocus></label>
      <label>Contraseña<input type="password" name="password" autocomplete="current-password" required></label>
      <button class="btn btn-primary" type="submit">Ingresar</button>
    </form>
    <small>Las credenciales son personales. Toda modificación queda registrada en la auditoría.</small>
  </section>
</div>
{% endblock %}