File "F5s.php"

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

 
Open Edit   Advanced Editor   Back 
<?php
function mostrarTablaDocumentos($ruta, $titulo) {
  echo "<h2>$titulo</h2>";
  echo "<table><thead><tr><th>Documento</th><th>Enlace</th></tr></thead><tbody>";
  if (is_dir($ruta)) {
    $archivos = scandir($ruta);
    $hay = false;
    foreach ($archivos as $archivo) {
      $ext = strtolower(pathinfo($archivo, PATHINFO_EXTENSION));
      if ($archivo !== "." && $archivo !== ".." && in_array($ext, ['pdf', 'docx', 'doc', 'xls', 'xlsx'])) {
        $nombre = pathinfo($archivo, PATHINFO_FILENAME);
        $nombre_legible = ucwords(str_replace(['-', '_'], ' ', $nombre));
        echo "<tr><td>" . htmlspecialchars($nombre_legible) . "</td><td><a href='$ruta$archivo' target='_blank'>Ver documento</a></td></tr>";
        $hay = true;
      }
    }
    if (!$hay) echo "<tr><td colspan='2'>No hay documentos disponibles.</td></tr>";
  } else {
    echo "<tr><td colspan='2'>No se encontró la carpeta.</td></tr>";
  }
  echo "</tbody></table>";
}

function mostrarFacturasPorMes($ruta_base) {
  $meses = ['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];
  echo "<h2>Facturas por Mes</h2><div class='tabs-meses'>";
  foreach ($meses as $i => $mes) {
    echo "<button class='tab-mes" . ($i === 0 ? " active" : "") . "' data-tab='$mes'>" . ucfirst($mes) . "</button>";
  }
  echo "</div>";

  foreach ($meses as $i => $mes) {
    $ruta = "$ruta_base/$mes/";
    echo "<div class='mes-content' id='$mes' style='" . ($i === 0 ? 'display:block;' : 'display:none;') . "'>
            <table><thead><tr><th>Documento</th><th>Enlace</th></tr></thead><tbody>";
    if (is_dir($ruta)) {
      $archivos = scandir($ruta);
      $hay = false;
      foreach ($archivos as $archivo) {
        $ext = strtolower(pathinfo($archivo, PATHINFO_EXTENSION));
        if ($archivo !== "." && $archivo !== ".." && in_array($ext, ['pdf', 'docx', 'doc', 'xls', 'xlsx'])) {
          $nombre = pathinfo($archivo, PATHINFO_FILENAME);
          $nombre_legible = ucwords(str_replace(['-', '_'], ' ', $nombre));
          echo "<tr><td>" . htmlspecialchars($nombre_legible) . "</td><td><a href='$ruta$archivo' target='_blank'>Ver documento</a></td></tr>";
          $hay = true;
        }
      }
      if (!$hay) echo "<tr><td colspan='2'>No hay documentos en esta pestaña.</td></tr>";
    } else {
      echo "<tr><td colspan='2'>Carpeta no encontrada.</td></tr>";
    }
    echo "</tbody></table></div>";
  }
}
?>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Fracción V - Inciso s)</title>
  <link rel="stylesheet" href="../menu.csscss">
  <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: 1100px; margin: 0 auto; }
    h1, h2 { color: #2b3e5c; }
    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; }
    .tab-mes {
      padding: 8px 16px;
      margin: 5px 5px 10px 0;
      background-color: #e0e0e0;
      border: none;
      cursor: pointer;
    }
    .tab-mes.active {
      background-color: #2b3e5c;
      color: white;
    }
  </style>
</head>
<body>
<?php include("../menu.php"); ?>
<main>
  <h1>Fracción V - Información financiera, patrimonial y administrativa</h1>
  <h2>Inciso s) Gastos de representación, viáticos y viajes oficiales</h2>
  <?php
    mostrarTablaDocumentos("../Transparencia/Fraccion5/s/", "Documentos Generales");
    mostrarTablaDocumentos("../Transparencia/Fraccion5/s/descripciones/", "Descripciones");
    mostrarFacturasPorMes("../Transparencia/Fraccion5/s/facturas");
  ?>
</main>
<script>
  document.querySelectorAll('.tab-mes').forEach(btn => {
    btn.addEventListener('click', () => {
      document.querySelectorAll('.tab-mes').forEach(b => b.classList.remove('active'));
      document.querySelectorAll('.mes-content').forEach(c => c.style.display = 'none');
      btn.classList.add('active');
      document.getElementById(btn.dataset.tab).style.display = 'block';
    });
  });
</script>
</body>
</html>