<?php
session_start();

header('Content-Type: text/html; charset=UTF-8');
@ini_set('default_charset', 'UTF-8');
if (function_exists('mb_internal_encoding')) {
  @mb_internal_encoding('UTF-8');
}

require_once '../../Controlador/Utilidades/Conexion_BD.php';
require_once '../../Controlador/Utilidades/Permisos.php';
require_once '../../Controlador/Ctrl_Administrador/MySQL_Mostrar_Abastecimientos.php';
require_once '../../Controlador/Ctrl_Administrador/MySQL_Mostrar_Abastecimientos_Galonera.php';

$conn = new Conexion_BD();

/* Vehículos */
$mostrarAbastecimientos = new MostrarAbastecimientos($conn);
$abastecimientos = $mostrarAbastecimientos->ObtenerTodos();

/* Galoneras */
$mostrarAbastGalonera = new MostrarAbastecimientosGalonera($conn);
$abastecimientosGalonera = $mostrarAbastGalonera->ObtenerTodos();

$conn->closeConnection();

$tienePermisoAgregar  = tienePermiso('control_combustible', 'puede_agregar');
$tienePermisoEditar   = tienePermiso('control_combustible', 'puede_editar');
$tienePermisoEliminar = tienePermiso('control_combustible', 'puede_eliminar');
$tienePermisoReportes = tienePermiso('control_combustible', 'puede_reportes');

