{% extends "base.html" %}

{% block title %}Dashboard - Sistema de Asistencia{% endblock %}

{% block content %}
<div class="dashboard">
    <div class="page-header">
        <h1><i class="fas fa-home"></i> Dashboard</h1>
        <p>Resumen general del sistema</p>
    </div>
    
    <!-- Estadísticas principales -->
    <div class="stats-grid">
        <div class="stat-card stat-primary">
            <div class="stat-icon">
                <i class="fas fa-users"></i>
            </div>
            <div class="stat-content">
                <h3>{{ stats.total_employees }}</h3>
                <p>Total Empleados</p>
            </div>
        </div>
        
        <div class="stat-card stat-success">
            <div class="stat-icon">
                <i class="fas fa-check-circle"></i>
            </div>
            <div class="stat-content">
                <h3>{{ stats.today_attendance }}</h3>
                <p>Asistencia Hoy</p>
            </div>
        </div>
        
        <div class="stat-card stat-info">
            <div class="stat-icon">
                <i class="fas fa-calendar-week"></i>
            </div>
            <div class="stat-content">
                <h3>{{ stats.week_attendance }}</h3>
                <p>Asistencia Semanal</p>
            </div>
        </div>
        
        <div class="stat-card stat-warning">
            <div class="stat-icon">
                <i class="fas fa-percentage"></i>
            </div>
            <div class="stat-content">
                <h3>{{ "%.1f"|format(stats.attendance_rate) }}%</h3>
                <p>Tasa de Asistencia</p>
            </div>
        </div>
    </div>
    
    <!-- Acciones rápidas -->
    <div class="quick-actions">
        <h2><i class="fas fa-bolt"></i> Acciones Rápidas</h2>
        <div class="actions-grid">
            <a href="{{ url_for('attendance.attendance_page') }}" class="action-card">
                <i class="fas fa-camera"></i>
                <h3>Registrar Asistencia</h3>
                <p>Capturar entrada/salida</p>
            </a>
            
            <a href="{{ url_for('employees.add_employee') }}" class="action-card">
                <i class="fas fa-user-plus"></i>
                <h3>Agregar Empleado</h3>
                <p>Registrar nuevo empleado</p>
            </a>
            
            <a href="{{ url_for('reports.reports_page') }}" class="action-card">
                <i class="fas fa-file-download"></i>
                <h3>Generar Reporte</h3>
                <p>Exportar datos</p>
            </a>
            
            <a href="{{ url_for('attendance.attendance_records') }}" class="action-card">
                <i class="fas fa-history"></i>
                <h3>Ver Registros</h3>
                <p>Historial de asistencia</p>
            </a>
        </div>
    </div>
</div>
{% endblock %}