File "F5i.php"

Full Path: /home/cuautla1/dif.cuautlajalisco.gob.mx/Fraccion5/F5i.php
File size: 4.07 KB
MIME-type: text/x-php
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<?php
function obtenerArchivos($ruta) {
  $archivos = [];
  if (is_dir($ruta)) {
    foreach (scandir($ruta) as $archivo) {
      $ext = strtolower(pathinfo($archivo, PATHINFO_EXTENSION));
      if ($archivo !== '.' && $archivo !== '..' && in_array($ext, ['pdf', 'docx', 'doc', 'xls', 'xlsx'])) {
        $archivos[] = [
          'nombre' => ucwords(str_replace(['-', '_'], ' ', pathinfo($archivo, PATHINFO_FILENAME))),
          'ruta' => "$ruta/$archivo"
        ];
      }
    }
  }
  return $archivos;
}

function generarPestanasPorAnio($basePath, $inicio, $fin) {
  echo "<div class='tabs'>";
  for ($anio = $inicio; $anio <= $fin; $anio++) {
    $active = $anio === $inicio ? 'active' : '';
    echo "<button class='tab-btn $active' data-tab='anio-$anio'>$anio</button>";
  }
  echo "</div>";

  for ($anio = $inicio; $anio <= $fin; $anio++) {
    $active = $anio === $inicio ? 'active' : '';
    echo "<div class='tab-content $active' id='anio-$anio'>
            <table>
              <thead><tr><th>Documento</th><th>Enlace</th></tr></thead><tbody>";
    $archivos = obtenerArchivos("$basePath/$anio");
    if (count($archivos) === 0) {
      echo "<tr><td colspan='2'>No hay documentos disponibles.</td></tr>";
    } else {
      foreach ($archivos as $archivo) {
        echo "<tr><td>" . htmlspecialchars($archivo['nombre']) . "</td><td><a href='" . $archivo['ruta'] . "' target='_blank'>Ver documento</a></td></tr>";
      }
    }
    echo "</tbody></table></div>";
  }
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Fracción V - Inciso i)</title>
  <link rel="stylesheet" href="../menu.css" />
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
    body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }
    main { padding: 90px 20px 40px; max-width: 1200px; margin: 0 auto; }
    h1, h2 { color: #2b3e5c; }
    .tabs { margin-bottom: 10px; }
    .tab-btn { padding: 10px 20px; margin: 5px 5px 0 0; border: none; background-color: #e0e0e0; cursor: pointer; }
    .tab-btn.active { background-color: #2b3e5c; color: white; font-weight: bold; }
    .tab-content { display: none; }
    .tab-content.active { display: block; }
    table { width: 100%; border-collapse: collapse; margin: 20px 0; }
    th, td { border: 1px solid #ccc; padding: 10px; text-align: left; }
    th { background-color: #f0f0f0; }
    tr:hover { background-color: #f9f9f9; }
    a { color: #0066cc; text-decoration: none; }
    a:hover { text-decoration: underline; }
  </style>
</head>
<body>
<?php include("../menu.php"); ?>
<main>
  <h1>Fracción V - Información financiera, patrimonial y administrativa</h1>
  <h2>Inciso i) Los estados financieros mensuales</h2>

  <?php generarPestanasPorAnio("../Transparencia/Fraccion5/i", 2014, 2027); ?>

  <h2>Histórico</h2>
  <table>
    <thead><tr><th>Documento</th><th>Enlace</th></tr></thead>
    <tbody>
      <?php
        $archivosHistorico = obtenerArchivos("../Transparencia/Fraccion5/i/Historico");
        if (count($archivosHistorico) === 0) {
          echo "<tr><td colspan='2'>No hay documentos disponibles en el histórico.</td></tr>";
        } else {
          foreach ($archivosHistorico as $archivo) {
            echo "<tr><td>" . htmlspecialchars($archivo['nombre']) . "</td><td><a href='" . $archivo['ruta'] . "' target='_blank'>Ver documento</a></td></tr>";
          }
        }
      ?>
    </tbody>
  </table>
</main>
<script>
  const tabs = document.querySelectorAll('.tab-btn');
  const contents = document.querySelectorAll('.tab-content');

  tabs.forEach(btn => {
    btn.addEventListener('click', () => {
      const tabGroup = btn.dataset.tab.split('-')[1];

      document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
      document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));

      btn.classList.add('active');
      document.getElementById(btn.dataset.tab).classList.add('active');
    });
  });
</script>
</body>
</html>