<?php

include("conexion.php");

// Simular login (en tu app real esto viene de la sesión activa)
$_SESSION['id_usuario'] = 1; // ID del usuario logueado

// Obtener datos del usuario actual
$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>Crear Producto - Ferretería</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        body {
            font-family: 'Segoe UI', sans-serif;
            background-color: #f0f2f5;
            padding: 20px;
        }
        .boton {
            padding: 10px 18px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 8px;
            margin: 6px;
            cursor: pointer;
        }
        .boton:hover {
            background-color: #2980b9;
        }
    </style>
</head>
<body>

<h1>💼 Crear Producto - Ferretería</h1>

<!-- Botón para abrir el modal -->
<button onclick="abrirModal()" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">+ Crear Producto</button>

<!-- MODAL -->
<div id="modalCrear" class="fixed inset-0 bg-black 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 Producto - 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>

</body>
</html>
