<?php   
session_start();  // Llama a session_start() una sola vez al inicio del archivo.
include("conexion.php");

// 🔒 Verificar si el usuario está logueado
if (!isset($_SESSION['id_usuario'])) {
    header("Location: login.php");
    exit();
}

// 🔐 Obtener datos del usuario
$id_usuario = $_SESSION['id_usuario'];
$usuario = $conexion->query("SELECT * FROM usuarios_sistema WHERE id_usuario = $id_usuario")->fetch_assoc();

$rol = $usuario['rol'];
$id_empresa_usuario = $usuario['id_empresa'];
$id_bodega_usuario = $usuario['id_bodega'];

// Obtener nombre de empresa
$empresa_nombre = "";
if ($id_empresa_usuario) {
    $res_empresa = $conexion->query("SELECT nombre FROM empresas WHERE id_empresa = $id_empresa_usuario");
    if ($res_empresa && $row_empresa = $res_empresa->fetch_assoc()) {
        $empresa_nombre = $row_empresa['nombre'];
    }
}

// Obtener nombre de bodega
$bodega_nombre = "";
if ($id_bodega_usuario) {
    $res_bodega = $conexion->query("SELECT nombre FROM bodegas WHERE id_bodega = $id_bodega_usuario");
    if ($res_bodega && $row_bodega = $res_bodega->fetch_assoc()) {
        $bodega_nombre = $row_bodega['nombre'];
    }
}

// Traducir rol a texto legible
$texto_rol = [
    'admin_general' => 'Administrador General',
    'admin_empresa' => 'Administrador de Empresa',
    'empleado' => 'Empleado'
][$rol] ?? 'Usuario';
?>


 <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>nn</title>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.0.4/tailwind.min.css'><link rel="stylesheet" href="./style.css">

</head>
<body>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

<!-- partial:index.partial.html -->
<div class="relative bg-gray-100 min-h-screen flex" id="app">
 <?php include 'menu.php' ?>

<div class="w-full" style="margin-left: 50px;">
     <?php include 'user.php' ?>
    <div class="px-16 bg-header flex items-center">
     
<!-- EMPRESAS -->
<div class="card filter-menu h-12 px-4 py-3 rounded-full bg-gray-200 w-1/2 flex justify-between items-center mt-4">
    <h2 class="text-xs text-white">1. Selecciona una Empresa</h2>
    <div class="options flex items-center py-2">
        <?php
        if ($rol == 'admin_general') {
            $res_empresas = $conexion->query("SELECT * FROM empresas");
        } else {
            $res_empresas = $conexion->query("SELECT * FROM empresas WHERE id_empresa = $id_empresa_usuario");
        }

        while ($empresa = $res_empresas->fetch_assoc()) {
            echo "<a href='javascript:void(0)' onclick='seleccionarEmpresa({$empresa['id_empresa']})'><button class='boton text-xs font-thin p-1 border-2 text-white rounded-full w-24 hover:bg-white hover:text-black mr-4'>{$empresa['nombre']}</button></a>";
        }
        ?>
    </div>
</div>

<!-- BODEGAS -->
<div class="card filter-menu h-12 px-4 py-3 rounded-full bg-gray-200 w-1/2 flex justify-between items-center mt-4">
    <div class="options flex items-center py-2" id="bodegas"></div>
</div>

 


    </div>
   
  <header class="h-16  bg-header w-full  rounded-bl-full">
</header>
    <app-klatsch v-bind:klatsch="today"></app-klatsch> 
<div class="flex px-8 items-center today-card bg-white shadow-lg ml-16 h-28 rounded-custom border-l-8 border-blue-500">
  
</div>


    <div class="px-16 pt-8 content">
      <div class="h-2 border-gray-200 border-t-2 w-2/3"></div>
  
  </div>
      <div class="klatsch-grid">
    <app-klatsch v-for="kl in upcoming" v-bind:klatsch="kl"></app-klatsch>
       <!-- Sección de Tabla -->
  
    </div>
