<?php

include 'nombre.php';

if (!empty($_GET["id"])) {
    $id_obtenido = $_GET["id"];
}

$query = "SELECT * FROM productos WHERE id = $id_obtenido";
$todo = $conectado->query($query);

while ($total = $todo->fetch_assoc()) {
    $nombre = $total["nombre"];
    $imagen = $total["imagen"];
    $precio = $total["precio"];
    $caracteristicas = $total["caracteristicas"];
}

if ($_SERVER["REQUEST_METHOD"] === "POST") {
    $nombre = @$_POST["nombre"];
    $imagen = $_POST["imagen"];
    $precio = $_POST["precio"];
    $caracteristicas = $_POST["caracteristicas"];
    $archivo_temporal = $_FILES['imagen']['tmp_name'];
    $nombre_archivo = $_FILES['imagen']['name'];
    $carpeta_destino = 'img/';

    if (move_uploaded_file($archivo_temporal, $carpeta_destino . $nombre_archivo)) {
        // Proceso de subida de imagen correcto
    }

    $query = "UPDATE productos SET nombre = '$nombre', imagen = '$nombre_archivo', precio = '$precio', caracteristicas = '$caracteristicas'  WHERE id = $id_obtenido";
    $editar = $conectado->prepare($query);
    $editar->execute();
    header("Location: carrito2.php");
    exit();
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Editar Registro</title>
    <link rel="stylesheet" type="text/css" href="Estilos/index.css">
    <script src="https://unpkg.com/feather-icons"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/js/uikit.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/js/uikit-icons.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/css/uikit.min.css" />
</head>

<style>

.chat-icon {
    position: fixed;
    bottom: 20px; /* Distancia desde la parte inferior */
    right: 20px; /* Distancia desde el lado derecho */
    background-color: #3056C4;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.3s ease;
}

.chat-icon:hover {
    transform: scale(1.1); /* Efecto de escala al pasar el mouse */
}
</style>

<body>
    <?php include 'menu.php';?>
    <div class="uk-child-width-1-1 uk-text-center" uk-grid>
        <div>
            <div class="uk-card uk-card-body">
                <h1>Agregar carro</h1>
            </div>
        </div>
        <div>
            <div class="uk-card uk-card-body">
                <form action="" method="post" enctype="multipart/form-data">
                    <div class="uk-margin">
                        <h3>Nombre del producto</h3>
                        <input class="uk-input uk-form-width-medium" type="text" placeholder="Nombre del producto" name="nombre" value="<?php echo $nombre; ?>">
                    </div>
                    <div class="uk-margin">
                        <h3>Precio</h3>
                        <input class="uk-input uk-form-width-medium" type="text" placeholder="precio" name="precio" value="<?php echo $precio; ?>">
                    </div>
                    <div class="uk-margin">
                        <h3>caracteristicas</h3>
                        <input class="uk-input uk-form-width-medium" type="text" placeholder="caracteristicas" name="caracteristicas" value="<?php echo $caracteristicas; ?>">
                    </div>
                    <div class="uk-margin">
                        <h3>Imagen</h3>
                        <input class="uk-input uk-form-width-medium" type="file" name="imagen" value="<?php echo $imagen; ?>">
                    </div>
                    <button class="uk-button uk-button-primary" type="submit">ENVIAR</button>
                    <br>
                    <a href="index.php" class="uk-button uk-button-default uk-margin-top">Volver</a>
                </form>
                <div class="chat-icon">
    <?php include("boticon.php") ?>
    </div>
            </div>
        </div>
    </div>
</body>

</html>
