{% extends "base.html" %}

{% block title %}Acceso Docente / Administrador | AVANZO SV{% endblock %}

{% block content %}
<div class="container py-5">
  <div class="card border-0 shadow-lg rounded-4 p-4 p-md-5 bg-white mx-auto" style="max-width: 480px;">
    <div class="text-center mb-4">
      <div class="rounded-circle bg-primary-subtle text-primary p-3 d-inline-flex mb-3" style="width: 70px; height: 70px; font-size: 2rem;">
        <i class="bi bi-shield-lock-fill"></i>
      </div>
      <h4 class="fw-bold text-dark mb-1">Panel Docente y Administrativo</h4>
      <p class="text-muted small">Ingresa el PIN de seguridad para gestionar licencias y generar paquetes de aula.</p>
    </div>

    <form method="POST" action="{{ url_for('admin_view') }}">
      <div class="mb-4">
        <label class="form-label fw-semibold small text-muted">PIN de Acceso:</label>
        <input type="password" name="admin_pin" class="form-control form-control-lg text-center font-monospace" placeholder="••••••••" required autofocus>
      </div>

      <button type="submit" class="btn btn-primary btn-lg fw-bold w-100 py-2">
        Ingresar al Panel <i class="bi bi-arrow-right ms-1"></i>
      </button>
    </form>
  </div>
</div>
{% endblock %}