<div class="mx-4 py-3 px-8 bg-white shadow-lg ml-16 rounded-lg" style="border-left: 8px solid #572073;">
    <div class="w-full"> <div class="font-extrabold text-xl text-gray-900 mb-4">Lista Ferreteria</div>
        <div class="flex justify-between items-center mb-4">

            <!-- Buscador -->
            <div class="flex items-center">
                <input type="text" placeholder="Buscar..." id="searchSerie" class="px-4 py-2 border border-gray-300 rounded-lg text-sm w-64 focus:outline-none focus:ring-2 focus:ring-indigo-500">
            </div>
            
            <!-- Botones Exportar con íconos -->
            <div class="flex items-center">
                <!-- Botón Exportar Excel -->
                <a href="exportar_excel_seriado.php"  class="flex items-center bg-green-500 text-white py-2 px-6 rounded-lg hover:bg-green-700 focus:outline-none mr-2">
                    <!-- Ícono de Excel -->
                    <i class="fas fa-file-excel h-4 w-4 mr-3"></i>
                    Exportar Excel
                </a>
              <!-- Botón: Agregar Material -->
<button onclick="abrirModal()" class="flex items-center bg-green-500 text-white py-2 px-6 rounded-lg hover:bg-green-700 focus:outline-none">
    <!-- Ícono de Material (caja, por ejemplo) -->
    <i class="fas fa-box h-4 w-4 mr-3"></i>
    Agregar Material
</button>
<!-- Botón: Crear Empresa o Bodega según el rol -->
<?php if ($rol == 'admin_general'): ?>
    <button onclick="abrirModalEmpresaBodega()" class="flex items-center bg-green-500 text-white py-2 px-6 rounded-lg hover:bg-green-700 focus:outline-none">
        <i class="fas fa-building mr-2"></i> Crear Empresa
    </button>
<?php elseif ($rol == 'admin_empresa'): ?>
    <button onclick="abrirModalEmpresaBodega()" class="flex items-center bg-green-500 text-white py-2 px-6 rounded-lg hover:bg-green-700 focus:outline-none">
        <i class="fas fa-warehouse mr-2"></i> Crear Bodega
    </button>
<?php endif; ?>
<!-- Botón para abrir modal -->
<!-- <button class="boton-ferre" onclick="document.getElementById('modalMovimientoFerre').style.display='block'">➕ Registrar Movimiento</button> -->

            </div>
        </div>

 

<!-- FERRETERÍA (productos) -->
<div id="productos"></div>


 <div id="lista_seriados" class="overflow-x-auto">
            <!-- Aquí se carga la tabla -->
        </div>

    </div>
</div>


  </div>

</div> 

    </div>
</body>
</html>