/* ===== Helpers ===== */
function h($v) {
  return htmlspecialchars((string)$v, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
}
/* Formatea a 2 decimales (punto) */
function fmt2($n) {
  return number_format((float)$n, 2, '.', '');
}
/* Redondeo mitad-hacia-arriba a 2 decimales para totales */
function halfUp2($n) {
  $x = (float)$n + 1e-12; // epsilon por flotantes
  return number_format(round($x, 2, PHP_ROUND_HALF_UP), 2, '.', '');
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TSGJ - Control de Combustible</title>

  <link rel="icon" href="../../Modelo/Archivos_Media/Color_LogoTipo.png" type="image/png">

  <!-- jQuery -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

  <!-- DataTables CSS -->
  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />
  <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" />

  <!-- DataTables JS -->
  <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>

  <!-- SweetAlert2 -->
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" />

  <!-- Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

  <!-- Boxicons -->
  <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet' />

  <!-- Tu CSS -->
  <link rel="stylesheet" href="../../Modelo/Archivos_CSS/Style_table_Gestion.css" />
</head>

<body>

  <div class="container-fluid py-3">
    <!-- ===== Encabezado ===== -->
    <div class="page-header">
      <h2>Control de Combustible</h2>
      <div class="page-subtitle">
        <span id="badgeVista" class="badge bg-primary badge-toggle">Vista: Veh&iacute;culos</span>
      </div>
    </div>

    <!-- ===== Acciones ===== -->
    <div class="page-actions">
      <div class="left-actions">
        <?php if ($tienePermisoAgregar): ?>
          <button role="button" class="btn-soft" id="btnRegistrar">
            <i class="bx bx-plus"></i> Registrar Abastecimiento
          </button>
        <?php endif; ?>
        <button role="button" class="btn-soft" id="btnRefrescar">
          <i class="bx bx-refresh"></i> Actualizar
        </button>

        <!-- Conmutador -->
        <div class="btn-group switch-group ms-1" role="group" aria-label="Cambiar vista">
          <button class="btn active" id="btnVistaVehiculos"><i class="bx bxs-car"></i> Veh&iacute;culos</button>
          <button class="btn" id="btnVistaGaloneras"><i class="bx bxs-flask"></i> Galoneras</button>
        </div>
      </div>

      <div class="right-actions">
        <!-- Boton tarjetas móvil -->
        <button class="btn-soft d-md-none" id="toggleViewBtn">
          <i class="bx bx-grid-alt"></i> Ver como tarjetas
        </button>

        <!-- Filtro avanzado -->
        <button class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modalFiltroAvanzado">
          <i class="bx bx-filter-alt"></i> B&uacute;squeda Avanzada
        </button>
      </div>
    </div>

    <!-- ===== Contenido (tablas / tarjetas) ===== -->
    <div class="view-wrap">

      <!-- ===== TABLA VEHÍCULOS ===== -->
      <section class="vista" id="wrapTablaVeh">
        <table id="tablaAbastecimientos" class="display" style="width:100%">
          <thead class="table-primary">
            <tr>
              <th>ID</th>
              <th>Fecha</th>
              <th>Horario</th>
              <th>Vehículo</th>
              <th>Conductor</th>
              <th>Combustible</th>
              <th>Galones</th>
              <th>Valor</th>
              <th>Total</th>
              <th>KM</th>
              <th>Grifo</th>
              <th>N° Vale</th>
              <th>Opciones</th>
            </tr>
          </thead>
          <tbody>
            <?php foreach ($abastecimientos as $a): ?>
              <?php
                $gln   = (float)($a['cantidad_gln'] ?? 0);
                $vu    = (float)($a['valor_unitario_gln'] ?? 0);
                $total = halfUp2($gln * $vu);
              ?>
              <tr>
                <td><?= h($a['id']) ?></td>
                <td><?= h($a['fecha_abastecimiento']) ?></td>
                <td><?= h($a['hora_abastecimiento']) ?></td>
                <td><?= h($a['vehiculo']) ?></td>
                <td><?= h($a['chofer']) ?></td>
                <td><?= h($a['combustible_abastecido'] ?? '-') ?></td>
                <td><?= fmt2($gln) ?></td>
                <td><?= fmt2($vu) ?></td>
                <td><?= 'S/ ' . $total ?></td>
                <td><?= h($a['kilometraje']) ?> KM</td>
                <td><?= h($a['grifo']) ?></td>
                <td><?= h($a['numero_vale']) ?></td>
                <td>
                  <?php if ($tienePermisoEditar): ?>
                    <a href="Adm_Editar_Abastecimiento.php?IA=<?= h($a['id']) ?>" class="btn-edit" title="Editar">
                      <i class="bx bx-edit bx-sm text-primary"></i>
                    </a>
                  <?php endif; ?>
                  <?php if ($tienePermisoEliminar): ?>
                    <a href="../../Controlador/Ctrl_Administrador/MySQL_Borrar_Abastecimiento.php?IDA=<?= h($a['id']) ?>" class="btn-delete" title="Eliminar">
                      <i class="bx bx-trash bx-sm text-danger"></i>
                    </a>
                  <?php endif; ?>
                </td>
              </tr>
            <?php endforeach; ?>
          </tbody>
        </table>
      </section>

      <!-- ===== TABLA GALONERAS ===== -->
      <section class="vista d-none" id="wrapTablaGal">
        <table id="tablaAbastecimientosGaloneras" class="display" style="width:100%">
          <thead class="table-success">
            <tr>
              <th>ID</th>
              <th>Fecha</th>
              <th>Horario</th>
              <th>Galonera</th>
              <th>Conductor</th>
              <th>Combustible</th>
              <th class="num">Galones</th>
              <th class="num">Valor</th>
              <th class="num">Total</th>
              <th>Grifo</th>
              <th>Vale</th>
              <th>Observaciones</th>
              <th>Opciones</th>
            </tr>
          </thead>
          <tbody>
            <?php foreach ($abastecimientosGalonera as $g): ?>
              <?php
                $gln   = (float)($g['cantidad_gln'] ?? 0);
                $vu    = (float)($g['valor_unitario_gln'] ?? 0);
                $total = halfUp2($gln * $vu);
              ?>
              <tr>
                <td><?= h($g['id']) ?></td>
                <td><?= h($g['fecha_abastecimiento'] ?? '') ?></td>
                <td><?= h($g['hora_abastecimiento'] ?? '') ?></td>
                <td><?= h($g['galonera'] ?? '-') ?></td>
                <td><?= h($g['responsable'] ?? ($g['chofer'] ?? '-')) ?></td>
                <td><?= h($g['combustible_abastecido'] ?? '-') ?></td>
                <td class="num"><?= fmt2($gln) ?></td>
                <td class="num"><?= fmt2($vu) ?></td>
                <td class="num"><?= 'S/ ' . $total ?></td>
                <td><?= h($g['grifo'] ?? '-') ?></td>
                <td><?= h($g['numero_vale'] ?? '') ?></td>
                <td><?= h($g['observaciones'] ?? '') ?></td>
                <td>
                  <?php if ($tienePermisoEditar): ?>
                    <a href="Adm_Editar_Abastecimiento_Galonera.php?IAG=<?= h($g['id']) ?>" class="btn-edit" title="Editar">
                      <i class="bx bx-edit bx-sm text-success"></i>
                    </a>
                  <?php endif; ?>
                  <?php if ($tienePermisoEliminar): ?>
                    <a href="../../Controlador/Ctrl_Administrador/MySQL_Borrar_Abastecimiento_Galonera.php?IAG=<?= h($g['id']) ?>" class="btn-delete" title="Eliminar">
                      <i class="bx bx-trash bx-sm text-danger"></i>
                    </a>
                  <?php endif; ?>
                </td>
              </tr>
            <?php endforeach; ?>
          </tbody>
        </table>
      </section>

      <!-- TARJETAS VEHÍCULOS -->
      <section id="tarjetasVeh" class="vista d-none">
        <?php foreach ($abastecimientos as $a): ?>
          <?php
            $gln_m = (float)($a['cantidad_gln'] ?? 0);
            $vu_m  = (float)($a['valor_unitario_gln'] ?? 0);
            $tot_m = halfUp2($gln_m * $vu_m);
          ?>
          <div class="card mb-3 shadow-sm">
            <div class="card-body">
              <div class="d-flex justify-content-between align-items-center mb-1">
                <span class="badge bg-primary">ID <?= h($a['id']) ?></span>
                <small class="text-muted"><?= h($a['fecha_abastecimiento']) ?> — <?= h($a['hora_abastecimiento']) ?></small>
              </div>

              <h5 class="card-title text-primary mb-2"><?= h($a['vehiculo']) ?></h5>

              <p class="mb-1"><strong>Conductor:</strong> <?= h($a['chofer']) ?></p>
              <p class="mb-1"><strong>Combustible:</strong> <?= h($a['combustible_abastecido'] ?? '-') ?></p>
              <p class="mb-1"><strong>Galones:</strong> <?= fmt2($gln_m) ?></p>
              <p class="mb-1"><strong>Valor:</strong> <?= fmt2($vu_m) ?></p>
              <p class="mb-1"><strong>Total:</strong> <?= 'S/ ' . $tot_m ?></p>
              <p class="mb-1"><strong>KM:</strong> <?= h($a['kilometraje']) ?> KM</p>
              <p class="mb-1"><strong>Grifo:</strong> <?= h($a['grifo']) ?></p>
              <p class="mb-1"><strong>N° Vale:</strong> <?= h($a['numero_vale']) ?></p>

              <div class="d-flex justify-content-between mt-2">
                <?php if ($tienePermisoEditar): ?>
                  <a href="Adm_Editar_Abastecimiento.php?IA=<?= h($a['id']) ?>" class="btn btn-sm btn-outline-primary">
                    <i class="bx bx-edit"></i> Editar
                  </a>
                <?php endif; ?>
                <?php if ($tienePermisoEliminar): ?>
                  <a href="../../Controlador/Ctrl_Administrador/MySQL_Borrar_Abastecimiento.php?IDA=<?= h($a['id']) ?>" class="btn btn-sm btn-outline-danger">
                    <i class="bx bx-trash"></i> Eliminar
                  </a>
                <?php endif; ?>
              </div>
            </div>
          </div>
        <?php endforeach; ?>
      </section>

      <!-- TARJETAS GALONERAS -->
      <section id="tarjetasGal" class="vista d-none">
        <?php foreach ($abastecimientosGalonera as $g): ?>
          <?php
            $gln_m = (float)($g['cantidad_gln'] ?? 0);
            $vu_m  = (float)($g['valor_unitario_gln'] ?? 0);
            $tot_m = halfUp2($gln_m * $vu_m);
          ?>
          <div class="card mb-3 shadow-sm">
            <div class="card-body">
              <div class="d-flex justify-content-between align-items-center mb-1">
                <span class="badge bg-success">ID <?= h($g['id']) ?></span>
                <small class="text-muted"><?= h($g['fecha_abastecimiento'] ?? '') ?> — <?= h($g['hora_abastecimiento'] ?? '') ?></small>
              </div>

              <h5 class="card-title text-success mb-2"><?= h($g['galonera'] ?? 'Galonera') ?></h5>

              <p class="mb-1"><strong>Conductor:</strong> <?= h($g['responsable'] ?? ($g['chofer'] ?? '-')) ?></p>
              <p class="mb-1"><strong>Combustible:</strong> <?= h($g['combustible_abastecido'] ?? '-') ?></p>
              <p class="mb-1"><strong>Galones:</strong> <?= fmt2($gln_m) ?></p>
              <p class="mb-1"><strong>Valor:</strong> <?= fmt2($vu_m) ?></p>
              <p class="mb-1"><strong>Total:</strong> <?= 'S/ ' . $tot_m ?></p>
              <p class="mb-1"><strong>Grifo:</strong> <?= h($g['grifo'] ?? '-') ?></p>
              <p class="mb-1"><strong>Vale:</strong> <?= h($g['numero_vale'] ?? '') ?></p>
              <?php if (!empty($g['observaciones'])): ?>
                <p class="mb-1"><strong>Observaciones:</strong> <?= h($g['observaciones']) ?></p>
              <?php endif; ?>

              <div class="d-flex justify-content-between mt-2">
                <?php if ($tienePermisoEditar): ?>
                  <a href="Adm_Editar_Abastecimiento_Galonera.php?IAG=<?= h($g['id']) ?>" class="btn btn-sm btn-outline-success">
                    <i class="bx bx-edit"></i> Editar
                  </a>
                <?php endif; ?>
                <?php if ($tienePermisoEliminar): ?>
                  <a href="../../Controlador/Ctrl_Administrador/MySQL_Borrar_Abastecimiento_Galonera.php?IAG=<?= h($g['id']) ?>" class="btn btn-sm btn-outline-danger">
                    <i class="bx bx-trash"></i> Eliminar
                  </a>
                <?php endif; ?>
              </div>
            </div>
          </div>
        <?php endforeach; ?>
      </section>

    </div>
  </div>

  <!-- Modal Filtro Avanzado (sin cambios de lógica) -->
  <div class="modal fade" id="modalFiltroAvanzado" tabindex="-1" aria-labelledby="modalFiltroAvanzadoLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
      <div class="modal-content compact-modal">
        <div class="modal-header bg-primary text-white py-2">
          <div class="d-flex flex-column">
            <h6 class="modal-title mb-1" id="modalFiltroAvanzadoLabel">Filtros de Abastecimiento</h6>
            <span class="badge bg-light text-dark align-self-start">
              Se aplican a la <strong>vista actual</strong>:
              <span id="badgeVistaActual">Vehiculos</span>
            </span>
          </div>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
        </div>

        <div class="modal-body py-2">
          <div class="row g-2 align-items-end">
            <div class="col-6 col-md-3">
              <label for="filtro_fecha_inicio" class="form-label small mb-1">Fecha inicio</label>
              <input type="date" id="filtro_fecha_inicio" class="form-control form-control-sm">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_fecha_fin" class="form-label small mb-1">Fecha fin</label>
              <input type="date" id="filtro_fecha_fin" class="form-control form-control-sm">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_grifo" class="form-label small mb-1">Grifo</label>
              <select id="filtro_grifo" class="form-select form-select-sm">
                <option value="">Todos</option>
              </select>
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_combustible" class="form-label small mb-1">Combustible</label>
              <select id="filtro_combustible" class="form-select form-select-sm">
                <option value="">Todos</option>
              </select>
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_vale" class="form-label small mb-1">N&deg; Vale</label>
              <input type="text" id="filtro_vale" class="form-control form-control-sm" placeholder="Ej: 000123" autocomplete="off">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_gln_min" class="form-label small mb-1">Galones m&iacute;n.</label>
              <input type="number" step="0.01" id="filtro_gln_min" class="form-control form-control-sm" inputmode="decimal">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_gln_max" class="form-label small mb-1">Galones m&aacute;x.</label>
              <input type="number" step="0.01" id="filtro_gln_max" class="form-control form-control-sm" inputmode="decimal">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_valor_min" class="form-label small mb-1">V. Unit. m&iacute;n.</label>
              <input type="number" step="0.01" id="filtro_valor_min" class="form-control form-control-sm" inputmode="decimal">
            </div>
            <div class="col-6 col-md-3">
              <label for="filtro_valor_max" class="form-label small mb-1">V. Unit. m&aacute;x.</label>
              <input type="number" step="0.01" id="filtro_valor_max" class="form-control form-control-sm" inputmode="decimal">
            </div>
          </div>

          <hr class="my-2">

          <div class="accordion accordion-flush" id="accFiltrosEspecificos">
            <!-- Vehículos -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="hdrVeh">
                <button class="accordion-button collapsed py-2" type="button" data-bs-toggle="collapse" data-bs-target="#colVeh" aria-expanded="false" aria-controls="colVeh">
                  Filtros espec&iacute;ficos &mdash; Veh&iacute;culos
                </button>
              </h2>
              <div id="colVeh" class="accordion-collapse collapse" aria-labelledby="hdrVeh" data-bs-parent="#accFiltrosEspecificos">
                <div class="accordion-body py-2">
                  <div class="row g-2 align-items-end">
                    <div class="col-6 col-md-3">
                      <label for="filtro_vehiculo" class="form-label small mb-1">Placa</label>
                      <input type="text" id="filtro_vehiculo" class="form-control form-control-sm" placeholder="Ej: FOT504" autocomplete="off">
                    </div>
                    <div class="col-6 col-md-3">
                      <label for="filtro_chofer" class="form-label small mb-1">Conductor (Nombre)</label>
                      <input type="text" id="filtro_chofer" class="form-control form-control-sm" placeholder="Ej: Juan" autocomplete="off">
                    </div>
                    <div class="col-6 col-md-3">
                      <label for="filtro_km_min" class="form-label small mb-1">Kilometraje m&iacute;n.</label>
                      <input type="number" id="filtro_km_min" class="form-control form-control-sm" inputmode="numeric">
                    </div>
                    <div class="col-6 col-md-3">
                      <label for="filtro_km_max" class="form-label small mb-1">Kilometraje m&aacute;x.</label>
                      <input type="number" id="filtro_km_max" class="form-control form-control-sm" inputmode="numeric">
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Galoneras -->
            <div class="accordion-item">
              <h2 class="accordion-header" id="hdrGal">
                <button class="accordion-button collapsed py-2" type="button" data-bs-toggle="collapse" data-bs-target="#colGal" aria-expanded="false" aria-controls="colGal">
                  Filtros espec&iacute;ficos &mdash; Galoneras
                </button>
              </h2>
              <div id="colGal" class="accordion-collapse collapse" aria-labelledby="hdrGal" data-bs-parent="#accFiltrosEspecificos">
                <div class="accordion-body py-2">
                  <div class="row g-2 align-items-end">
                    <div class="col-6 col-md-4">
                      <label for="filtro_galonera" class="form-label small mb-1">Galonera</label>
                      <input type="text" id="filtro_galonera" class="form-control form-control-sm" placeholder="Ej: GALONERA-1" autocomplete="off">
                    </div>
                    <div class="col-6 col-md-8">
                      <label for="filtro_obs" class="form-label small mb-1">Observaciones (contiene)</label>
                      <input type="text" id="filtro_obs" class="form-control form-control-sm" placeholder="Ej: Compra y venta a granel" autocomplete="off">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div><!-- /accordion -->
        </div>

        <div class="modal-footer py-2">
          <button id="btnAplicarFiltros" class="btn btn-success btn-sm">
            <i class="bx bx-check"></i> Aplicar
          </button>
          <button id="btnResetFiltros" class="btn btn-secondary btn-sm">
            <i class="bx bx-reset"></i> Limpiar
          </button>
          <button class="btn btn-outline-danger btn-sm" data-bs-dismiss="modal">
            <i class="bx bx-x"></i> Cerrar
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- Datos a JS -->
  <script>
    window.abastecimientosData = <?= json_encode($abastecimientos, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
    window.abastecimientosGaloneraData = <?= json_encode($abastecimientosGalonera, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
    window.tienePermisoReportes = <?= $tienePermisoReportes ? 'true' : 'false' ?>;
    window.puedeEditar = <?= $tienePermisoEditar ? 'true' : 'false' ?>;
    window.puedeEliminar = <?= $tienePermisoEliminar ? 'true' : 'false' ?>;
    window.puedeAgregar = <?= $tienePermisoAgregar ? 'true' : 'false' ?>;

    window.empresaInfo = {
      nombre: 'TRANSPORTES Y SERVICIOS GENERALES JULIA EIRL',
      ruc: '20526269510',
      usuario: <?= json_encode($_SESSION["usuario"] ?? 'Desconocido', JSON_UNESCAPED_UNICODE) ?>,
      cargo: <?= json_encode($_SESSION["rol"] ?? 'Desconocido', JSON_UNESCAPED_UNICODE) ?>
    };
  </script>

  <!-- JS existentes -->
  <script src="../../Modelo/Archivos_JS/FiltroAvanzado_Abastecimientos.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Agregar_Abastecimiento.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Agregar_Abastecimiento_Galonera.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Editar_Abastecimiento.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Editar_Abastecimiento_Galonera.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Eliminar_Abastecimiento.js"></script>
  <script src="../../Modelo/Archivos_JS/Notifi_Eliminar_Abastecimiento_Galonera.js"></script>

  <!-- Nuevos/actualizados -->
  <script src="../../Modelo/Archivos_JS/DataTable_Abastecimientos.js"></script>
  <script src="../../Modelo/Archivos_JS/DataTable_Abastecimientos_Galoneras.js"></script>
  <script src="../../Modelo/Archivos_JS/Gestion_Abastecimientos_Toggle.js"></script>

</body>
</html>
