<?php
// Mostrar errores para depuración
error_reporting(E_ALL);
ini_set('display_errors', 1);

// Ruta absoluta usando DOCUMENT_ROOT
$ruta_base = $_SERVER['DOCUMENT_ROOT'] . '/iestp2026/jcastro/semana15/';

// Intentar incluir con ruta absoluta
if(file_exists($ruta_base . 'conexion.php')) {
    include($ruta_base . 'conexion.php');
} else {
    include('../conexion.php');
}

// Verificar conexión
if(!isset($conexion) || !$conexion) {
    die('<div class="alert alert-danger">Error de conexión a la base de datos</div>');
}

// ========================================
// MOSTRAR MENSAJES DE ÉXITO/ERROR
// ========================================
$mensaje = isset($_GET['mensaje']) ? $_GET['mensaje'] : '';
$error = isset($_GET['error']) ? $_GET['error'] : '';

if($mensaje == 'eliminado') {
    echo '<div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle me-2"></i>
            Usuario eliminado exitosamente
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>';
}

if($mensaje == 'actualizado') {
    echo '<div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle me-2"></i>
            Usuario actualizado exitosamente
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>';
}

if($mensaje == 'creado') {
    echo '<div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle me-2"></i>
            Usuario creado exitosamente
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>';
}

if($error) {
    echo '<div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-exclamation-circle me-2"></i>
            ' . htmlspecialchars($error) . '
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>';
}

// ========================================
// OBTENER LISTA DE USUARIOS
// ========================================
$sql = "SELECT id, nombre, email, edad FROM usuarios ORDER BY id DESC";
$resultado = mysqli_query($conexion, $sql);

if(!$resultado) {
    die('<div class="alert alert-danger">Error en la consulta: ' . mysqli_error($conexion) . '</div>');
}

$total_registros = mysqli_num_rows($resultado);
?>

<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>
        <i class="fas fa-users me-2 text-primary"></i>
        Gestión de Usuarios
        <small class="text-muted">(Total: <?php echo $total_registros; ?> usuarios)</small>
    </h2>
    <div>
        <a href="menu.php?page=usuarios_nuevo" class="btn btn-primary me-2">
            <i class="fas fa-plus me-1"></i>
            Nuevo Usuario
        </a>
        <a href="menu.php?page=dashboard" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Volver
        </a>
    </div>
</div>

<div class="table-container">
    <?php if($total_registros > 0): ?>
        <div class="table-responsive">
            <table class="table table-hover align-middle" id="tablaUsuarios">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>Email</th>
                        <th>Edad</th>
                        <th class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php while($fila = mysqli_fetch_assoc($resultado)): ?>
                        <tr>
                            <td>
                                <span class="badge bg-secondary">
                                    #<?php echo $fila['id']; ?>
                                </span>
                            </td>
                            <td>
                                <strong><?php echo htmlspecialchars($fila['nombre']); ?></strong>
                            </td>
                            <td>
                                <small><?php echo htmlspecialchars($fila['email']); ?></small>
                            </td>
                            <td>
                                <span class="badge bg-info">
                                    <?php echo $fila['edad']; ?> años
                                </span>
                            </td>
                            <td class="text-center action-buttons">
                                <a href="menu.php?page=usuarios_editar&id=<?php echo $fila['id']; ?>"
                                   class="btn btn-edit btn-sm"
                                   title="Editar">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <a href="usuarios/eliminar.php?id=<?php echo $fila['id']; ?>"
                                   class="btn btn-delete btn-sm"
                                   onclick="return confirm('¿Estás seguro de eliminar este usuario?')"
                                   title="Eliminar">
                                    <i class="fas fa-trash-alt"></i>
                                </a>
                            </td>
                        </tr>
                    <?php endwhile; ?>
                </tbody>
            </table>
        </div>
    <?php else: ?>
        <div class="empty-state">
            <i class="fas fa-users"></i>
            <h5>No hay usuarios registrados</h5>
            <p class="text-muted">Registra tu primer usuario</p>
            <a href="menu.php?page=usuarios_nuevo" class="btn btn-primary mt-2">
                <i class="fas fa-plus me-1"></i>
                Nuevo Usuario
            </a>
        </div>
    <?php endif; ?>
</div>

<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<script>
$(document).ready(function(){
    if($('#tablaUsuarios').length > 0 && typeof $.fn.DataTable !== 'undefined') {
        $('#tablaUsuarios').DataTable({
            language:{
                url:'//cdn.datatables.net/plug-ins/1.13.6/i18n/es-ES.json'
            },
            pageLength:10,
            lengthMenu:[[5,10,25,50,-1],[5,10,25,50,"Todos"]],
            dom:'<"d-flex justify-content-between"lf>tip'
        });
    }
});
</script>