<!-- MODAL -->
<div id="modalCrear" class="fixed inset-0  bg-opacity-50 flex justify-center items-center z-50 hidden">
    <div class="bg-white w-full max-w-md p-6 rounded-lg shadow-lg relative">
        <button onclick="cerrarModal()" class="absolute top-2 right-3 text-gray-500 hover:text-red-600 text-xl font-bold">&times;</button>
        <h2 class="text-lg font-semibold mb-4">Crear - Ferretería</h2>

          <form id="formFerreteria" method="POST">
    <label class="block text-sm mb-1">Código:</label>
    <input type="text" name="codigo" class="w-full mb-3 px-3 py-2 border rounded" required>

    <label class="block text-sm mb-1">Producto:</label>
    <input type="text" name="producto" class="w-full mb-3 px-3 py-2 border rounded" required>

    <label class="block text-sm mb-1">Stock:</label>
    <input type="number" name="stock" class="w-full mb-3 px-3 py-2 border rounded" required>

    <label class="block text-sm mb-1">Unidad de Medida:</label>
    <input type="text" name="unidad_medida" class="w-full mb-3 px-3 py-2 border rounded" required>

    <?php if ($rol == 'admin_general') { ?>
        <label for="empresa" class="block text-sm mb-1">Seleccionar Empresa:</label>
        <select id="empresa" name="empresa" class="w-full mb-3 px-3 py-2 border rounded" required>
            <option value="">-- Seleccionar Empresa --</option>
            <?php
            $res_empresas = $conexion->query("SELECT * FROM empresas");
            while ($empresa = $res_empresas->fetch_assoc()) {
                echo "<option value='{$empresa['id_empresa']}'>{$empresa['nombre']}</option>";
            }
            ?>
        </select>

        <label for="bodega" class="block text-sm mb-1">Seleccionar Bodega:</label>
        <select id="bodega" name="bodega" class="w-full mb-3 px-3 py-2 border rounded" required>
            <!-- Las bodegas se cargarán dinámicamente según la empresa seleccionada -->
        </select>
    <?php } elseif ($rol == 'admin_empresa') { ?>
        <label class="block text-sm mb-1">Empresa:</label>
        <input type="text" value="<?php echo $empresa_nombre; ?>" class="w-full mb-3 px-3 py-2 border rounded" disabled>
        <input type="hidden" name="empresa" value="<?php echo $id_empresa_usuario; ?>">

        <label for="bodega" class="block text-sm mb-1">Seleccionar Bodega:</label>
        <select id="bodega" name="bodega" class="w-full mb-3 px-3 py-2 border rounded" required>
            <?php
            $res_bodegas = $conexion->query("SELECT * FROM bodegas WHERE id_empresa = $id_empresa_usuario");
            while ($bodega = $res_bodegas->fetch_assoc()) {
                echo "<option value='{$bodega['id_bodega']}'>{$bodega['nombre']}</option>";
            }
            ?>
        </select>
    <?php } else { ?>
        <label class="block text-sm mb-1">Empresa:</label>
        <input type="text" value="<?php echo $empresa_nombre; ?>" class="w-full mb-3 px-3 py-2 border rounded" disabled>
        <label class="block text-sm mb-1">Bodega:</label>
        <input type="text" value="<?php echo $bodega_nombre; ?>" class="w-full mb-3 px-3 py-2 border rounded" disabled>
        <input type="hidden" name="empresa" value="<?php echo $id_empresa_usuario; ?>">
        <input type="hidden" name="bodega" value="<?php echo $id_bodega_usuario; ?>">
    <?php } ?>

    <button type="submit" class="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">Crear Producto</button>
</form>
        <p id="mensaje" class="mt-4 text-sm text-green-600 hidden">✅ Producto registrado con éxito.</p>
    </div>
</div>

<script>
    // Función para abrir el modal
    function abrirModal() {
        document.getElementById("modalCrear").classList.remove("hidden");
    }

    // Función para cerrar el modal
    function cerrarModal() {
        document.getElementById("modalCrear").classList.add("hidden");
        document.getElementById("formFerreteria").reset();
        document.getElementById("mensaje").classList.add("hidden");
    }

    // AJAX para enviar el formulario sin recargar la página
    document.getElementById("formFerreteria").addEventListener("submit", function (e) {
        e.preventDefault();

        const formData = new FormData(this);

        fetch("crear_ferreteria.php", {
            method: "POST",
            body: formData
        })
        .then(response => response.text())
        .then(data => {
            // Mostrar mensaje de éxito y cerrar modal luego de 2 segundos
            document.getElementById("mensaje").classList.remove("hidden");
            setTimeout(() => cerrarModal(), 2000);
        })
        .catch(error => {
            alert("Hubo un error al registrar.");
            console.error("Error:", error);
        });
    });

    // Actualizar bodegas cuando se cambie la empresa (solo para admin_general)
    document.getElementById('empresa')?.addEventListener('change', function() {
        var empresa_id = this.value;
        var bodega_select = document.getElementById('bodega');

        bodega_select.innerHTML = "<option value=''>Cargando bodegas...</option>";

        fetch('bodegas.php?empresa_id=' + empresa_id)
            .then(response => response.json())
            .then(data => {
                bodega_select.innerHTML = "<option value=''>Seleccionar Bodega</option>";
                data.forEach(bodega => {
                    bodega_select.innerHTML += `<option value="${bodega.id_bodega}">${bodega.nombre}</option>`;
                });
            });
    });
</script>

