<?php
include 'validar.php';  
include 'conexion.php';  


$consulta = $conectado->prepare("SELECT * FROM productos");
$consulta->execute();

$resultado = $consulta->get_result();

$mas = !empty($_GET["mas"]) ? $_GET["mas"] : null;

if (!isset($mas)) {
    exit();
}

$nombre = $_SESSION['Nombre'];
$producto = !empty($_POST["producto"]) ? $_POST["producto"] : null;


?>

<!DOCTYPE html>
<html lang="en">
<head>
<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">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/css/uikit.min.css" />
    <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>
    <title>tienda</title>
    <script>
        function compra(){
        alert("Compra realizada")
        }   
    </script>
    <style>
        .av{
            margin-top:100px;
        }
        .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>
</head>
<body>
<div class="chat-icon">
    <i class="far fa-comment"></i>
    </div>
    
    <?php 
   
 
    include 'menu.php';

        $sql = $conectado->prepare("SELECT * FROM productos WHERE id = '$mas'");
        $sql->execute();
        $result = $sql->get_result();
        if ($result->num_rows > 0) {
            foreach($result as $valores) {
                $precio = $valores["precio"];
?>
                <div class="uk-child-width-1-1 uk-text-default av" uk-grid>
                    <div>
                        <div class="uk-card uk-card-body">
                            <div class="uk-container">
                                <div class="uk-child-width-1-1 uk-child-width-1-2@m uk-text-default" uk-grid>
                                    <div>
                                        <form action="" method="post" onsubmit=" return compra()">
                                        <input type="hidden" name="producto" value="<?php echo $valores["nombre"]; ?>">
                                            <div class="uk-card uk-card-body">
                                                <img src="img/<?php echo $valores["imagen"]; ?>" style="height:400px; width;400px:" alt="">
                                            </div>
                                        </div>
                                        <div>
                                            <div class="uk-card uk-card-body">
                                                <h3>Nombre: <?php echo $valores["nombre"]; ?></h3>
                                                <ul>
                                                    <li>Precio: <?php echo $valores["precio"].'$' ?></li>
                                                    <li>Descripcion: <?php echo $valores["caracteristicas"] ?></li>
                                                </ul>
                                                <button type="submit"  class="uk-button uk-button-primary" name="enviar">Comprar <span uk-icon="icon:  cart; ratio: 1"></span></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            <?php } ?>
        <?php }
      
    ?>
    <?php include("footer.php") ?>
<?php 
$histo = $conectado->prepare("INSERT INTO historial (usuario, producto, precio) VALUES (?, ?, ?)");
$histo->bind_param("sss", $nombre, $producto, $precio);
$histo->execute();
?>
<div class="chat-icon">
    <?php include("boticon.php") ?>
    </div>
</body>
</html>