<?php include_once "encabezado1.php"; ?>

<?php
include 'conexion1.php'; // Conexión a la base de datos
$conexion = new mysqli($servidor, $nombre, $clave, $base);

// Verificar si se ha proporcionado un ID de producto
if (!isset($_GET['id'])) {
    echo "<script>alert('ID de producto no proporcionado.'); window.location.href='listar_productos.php';</script>";
    exit();
}

$id = $_GET['id'];

// Obtener la información del producto desde la base de datos
$result = $conexion->query("SELECT * FROM productos WHERE id = $id");
$producto = $result->fetch_assoc();

// Verificar si el producto existe
if (!$producto) {
    echo "<script>alert('Producto no encontrado.'); window.location.href='listar_productos.php';</script>";
    exit();
}

// Actualizar la información del producto
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $nombre = $_POST['nombre'];
    $descripcion = $_POST['descripcion'];
    $precio_unitario = $_POST['precio_unitario'];
    $cantidad = $_POST['cantidad'];

    // Ejecutar la actualización
    $sql = "UPDATE productos SET nombre=?, descripcion=?, precio_unitario=?, cantidad=? WHERE id=?";
    $stmt = $conexion->prepare($sql);
    $stmt->bind_param("ssdii", $nombre, $descripcion, $precio_unitario, $cantidad, $id);

    if ($stmt->execute()) {
        echo "<script>alert('Producto actualizado exitosamente.'); window.location.href='listar_productos.php';</script>";
    } else {
        echo "Error al actualizar el producto: " . $stmt->error;
    }

    $stmt->close();
}

$conexion->close();
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Editar Producto 🛠️</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f3f4f6;
            font-family: Arial, sans-serif;
        }
        .container {
            margin-top: 50px;
            background-color: rgba(255, 255, 255, 0.9);
            padding: 20px; /* Reducir el padding */
            border-radius: 12px;
            box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
            max-width: 400px; /* Reducir el ancho máximo */
            animation: fadeIn 0.8s ease-in-out;
        }
        h2 {
            font-weight: 700;
            color: #007bff;
            text-align: center;
            margin-bottom: 15px; /* Reducir espacio inferior */
            text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
            font-size: 1.5rem; /* Reducir el tamaño del título */
        }
        label {
            font-weight: 600;
            color: #333;
        }
        .form-group input, .form-group textarea {
            border-radius: 8px;
            border: 1px solid #ced4da;
            padding: 8px; /* Reducir el padding interno */
            transition: transform 0.3s, box-shadow 0.3s;
            background-color: rgba(255, 255, 255, 0.8);
        }
        .form-group input:focus, .form-group textarea:focus {
            border-color: #007bff;
            box-shadow: 0px 0px 8px rgba(0, 123, 255, 0.3);
            transform: scale(1.02);
        }
        .btn-primary {
            background-color: #007bff;
            border: none;
            font-weight: 600;
            padding: 8px 15px; /* Reducir el padding del botón */
            transition: background-color 0.3s, transform 0.3s;
            display: block;
            width: 100%;
            margin-top: 15px;
            font-size: 0.9rem; /* Reducir tamaño de fuente del botón */
        }
        .btn-primary:hover {
            background-color: #0056b3;
            transform: scale(1.05);
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        /* Iconos para etiquetas */
        .form-group label i {
            color: #007bff;
            margin-right: 8px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2><i class="fas fa-edit"></i> Editar Producto 🛠️</h2>
        <form action="editar_producto.php?id=<?php echo $id; ?>" method="POST">
            <div class="form-group">
                <label><i class="fas fa-tag"></i> Nombre del Producto</label>
                <input type="text" name="nombre" class="form-control" value="<?php echo $producto['nombre']; ?>" required>
            </div>
            <div class="form-group">
                <label><i class="fas fa-info-circle"></i> Descripción</label>
                <textarea name="descripcion" class="form-control" rows="2"><?php echo $producto['descripcion']; ?></textarea>
            </div>
            <div class="form-group">
                <label><i class="fas fa-dollar-sign"></i> Precio Unitario</label>
                <input type="number" name="precio_unitario" class="form-control" value="<?php echo $producto['precio_unitario']; ?>" step="0.01" required>
            </div>
            <div class="form-group">
                <label><i class="fas fa-layer-group"></i> Cantidad</label>
                <input type="number" name="cantidad" class="form-control" value="<?php echo $producto['cantidad']; ?>" required>
            </div>
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Guardar Cambios</button>
        </form>
    </div>
</body>
</html>