<script>
    // Cargar las bodegas de una empresa
    function cargarBodegas(idEmpresa) {
        document.getElementById('bodegas').innerHTML = '<p class="text-xs text-white">Cargando bodegas...</p>';

        fetch('panel_ferreteria.php?empresa=' + idEmpresa)
            .then(response => response.json())
            .then(data => {
                if (data.error) {
                    document.getElementById('bodegas').innerHTML = '<p class="text-xs text-red-500">' + data.error + '</p>';
                } else {
                    let html = '<h3 class="text-xs text-white mb-2">Selecciona una Bodega</h3>';
                    data.forEach(bodega => {
                        html += `<a href="javascript:void(0)" onclick="seleccionarBodega(${bodega.id_bodega}, event)">
                                    <button class="text-xs font-thin p-1 border-2 text-white rounded-full w-24 hover:bg-white hover:text-black mr-2 mb-2">
                                        ${bodega.nombre}
                                    </button>
                                 </a>`;
                    });
                    document.getElementById('bodegas').innerHTML = html;
                }
            })
            .catch(error => {
                document.getElementById('bodegas').innerHTML = '<p class="text-xs text-red-500">⚠️ Error al cargar las bodegas.</p>';
                console.error("Error de red o fetch:", error);
            });
    }

   function cargarProductos(idBodega) {
    const contenedor = document.getElementById('productos');
    contenedor.innerHTML = '<p class="text-xs text-white">Cargando productos...</p>';

    fetch('panel_ferreteria.php?bodega=' + idBodega)
        .then(async response => {
            const text = await response.text(); // leer como texto primero
            try {
                const data = JSON.parse(text);
                if (data.error) {
                    contenedor.innerHTML = `<p class="text-xs text-red-500">${data.error}</p>`;
                } else {
                    let table = '<table class="table-auto w-full border-collapse border border-gray-300 mt-2">';
                    table += '<thead><tr class="bg-gray-800 text-white text-xs">';
                    table += '<th class="px-4 py-2">Producto</th>';
                    table += '<th class="px-4 py-2">Stock</th>';
                    table += '<th class="px-4 py-2">Unidad</th>';
                    table += '<th class="px-4 py-2">Empresa</th>';
                    table += '<th class="px-4 py-2">SAP</th>';
                    table += '<th class="px-4 py-2">Registrado por</th>';
                    table += '</tr></thead><tbody>';

                    data.forEach(producto => {
                        table += `<tr class="text-xs text-gray-800 bg-white border-b hover:bg-gray-100">
                                    <td class="px-4 py-2">${producto.producto}</td>
                                    <td class="px-4 py-2">${producto.stock}</td>
                                    <td class="px-4 py-2">${producto.unidad_medida}</td>
                                    <td class="px-4 py-2">${producto.empresa}</td>
                                    <td class="px-4 py-2">${producto.codigo}</td>
                                    <td class="px-4 py-2">${producto.registrado_por}</td>
                                  </tr>`;
                    });

                    table += '</tbody></table>';
                    contenedor.innerHTML = table;
                }
            } catch (err) {
                contenedor.innerHTML = '<p class="text-xs text-red-500">⚠️ Error al procesar la respuesta del servidor.</p>';
                console.error("❌ Respuesta no válida JSON:\n", text);
                console.error("❌ Error de parseo JSON:\n", err);
            }
        })
        .catch(error => {
            contenedor.innerHTML = '<p class="text-xs text-red-500">⚠️ Error de red. Intenta nuevamente.</p>';
            console.error("Error de red o fetch:", error);
        });
}


    // Seleccionar empresa (solo llama a cargar bodegas)
    function seleccionarEmpresa(idEmpresa) {
        cargarBodegas(idEmpresa);
    }

    // Seleccionar bodega y marcar botón
    function seleccionarBodega(idBodega, event) {
        // Quitar estilos de todos los botones
        document.querySelectorAll('#bodegas button').forEach(btn => {
            btn.classList.remove('bg-blue-500', 'text-white');
            btn.classList.add('hover:bg-white', 'hover:text-black');
        });

        // Estilo activo al botón clickeado
        const botonSeleccionado = event.target;
        botonSeleccionado.classList.add('bg-blue-500', 'text-white');
        botonSeleccionado.classList.remove('hover:bg-white', 'hover:text-black');

        // Cargar productos
        cargarProductos(idBodega);
    }

    // Auto-cargar bodegas si ya hay empresa en URL (PHP lo inyecta)
    <?php if (isset($_GET['empresa'])): ?>
        window.addEventListener('DOMContentLoaded', () => {
            cargarBodegas(<?= intval($_GET['empresa']) ?>);
        });
    <?php endif; ?>
