34849-vm/inventario_por_sede.php

<?php
require_once 'layout_header.php';
require_once 'db/config.php';

$db = db();
$sedes = $db->query("SELECT id, nombre FROM sedes ORDER BY nombre ASC")->fetchAll(PDO::FETCH_ASSOC);

$selected_sede_id = isset($_GET['sede_id']) ? (int)$_GET['sede_id'] : 0;
$inventory = [];
$sede_name = '';

if ($selected_sede_id) {
    $stmt = $db->prepare("SELECT nombre FROM sedes WHERE id = ?");
    $stmt->execute([$selected_sede_id]);
    $sede_name = $stmt->fetchColumn();

    // Se añade p.id para poder usarlo en el botón
    $stmt = $db->prepare("
        SELECT p.id, p.nombre, p.sku, ss.quantity
        FROM products p
        JOIN stock_sedes ss ON p.id = ss.product_id
        WHERE ss.sede_id = ? AND ss.quantity > 0
        ORDER BY p.nombre ASC
    ");
    $stmt->execute([$selected_sede_id]);
    $inventory = $stmt->fetchAll(PDO::FETCH_ASSOC);
}
?>

<div class="container mt-4">
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Auditoría de Inventario por Sede</h2>
            <p class="card-subtitle mb-2 text-muted">Selecciona una sede para ver el detalle de su stock.</p>
        </div>
        <div class="card-body">
            <form method="GET" action="inventario_por_sede.php" class="mb-4">
                <div class="row align-items-end">
                    <div class="col-md-4">
                        <label for="sede_id" class="form-label">Sede:</label>
                        <select name="sede_id" id="sede_id" class="form-select">
                            <option value="">-- Elige una sede --</option>
                            <?php foreach ($sedes as $sede): ?>
                                <option value="<?php echo $sede['id']; ?>" <?php echo $selected_sede_id == $sede['id'] ? 'selected' : ''; ?>>
                                    <?php echo htmlspecialchars($sede['nombre']); ?>
                                </option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-primary w-100">Consultar</button>
                    </div>
                </div>
            </form>

            <?php if ($selected_sede_id): ?>
                <hr>
                <?php if ($sede_name): ?>
                    <h3>Inventario de: <?php echo htmlspecialchars($sede_name); ?></h3>
                    <?php if (count($inventory) > 0): ?>
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead class="table-dark">
                                    <tr>
                                        <th>Producto</th>
                                        <th>SKU</th>
                                        <th class="text-end">Cantidad en Stock</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($inventory as $item): ?>
                                        <tr>
                                            <td><?php echo htmlspecialchars($item['nombre']); ?></td>
                                            <td><?php echo htmlspecialchars($item['sku']); ?></td>
                                            <td class="text-end"><?php echo htmlspecialchars($item['quantity']); ?></td>
                                            <td class="text-center">
                                                <button class="btn btn-info btn-sm view-codes-btn" 
                                                        data-product-id="<?php echo $item['id']; ?>" 
                                                        data-sede-id="<?php echo $selected_sede_id; ?>"
                                                        data-product-name="<?php echo htmlspecialchars($item['nombre']); ?>">
                                                    Ver Códigos
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    <?php else: ?>
                        <div class="alert alert-info" role="alert">
                            No se encontraron productos con stock en esta sede.
                        </div>
                    <?php endif; ?>
                <?php else: ?>
                    <div class="alert alert-warning" role="alert">
                        La sede seleccionada no es válida.
                    </div>
                <?php endif; ?>
            <?php endif; ?>
        </div>
    </div>
</div>

<!-- Modal para mostrar los códigos de barras -->
<div class="modal fade" id="codesModal" tabindex="-1" aria-labelledby="codesModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="codesModalLabel">Códigos de Barras</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p><strong>Producto:</strong> <span id="modalProductName"></span></p>
        <ul id="codesList" class="list-group">
          <!-- Los códigos se cargarán aquí dinámicamente -->
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>


<script>
$(document).ready(function() {
    console.log("El documento está listo y jQuery está funcionando.");

    $('.view-codes-btn').on('click', function() {
        console.log("Botón 'Ver Códigos' presionado.");

        var productId = $(this).data('product-id');
        var sedeId = $(this).data('sede-id');
        var productName = $(this).data('product-name');

        console.log("ID de Producto:", productId, "ID de Sede:", sedeId);

        $('#modalProductName').text(productName);
        $('#codesList').html('<li class="list-group-item">Cargando...</li>');

        var myModal = new bootstrap.Modal(document.getElementById('codesModal'));
        myModal.show();

        console.log("Iniciando llamada AJAX a get_barcodes_by_product_and_sede.php");

        $.ajax({
            url: 'get_barcodes_by_product_and_sede.php',
            type: 'GET',
            dataType: 'json',
            data: {
                product_id: productId,
                sede_id: sedeId
            },
            success: function(response) {
                console.log("Respuesta AJAX exitosa:", response);
                var codesListHtml = '';
                if (response && response.length > 0) {
                    response.forEach(function(code) {
                        codesListHtml += '<li class="list-group-item">' + code.codigo_barras + '</li>';
                    });
                } else {
                    codesListHtml = '<li class="list-group-item">No se encontraron códigos para este producto en esta sede.</li>';
                }
                $('#codesList').html(codesListHtml);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error("Error en la llamada AJAX:");
                console.error("Estado:", textStatus);
                console.error("Error:", errorThrown);
                console.error("Respuesta del servidor:", jqXHR.responseText);
                $('#codesList').html('<li class="list-group-item text-danger">Error al cargar los códigos. Revise la consola para más detalles.</li>');
            }
        });
    });
});
</script>

<?php require_once 'layout_footer.php'; ?>