<?php
//incluyendo los achivos de conexion y gestor de archivo//
include 'conexion.php';

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST["Nombre"];
    $correo = $_POST["gmail"];
    $contra = $_POST["contrasena"];
    $tipo= "usuario";
    
    // Verificar si el nombre de usuario ya existe
    $consulta_existencia = $conectado->prepare("SELECT * FROM usuario WHERE nombre = ?");
    $consulta_existencia->bind_param("s", $name);
    $consulta_existencia->execute();
    $resultado_existencia = $consulta_existencia->get_result();

    if ($resultado_existencia->num_rows > 0) {
        echo "Error: Este nombre de usuario ya está registrado. Por favor, elige otro.";
    } else {
        // Insertar nuevo usuario
        $consulta_registro = $conectado->prepare("INSERT INTO usuario (Nombre, gmail, contrasena, tipousuario) VALUES (?, ?, ?, ?)");
        $consulta_registro->bind_param("ssss", $name, $correo, $contra, $tipo);
        $consulta_registro->execute();

        // Verificar el registro
        $consulta_verificacion = $conectado->prepare("SELECT * FROM usuario WHERE nombre = ? AND contrasena = ?");
        $consulta_verificacion->bind_param("ss", $name, $contra);
        $consulta_verificacion->execute();
        $resultado_verificacion = $consulta_verificacion->get_result();

        if ($resultado_verificacion->num_rows > 0) {
            $fila = $resultado_verificacion->fetch_assoc();
            session_start();
            $_SESSION['id'] = $fila['id'];
            $_SESSION['Nombre'] = $fila['Nombre'];
            $_SESSION['gmail'] = $fila['gmail'];
            header("Location: carrito2.php");
            exit();
        } else {
            echo "Error al verificar el registro.";
        }
    }
}



?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inicio</title>
    <link rel="stylesheet" href="Estilos/regitrar.css">

    <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>
</head>
<body>

    <div class="wrapper fadeInDown">
        <div id="formContent">
        <a href="iniciar.php">  <h2 class="inactive underlineHover"> Iniciar sesion </h2></a>
          <h2 class="active" >Registrate </h2>
      
          
          <div class="fadeIn first">
            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
                <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
              </svg>
          </div>
            
          
          <form action="" onsubmit="validar()" method="post">
            <input type="text" id="login" class="fadeIn second" name="Nombre" placeholder="Nombre"  style="text-align: left;">
            <input type="text" id="password" class="fadeIn third" name="Apellido" placeholder="Apellido"  style="text-align: left;">
            <input type="text" id="login" class="fadeIn second" name="gmail" placeholder="Gmail"  style="text-align: left;">
            <input type="password" id="password" class="fadeIn third" name="contrasena" placeholder="Contrasena "  style="text-align: left;">
            <input type="password" id="login" class="fadeIn second" name="login" placeholder="confirmar Contrasena"  style="text-align: left;"  >
           
            <input type="submit" class="fadeIn fourth" value="Iniciar">
          </form>
      
          
          <div id="formFooter">
            <a class="underlineHover" href="#">Tienes cuenta?</a>
          </div>
      
        </div>
      </div>
      <div class="chat-icon">
    <?php include("boticon.php") ?>
    </div>
</body>
</html>