</script>



<!-- Modal para Crear Empresa y Bodega -->
<div id="modalEmpresasBodega" class="fixed inset-0 bg-opacity-50 flex justify-center items-center z-50 hidden">
    <div class="bg-white w-full max-w-2xl p-6 rounded-lg shadow-lg relative">
        <button onclick="cerrarModalEmpresaBodega()" class="absolute top-2 right-3 text-gray-500 hover:text-red-600 text-xl font-bold">&times;</button>
      

        <!-- Formulario para Crear Empresa y Bodega -->
        <form id="formularioCrear" method="POST" onsubmit="submitForm(event)">
            <?php if ($rol== 'admin_general') { ?>
                <h3 class="text-lg font-semibold">Crear Empresa</h3>
                <label for="nombre_empresa">Nombre de la Empresa:</label>
                <input type="text" name="nombre_empresa" class="w-full mb-3 px-3 py-2 border rounded" required><br>

                <label for="ruc_empresa">RUC:</label>
                <input type="text" name="ruc_empresa" class="w-full mb-3 px-3 py-2 border rounded"><br>

                <h3 class="text-lg font-semibold mt-6 mb-2">Empresas Existentes</h3>
                <table class="w-full table-auto border border-gray-300 rounded-lg overflow-hidden shadow">
                    <thead class="bg-blue-600 text-white">
                        <tr>
                            <th class="px-4 py-2">Nombre</th>
                            <th class="px-4 py-2">RUC</th>
                            <th class="px-4 py-2">Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        $res_empresas = $conexion->query("SELECT * FROM empresas");
                        while ($empresa = $res_empresas->fetch_assoc()) {
                            echo "<tr class='hover:bg-gray-100'>";
                            echo "<td class='border px-4 py-2'>{$empresa['nombre']}</td>";
                            echo "<td class='border px-4 py-2'>{$empresa['ruc']}</td>";
                            echo "<td class='border px-4 py-2 text-center'>
                                    <button type='button' class='bg-indigo-600 text-white px-3 py-1 rounded hover:bg-indigo-700 text-sm' onclick='abrirModalBodega({$empresa['id_empresa']})'>
                                        ➕ Crear Bodega
                                    </button>
                                  </td>";
                            echo "</tr>";
                        }
                        ?>
                    </tbody>
                </table>

            <?php } elseif ($rol == 'admin_empresa') { ?>
                <input type="hidden" name="empresa_id" value="<?php echo $id_empresa_usuario; ?>">

                <h3 class="text-lg font-semibold">Crear Bodega</h3>
                <label for="nombre_bodega">Nombre de la Bodega:</label>
                <input type="text" name="nombre_bodega" class="w-full mb-3 px-3 py-2 border rounded" required><br>

                <label for="direccion_bodega">Dirección:</label>
                <input type="text" name="direccion_bodega" class="w-full mb-3 px-3 py-2 border rounded"><br>

                <h3 class="text-lg font-semibold mt-6 mb-2">Bodegas Registradas</h3>
                <table class="w-full table-auto border border-gray-300 rounded-lg overflow-hidden shadow">
                    <thead class="bg-blue-600 text-white">
                        <tr>
                            <th class="px-4 py-2">Nombre</th>
                            <th class="px-4 py-2">Dirección</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        $res_bodegas = $conexion->query("SELECT * FROM bodegas WHERE id_empresa = $id_empresa_usuario");
                        while ($bodega = $res_bodegas->fetch_assoc()) {
                            echo "<tr class='hover:bg-gray-100'>";
                            echo "<td class='border px-4 py-2'>{$bodega['nombre']}</td>";
                            echo "<td class='border px-4 py-2'>{$bodega['direccion']}</td>";
                            echo "</tr>";
                        }
                        ?>
                    </tbody>
                </table>
            <?php } ?>

            <button type="submit" class="mt-4 bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">Crear</button>
        </form>
    </div>
