{% extends "base.html" %}

{% block content %}
<div class="hero section">
    <h1>CLASSROOM MAKER</h1>
    <p class="text-dim">Gestión inteligente de aulas y asistencia en tiempo real.</p>
</div>

<div class="card-grid">
    <!-- Tarjeta para Toma de Asistencia -->
    <a href="/asistencia" class="card glass" style="border-bottom: 4px solid #10b981;">
        <i class="fas fa-user-check"></i>
        <h2>TOMA DE ASISTENCIA</h2>
        <p class="text-dim">Usa reconocimiento facial para registrar la asistencia del aula.</p>
    </a>

    <!-- Tarjeta para Configuración de Aula -->
    <a href="/classroom/dashboard" class="card glass">
        <i class="fas fa-chalkboard"></i>
        <h2>GESTIÓN DE AULAS</h2>
        <p class="text-dim">Configura horarios, grupos y estudiantes.</p>
    </a>
</div>

<div style="margin-top: 3rem; text-align: center;">
    <a href="/" class="btn glass"><i class="fas fa-arrow-left"></i> Volver al Inicio</a>
</div>
{% endblock %}