<?php include __DIR__ . '/../partials/sidebar_sistemas.php'; ?>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Panel de Administración - Usuarios</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
  
  <div class="content px-4 pt-5 mt-4">
    <h4>🛠️ Bitácora de Cambios de Usuario</h4>

    <table class="table table-hover mt-3 align-middle">
      <thead class="table-dark">
        <tr>
          <th>#</th>
          <th>ID Usuario</th>
          <th>Acción</th>
          <th>Descripción</th>
          <th>Fecha</th>
        </tr>
      </thead>
      <tbody>
        <?php foreach ($registros as $r): ?>
        <tr>
          <td><?= $r['id_bitacora'] ?></td>
          <td><?= $r['usuario_id'] ?></td>
          <td><strong><?= htmlspecialchars($r['accion']) ?></strong></td>
          <td><?= nl2br(htmlspecialchars($r['descripcion'])) ?></td>
          <td><?= $r['fecha'] instanceof DateTime ? $r['fecha']->format('Y-m-d H:i') : htmlspecialchars($r['fecha']) ?></td>
          </tr>
        <?php endforeach; ?>
      </tbody>
    </table>
  </div>

</body>
</html>