<?php
session_start();
// ✅ PROTEGER PÁGINA: Si no hay sesión, va al login
if (!isset($_SESSION['usuario_id'])) {
    header("Location: login.php");
    exit;
}

// CONEXIÓN A LA BASE DE DATOS
$servidor = "localhost";
$usuario_bd = "root";
$clave_bd = "";
$base = "db_panaderia";

$conexion = new mysqli($servidor, $usuario_bd, $clave_bd, $base);
if ($conexion->connect_error) {
    die("Error de conexión: " . $conexion->connect_error);
}
$conexion->set_charset("utf8");

// ✅ GUARDAR PRODUCTO NUEVO
if(isset($_POST['guardar'])){
    $nombre = $_POST['nombre'];
    $descripcion = $_POST['descripcion'];
    $precio = $_POST['precio'];
    $categoria = $_POST['categoria'];
    $tipo_cantidad = $_POST['tipo_cantidad'];
    $imagen = $_POST['imagen'];

    $sql = "INSERT INTO productos (nombre_producto, descripcion, precio_unitario, categoria, tipo_cantidad, imagen) 
            VALUES ('$nombre', '$descripcion', '$precio', '$categoria', '$tipo_cantidad', '$imagen')";
    
    if($conexion->query($sql) === TRUE){
        echo "<script>alert('✅ Producto guardado correctamente'); window.location='productos.php';</script>";
    } else {
        echo "<script>alert('❌ Error al guardar: " . $conexion->error . "');</script>";
    }
}

// ✅ ELIMINAR PRODUCTO
if(isset($_POST['eliminar'])){
    $id = $_POST['id_producto'];
    $sql = "DELETE FROM productos WHERE id_producto = $id";
    if($conexion->query($sql) === TRUE){
        echo "<script>alert('🗑️ Producto eliminado correctamente'); window.location='productos.php';</script>";
    } else {
        echo "<script>alert('❌ Error al eliminar');</script>";
    }
}

// ✅ ACTUALIZAR PRODUCTO (EDICIÓN EN EL MISMO ARCHIVO)
if(isset($_POST['actualizar'])){
    $id = $_POST['id_producto'];
    $nombre = $_POST['nombre'];
    $descripcion = $_POST['descripcion'];
    $precio = $_POST['precio'];
    $categoria = $_POST['categoria'];
    $tipo_cantidad = $_POST['tipo_cantidad'];
    $imagen = $_POST['imagen'];

    $sql = "UPDATE productos SET 
            nombre_producto = '$nombre', 
            descripcion = '$descripcion', 
            precio_unitario = '$precio', 
            categoria = '$categoria', 
            tipo_cantidad = '$tipo_cantidad', 
            imagen = '$imagen' 
            WHERE id_producto = $id";
    
    if($conexion->query($sql) === TRUE){
        echo "<script>alert('✅ Producto actualizado correctamente'); window.location='productos.php';</script>";
    } else {
        echo "<script>alert('❌ Error al actualizar: " . $conexion->error . "');</script>";
    }
}

// OBTENER DATOS SI SE VA A EDITAR
$producto_editar = null;
if(isset($_GET['editar'])){
    $id_editar = $_GET['editar'];
    $result_edit = $conexion->query("SELECT * FROM productos WHERE id_producto = $id_editar");
    if($result_edit->num_rows > 0){
        $producto_editar = $result_edit->fetch_assoc();
    }
}