</div>

<script>
    function abrirModalEmpresaBodega() {
        document.getElementById("modalEmpresasBodega").classList.remove("hidden");
    }

    function cerrarModalEmpresaBodega() {
        document.getElementById("modalEmpresasBodega").classList.add("hidden");
        document.getElementById("formularioCrear").reset();
    }

    function abrirModalBodega(empresaId) {
        alert("Modal para crear bodega para la empresa con ID: " + empresaId);
        // Aquí puedes reemplazar con un modal real más adelante
    }

    function submitForm(e) {
        e.preventDefault();
        
        const formData = new FormData(document.getElementById("formularioCrear"));

        fetch("crear_empresa_bodega.php", {
            method: "POST",
            body: formData
        })
        .then(response => response.text())
        .then(data => {
            alert(data);
            location.reload();
        })
        .catch(error => {
            alert("Hubo un error al crear la empresa o bodega.");
            console.error("Error:", error);
        });
    }
</script>



<?php

include("conexion.php");

$id_usuario = $_SESSION['id_usuario'];
$usuario = $conexion->query("SELECT * FROM usuarios_sistema WHERE id_usuario = $id_usuario")->fetch_assoc();

$rol = $usuario['rol'];
$id_empresa = $usuario['id_empresa'];
$id_bodega = $usuario['id_bodega'];
?>
<style>
    .boton-ferre {
        background-color: #3498db;
        color: #fff;
        border: none;
        border-radius: 6px;
        padding: 10px 16px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s;
    }
    .boton-ferre:hover {
        background-color: #2980b9;
    }
    .modal-ferre {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .contenido-ferre {
        background-color: #fff;
        margin: 40px auto;
        padding: 20px;
        border-radius: 10px;
        width: 95%;
        max-width: 750px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }
    .cerrar-ferre {
        float: right;
        font-size: 24px;
        color: #e74c3c;
        font-weight: bold;
        cursor: pointer;
    }
    label {
        font-weight: 600;
        color: #333;
        margin-bottom: 5px;
    }
    input[type="text"],
    input[type="date"],
    input[type="number"],
    select,
    textarea {
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    textarea {
        resize: vertical;
    }
    .form-row {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    .form-col {
        flex: 1;
        min-width: 200px;
    }
    @media (max-width: 600px) {
        .form-row {
            flex-direction: column;
        }
        .boton-ferre {
            width: 100%;
        }
    }
</style>

<div id="modalMovimientoFerre" class="modal-ferre">
    <div class="contenido-ferre">
        <span class="cerrar-ferre" onclick="document.getElementById('modalMovimientoFerre').style.display='none'">&times;</span>
        <h2>Nuevo Movimiento de Ferretería</h2>

      <form id="formulario_movimiento" method="POST">

            <div class="form-row">
                <div class="form-col">
                    <label for="tipo_movimiento">Tipo de Movimiento:</label>
                    <select name="tipo_movimiento" id="tipo_movimiento" required>
                        <option value="ingreso" selected>Ingreso</option>
                    </select>
                </div>
                <div class="form-col">
                    <label for="fecha_movimiento">Fecha del Movimiento:</label>
                    <input type="date" name="fecha_movimiento" required>
                </div>
            </div>

            <div class="form-row">
                <div class="form-col">
                    <label>Fecha de Registro (Sistema):</label>
                    <input type="text" value="<?php echo date('Y-m-d H:i:s'); ?>" disabled>
                </div>
            </div>

            <?php if ($rol == 'admin_general') { ?>
                <div class="form-row">
                    <div class="form-col">
                        <label>Empresa:</label>
                        <select name="empresa_mov" id="empresa_mov" required>
                            <option value="">Seleccionar empresa</option>
                            <?php
                            $empresas = $conexion->query("SELECT * FROM empresas");
                            while ($emp = $empresas->fetch_assoc()) {
                                echo "<option value='{$emp['id_empresa']}'>{$emp['nombre']}</option>";
                            }
                            ?>
                        </select>
                    </div>
                    <div class="form-col">
                        <label>Bodega:</label>
                        <select name="bodega_mov" id="bodega_mov" required>
                            <option value="">Seleccionar bodega</option>
                        </select>
                    </div>
                </div>
            <?php } elseif ($rol == 'admin_empresa') {
                $empresa = $conexion->query("SELECT nombre FROM empresas WHERE id_empresa = $id_empresa")->fetch_assoc(); ?>
                <label>Empresa:</label>
                <input type="text" value="<?php echo $empresa['nombre']; ?>" disabled>
                <input type="hidden" name="empresa_mov" value="<?php echo $id_empresa; ?>">

                <label>Bodega:</label>
                <select name="bodega_mov" id="bodega_mov" required>
                    <option value="">Seleccionar bodega</option>
                    <?php
                    $bodegas = $conexion->query("SELECT * FROM bodegas WHERE id_empresa = $id_empresa");
                    while ($b = $bodegas->fetch_assoc()) {
                        echo "<option value='{$b['id_bodega']}'>{$b['nombre']}</option>";
                    }
                    ?>
                </select>
            <?php } else {
                $empresa = $conexion->query("SELECT nombre FROM empresas WHERE id_empresa = $id_empresa")->fetch_assoc();
                $bodega = $conexion->query("SELECT nombre FROM bodegas WHERE id_bodega = $id_bodega")->fetch_assoc(); ?>
                <label>Empresa:</label>
                <input type="text" value="<?php echo $empresa['nombre']; ?>" disabled>
                <input type="hidden" name="empresa_mov" value="<?php echo $id_empresa; ?>">

                <label>Bodega:</label>
                <input type="text" value="<?php echo $bodega['nombre']; ?>" disabled>
                <input type="hidden" name="bodega_mov" value="<?php echo $id_bodega; ?>">
            <?php } ?>
<div class="form-col">
    <label>Proveedor:</label>
    <select name="proveedor_mov" id="proveedor_mov" required>
        <option value="">Seleccionar proveedor</option>
    </select>
</div>
<div class="mb-3">
    <label for="numero_comprobante" class="form-label">Número de comprobante:</label>
    <input type="text" class="form-control" id="numero_comprobante" name="numero_comprobante" required>
</div>

            <label for="detalle_boleta">Detalle de la Boleta:</label>
            <textarea name="detalle_boleta" rows="2" required></textarea>

            <!-- Productos -->
            <div id="lista_productos_carro">
                <div class="form-row">
                    <div class="form-col">
                        <label>Producto Ferretería:</label>
                        <select name="producto_carro[]" id="producto_carro_1" required>
                            <option value="">Seleccionar producto</option>
                        </select>
                    </div>
                    <div class="form-col">
                        <label>Cantidad:</label>
                        <input type="number" name="cantidad_carro[]" required>
                    </div>
                </div>
            </div>

            <button type="button" onclick="agregarProductoCarro()">➕ Agregar otro producto</button><br><br>
           <button type="button" onclick="enviarFormulario()">💾 Guardar Movimiento</button>
        </form>
    </div>
</div><link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.5.6/dist/sweetalert2.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.5.6/dist/sweetalert2.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
function enviarFormulario() {
    // Crear un objeto FormData con los datos del formulario
    var formData = new FormData(document.getElementById('formulario_movimiento'));

    // Enviar la solicitud usando fetch (AJAX)
    fetch('procesar_movimiento.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json()) // Esperamos un JSON
    .then(data => {
        if (data.status === 'success') {
            Swal.fire({
                icon: 'success',
                title: '¡Éxito!',
                text: data.message
            }).then(() => {
               
            });
        } else {
            Swal.fire({
                icon: 'error',
                title: '¡Error!',
                text: data.message
            });
        }
    })
    .catch(error => {
        console.error('Error en la solicitud:', error);
        Swal.fire({
            icon: 'error',
            title: '¡Error!',
            text: 'Hubo un error al procesar la solicitud.'
        });
    });
}



    let productosCarro = [];

    const bodegaInput = document.getElementById('bodega_mov');
    if (bodegaInput) {
        bodegaInput.addEventListener('change', function () {
            const bodegaId = this.value;
            cargarProductosFerreteria(bodegaId);
        });
    }

    function cargarProductosFerreteria(bodegaId) {
        const primerSelect = document.getElementById('producto_carro_1');
        primerSelect.innerHTML = '<option>Cargando productos...</option>';

        fetch('ferreteria.php?bodega_id=' + bodegaId)
            .then(res => res.json())
            .then(data => {
                productosCarro = data;
                renderOpcionesCarro(primerSelect, productosCarro);
            })
            .catch(() => {
                primerSelect.innerHTML = '<option value="">Error al cargar</option>';
            });
    }

    function renderOpcionesCarro(selectElement, productos) {
        selectElement.innerHTML = '<option value="">Seleccionar producto</option>';
        productos.forEach(p => {
            selectElement.innerHTML += `<option value="${p.id_producto}">${p.nombre}</option>`;
        });
    }

const empresaInput = document.getElementById('empresa_mov');
if (empresaInput) {
    empresaInput.addEventListener('change', function () {
        const empresaId = this.value;

        // Cargar bodegas
        const bodegaInput = document.getElementById('bodega_mov');
        bodegaInput.innerHTML = '<option>Cargando bodegas...</option>';

        fetch('bodegas.php?empresa_id=' + empresaId)
            .then(res => res.json())
            .then(data => {
                bodegaInput.innerHTML = '<option value="">Seleccionar bodega</option>';
                data.forEach(b => {
                    bodegaInput.innerHTML += `<option value="${b.id_bodega}">${b.nombre}</option>`;
                });
            });

        // Cargar proveedores
        const proveedorInput = document.getElementById('proveedor_mov');
        if (proveedorInput) {
            proveedorInput.innerHTML = '<option>Cargando proveedores...</option>';

            fetch('proveedores.php?empresa_id=' + empresaId)
                .then(res => res.json())
                .then(data => {
                    proveedorInput.innerHTML = '<option value="">Seleccionar proveedor</option>';
                    data.forEach(p => {
                        proveedorInput.innerHTML += `<option value="${p.id_proveedor}">${p.nombre}</option>`;
                    });
                })
                .catch(() => {
                    proveedorInput.innerHTML = '<option value="">Error al cargar</option>';
                });
        }
    });
}

    function agregarProductoCarro() {
        const contenedor = document.getElementById("lista_productos_carro");
        const id = Math.floor(Math.random() * 10000);
        const div = document.createElement("div");

        div.innerHTML = `
            <label>Producto Ferretería:</label>
            <select name="producto_carro[]" id="producto_carro_${id}" required>
                <option value="">Seleccionar producto</option>
            </select>

            <label>Cantidad:</label>
            <input type="number" name="cantidad_carro[]" required><br><br>
        `;
        contenedor.appendChild(div);

        const nuevoSelect = document.getElementById(`producto_carro_${id}`);
        if (productosCarro.length > 0) {
            renderOpcionesCarro(nuevoSelect, productosCarro);
        }
    }

    <?php if ($rol != 'admin_general' && $rol != 'admin_empresa') { ?>
    document.addEventListener('DOMContentLoaded', function () {
        const bodegaId = '<?php echo $id_bodega; ?>';
        if (bodegaId) {
            cargarProductosFerreteria(bodegaId);
        }
    });
    <?php } ?>
</script>
<?php if ($rol == 'admin_empresa') { ?>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const empresaId = '<?php echo $id_empresa; ?>';
    const proveedorInput = document.getElementById('proveedor_mov');

    if (empresaId && proveedorInput) {
        proveedorInput.innerHTML = '<option>Cargando proveedores...</option>';

        fetch('proveedores.php?empresa_id=' + empresaId)
            .then(res => res.json())
            .then(data => {
                proveedorInput.innerHTML = '<option value="">Seleccionar proveedor</option>';
                data.forEach(p => {
                    proveedorInput.innerHTML += `<option value="${p.id_proveedor}">${p.nombre}</option>`;
                });
            })
            .catch(() => {
                proveedorInput.innerHTML = '<option value="">Error al cargar</option>';
            });
    }
});
</script>
<?php } ?>

