<?php
if (!defined('ABSPATH')) {
exit;
}
// Obtener estadísticas básicas
global $wpdb;
$stats = array(
'total_students' => $wpdb->get_var("SELECT COUNT(*) FROM {$wpdb->prefix}wes_students WHERE deleted_at IS NULL") ?? 0
);
?>
<div class="wrap wes-dashboard">
<div class="container-fluid">
<!-- Header -->
<div class="row mb-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<div>
<h1 class="wp-heading-inline mb-0">
<i class="dashicons dashicons-welcome-learn-more"></i>
Working English System
</h1>
<p class="text-muted mb-0">Bienvenido, <?php echo wp_get_current_user()->display_name; ?></p>
</div>
<div class="badge bg-primary fs-6">Administrador</div>
</div>
</div>
</div>
<!-- Cards de estadísticas -->
<div class="row mb-4">
<div class="col-md-3 mb-3">
<div class="card border-primary">
<div class="card-body text-center">
<div class="d-flex align-items-center justify-content-between">
<div>
<h3 class="card-title text-primary mb-1"><?php echo number_format($stats['total_students']); ?></h3>
<p class="card-text text-muted mb-0">Estudiantes</p>
</div>
<i class="dashicons dashicons-groups text-primary" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card border-success">
<div class="card-body text-center">
<div class="d-flex align-items-center justify-content-between">
<div>
<h3 class="card-title text-success mb-1">0</h3>
<p class="card-text text-muted mb-0">Maestros</p>
</div>
<i class="dashicons dashicons-businessman text-success" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card border-info">
<div class="card-body text-center">
<div class="d-flex align-items-center justify-content-between">
<div>
<h3 class="card-title text-info mb-1">0</h3>
<p class="card-text text-muted mb-0">Grupos</p>
</div>
<i class="dashicons dashicons-schedule text-info" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
<div class="col-md-3 mb-3">
<div class="card border-warning">
<div class="card-body text-center">
<div class="d-flex align-items-center justify-content-between">
<div>
<h3 class="card-title text-warning mb-1">0</h3>
<p class="card-text text-muted mb-0">Pagos Pendientes</p>
</div>
<i class="dashicons dashicons-money-alt text-warning" style="font-size: 2rem;"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Accesos rápidos -->
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-header bg-light">
<h5 class="card-title mb-0">
<i class="dashicons dashicons-admin-links"></i>
Accesos Rápidos
</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-4 mb-3">
<a href="<?php echo admin_url('admin.php?page=wes-students'); ?>" class="btn btn-outline-primary w-100 py-3">
<i class="dashicons dashicons-plus-alt"></i><br>
Gestionar Estudiantes
</a>
</div>
<div class="col-md-4 mb-3">
<button class="btn btn-outline-success w-100 py-3" disabled>
<i class="dashicons dashicons-plus-alt"></i><br>
Maestros (Próximamente)
</button>
</div>
<div class="col-md-4 mb-3">
<button class="btn btn-outline-info w-100 py-3" disabled>
<i class="dashicons dashicons-plus-alt"></i><br>
Grupos (Próximamente)
</button>
</div>
</div>
</div>
</div>
</div>
<!-- Panel derecho -->
<div class="col-lg-4">
<div class="card">
<div class="card-header bg-light">
<h5 class="card-title mb-0">
<i class="dashicons dashicons-menu-alt3"></i>
Navegación
</h5>
</div>
<div class="card-body">
<div class="list-group list-group-flush">
<a href="<?php echo admin_url('admin.php?page=wes-students'); ?>" class="list-group-item list-group-item-action d-flex align-items-center">
<i class="dashicons dashicons-groups me-2"></i>
Estudiantes
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.wes-dashboard .card {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.wes-dashboard .card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.wes-dashboard .btn {
transition: all 0.2s;
}
.wes-dashboard .btn:hover {
transform: translateY(-1px);
}
.wes-dashboard .dashicons {
font-size: 1.2em;
vertical-align: middle;
}
</style>