// OBTENER TODOS LOS PRODUCTOS
$sql = "SELECT * FROM productos ORDER BY nombre_producto ASC";
$resultado = $conexion->query($sql);
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Administrar Productos - Panadería Kiarilu</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        marron: '#8B4513',
                        crema: '#FFF8E1',
                        oscuro: '#5C2E0E'
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-crema/50">

    <!-- ENCABEZADO -->
    <header class="bg-marron text-white py-4 px-6 shadow-md">
        <div class="container mx-auto flex justify-between items-center">
            <h1 class="text-2xl font-bold flex items-center gap-2">
                <i class="fa fa-shopping-cart"></i> Administrar Productos
            </h1>
            <div class="flex items-center gap-6">
                <span class="text-lg">Hola, <?= $_SESSION['usuario_nombre'] ?></span>
                <!-- ✅ VER TIENDA FUNCIONANDO -->
                <a href="index.php" target="_blank" class="text-yellow-300 hover:text-yellow-100 font-semibold transition-colors">Ver Tienda</a>
                <!-- ✅ CERRAR SESIÓN FUNCIONANDO -->
                <a href="logout.php" class="text-red-200 hover:text-white transition-colors font-semibold">
                    <i class="fa fa-sign-out mr-1"></i> Cerrar Sesión
                </a>
            </div>
        </div>
    </header>

    <!-- ✅ FORMULARIO: AGREGAR O EDITAR (TODO AQUÍ MISMO) -->
    <section class="container mx-auto mt-8 px-4">
        <div class="bg-white rounded-lg shadow-lg p-8">
            <h2 class="text-marron text-2xl font-bold mb-6">
                <?php if($producto_editar): ?>
                    <i class="fa fa-pencil"></i> Editar Producto
                <?php else: ?>
                    <i class="fa fa-plus-circle"></i> Agregar Nuevo Producto
                <?php endif; ?>
            </h2>

            <form method="POST" action="">
                <?php if($producto_editar): ?>
                    <!-- Campo oculto con el ID para editar -->
                    <input type="hidden" name="id_producto" value="<?= $producto_editar['id_producto'] ?>">
                <?php endif; ?>

                <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-4">
                    <!-- Nombre -->
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">Nombre</label>
                        <input type="text" name="nombre" value="<?= $producto_editar['nombre_producto'] ?? '' ?>" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50">
                    </div>
                    <!-- Precio -->
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">Precio (S/)</label>
                        <input type="number" step="0.01" name="precio" value="<?= $producto_editar['precio_unitario'] ?? '' ?>" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50">
                    </div>
                    <!-- Categoría -->
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">Categoría</label>
                        <input type="text" name="categoria" value="<?= $producto_editar['categoria'] ?? '' ?>" placeholder="Pan, Dulce, etc." class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50">
                    </div>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
                    <!-- Descripción -->
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">Descripción</label>
                        <textarea name="descripcion" rows="3" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50"><?= $producto_editar['descripcion'] ?? '' ?></textarea>
                    </div>
                    <!-- Tipo de Cantidad -->
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">Tipo de cantidad</label>
                        <select name="tipo_cantidad" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50">
                            <option value="unidades" <?= (isset($producto_editar) && $producto_editar['tipo_cantidad'] == 'unidades') ? 'selected' : '' ?>>Unidades</option>
                            <option value="soles" <?= (isset($producto_editar) && $producto_editar['tipo_cantidad'] == 'soles') ? 'selected' : '' ?>>Soles (3x1)</option>
                        </select>
                    </div>
                </div>

                <!-- Nombre de Imagen -->
                <div class="mb-6">
                    <label class="block text-gray-700 font-medium mb-2">Nombre de imagen (ej: yema.png)</label>
                    <input type="text" name="imagen" value="<?= $producto_editar['imagen'] ?? '' ?>" placeholder="default.png si no tiene" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-marron/50">
                </div>

                <!-- Botones: Cambian si es Guardar o Actualizar -->
                <div class="flex gap-4">
                    <?php if($producto_editar): ?>
                        <button type="submit" name="actualizar" class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-6 rounded-lg transition-colors flex items-center gap-2">
                            <i class="fa fa-save"></i> Guardar Cambios
                        </button>
                        <a href="productos.php" class="bg-gray-500 hover:bg-gray-600 text-white font-semibold py-2 px-6 rounded-lg transition-colors flex items-center gap-2">
                            <i class="fa fa-times"></i> Cancelar
                        </a>
                    <?php else: ?>
                        <button type="submit" name="guardar" class="bg-green-600 hover:bg-green-700 text-white font-semibold py-2 px-6 rounded-lg transition-colors flex items-center gap-2">
                            <i class="fa fa-save"></i> Guardar Producto
                        </button>
                        <button type="reset" class="bg-gray-500 hover:bg-gray-600 text-white font-semibold py-2 px-6 rounded-lg transition-colors flex items-center gap-2">
                            <i class="fa fa-times"></i> Limpiar
                        </button>
                    <?php endif; ?>
                </div>
            </form>
        </div>
    </section>

    <!-- LISTA DE PRODUCTOS CON BOTONES FUNCIONANDO -->
    <section class="container mx-auto mt-10 mb-16 px-4">
        <div class="bg-white rounded-lg shadow-lg p-8">
            <h2 class="text-marron text-2xl font-bold mb-6">Lista de Productos</h2>

            <div class="overflow-x-auto">
                <table class="w-full border-collapse">
                    <thead>
                        <tr class="bg-marron text-white">
                            <th class="p-3 text-left">Imagen</th>
                            <th class="p-3 text-left">Nombre</th>
                            <th class="p-3 text-left">Precio</th>
                            <th class="p-3 text-left">Tipo</th>
                            <th class="p-3 text-center">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php while ($prod = $resultado->fetch_assoc()): ?>
                        <tr class="border-b hover:bg-crema/30">
                            <td class="p-3">
                                <img src="<?= $prod['imagen'] ?>" class="w-12 h-12 object-cover rounded" alt="<?= $prod['nombre_producto'] ?>">
                            </td>
                            <td class="p-3">
                                <strong><?= $prod['nombre_producto'] ?></strong>
                                <p class="text-sm text-gray-600"><?= $prod['descripcion'] ?></p>
                            </td>
                            <td class="p-3">S/ <?= number_format($prod['precio_unitario'], 2) ?></td>
                            <td class="p-3"><?= ucfirst($prod['tipo_cantidad']) ?></td>
                            <td class="p-3 text-center">
                                <!-- ✅ BOTÓN EDITAR: CARGA LOS DATOS EN EL MISMO FORMULARIO DE ARRIBA -->
                                <a href="productos.php?editar=<?= $prod['id_producto'] ?>" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm mr-2">
                                    <i class="fa fa-edit"></i> Editar
                                </a>

                                <!-- ✅ BOTÓN ELIMINAR: FUNCIONA DIRECTO -->
                                <form method="POST" action="" class="inline-block" onsubmit="return confirm('¿Seguro que quieres eliminar este producto?')">
                                    <input type="hidden" name="id_producto" value="<?= $prod['id_producto'] ?>">
                                    <button type="submit" name="eliminar" class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-sm">
                                        <i class="fa fa-trash"></i> Eliminar
                                    </button>
                                </form>
                            </td>
                        </tr>
                        <?php endwhile; ?>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

</body>
</html>