113 lines
4.8 KiB
PHP
113 lines
4.8 KiB
PHP
<?php require_once 'shared/header.php'; ?>
|
|
|
|
<?php
|
|
// In a future step, these values will be calculated from the database.
|
|
$total_actividades = 0;
|
|
$actividades_en_progreso = 0;
|
|
$actividades_completadas = 0;
|
|
$actividades_vencidas = 0;
|
|
|
|
// Fetch activities from DB
|
|
$pdo = db();
|
|
$stmt = $pdo->query("SELECT a.*, r.nombre as responsable_nombre FROM actividades a LEFT JOIN responsables r ON a.responsable_id = r.id ORDER BY a.fecha_inicio, a.hora_inicio");
|
|
$actividades = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
// This is just a placeholder, we will calculate this properly in a future step.
|
|
$total_actividades = count($actividades);
|
|
|
|
?>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-12">
|
|
<h1 class="h2">Dashboard de Actividades</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- KPI Cards -->
|
|
<div class="row g-4 mb-4">
|
|
<div class="col-md-3">
|
|
<div class="card kpi-card shadow-sm" style="--bs-primary: #0d6efd;">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-muted">Total de Actividades</h5>
|
|
<p class="card-text text-primary"><?php echo $total_actividades; ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card kpi-card shadow-sm" style="--bs-primary: #ffc107;">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-muted">Actividades en Progreso</h5>
|
|
<p class="card-text text-warning"><?php echo $actividades_en_progreso; ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card kpi-card shadow-sm" style="--bs-primary: #198754;">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-muted">Actividades Completadas</h5>
|
|
<p class="card-text text-success"><?php echo $actividades_completadas; ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card kpi-card shadow-sm" style="--bs-primary: #dc3545;">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-muted">Actividades Vencidas</h5>
|
|
<p class="card-text text-danger"><?php echo $actividades_vencidas; ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Activities Table -->
|
|
<div class="card shadow-sm">
|
|
<div class="card-header bg-white">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0">Lista de Actividades</h5>
|
|
<a href="#" class="btn btn-primary"><i class="bi bi-plus-circle-fill me-2"></i>Nueva Actividad</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover table-striped align-middle">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>Folio</th>
|
|
<th>Descripción</th>
|
|
<th>Fecha de Inicio</th>
|
|
<th>Fecha de Término</th>
|
|
<th>Responsable</th>
|
|
<th>Estado</th>
|
|
<th>Acciones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php if (empty($actividades)): ?>
|
|
<tr>
|
|
<td colspan="7" class="text-center py-4">No hay actividades registradas.</td>
|
|
</tr>
|
|
<?php else: ?>
|
|
<?php foreach ($actividades as $actividad): ?>
|
|
<tr>
|
|
<td><?php echo htmlspecialchars($actividad['id']); ?></td>
|
|
<td style="max-width: 300px;"><?php echo htmlspecialchars($actividad['descripcion']); ?></td>
|
|
<td><?php echo htmlspecialchars($actividad['fecha_inicio'] . ' ' . $actividad['hora_inicio']); ?></td>
|
|
<td><?php echo htmlspecialchars($actividad['fecha_termino'] . ' ' . $actividad['hora_termino']); ?></td>
|
|
<td><?php echo htmlspecialchars($actividad['responsable_nombre'] ?? 'N/A'); ?></td>
|
|
<td>
|
|
<span class="badge bg-secondary"><?php echo htmlspecialchars($actividad['estado']); ?></span>
|
|
</td>
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil-fill"></i></a>
|
|
<a href="#" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash-fill"></i></a>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'shared/footer.php'; ?>
|