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

$nombre = @$_POST["nombre"];
$gmail = @$_POST["gmail"];
$contrasena = @$_POST["contrasena"];
$tipousuario = @$_POST["tipousuario"];

if (isset($nombre) && isset($gmail) && isset($contrasena) && isset($tipousuario)) {
    $query = "INSERT INTO usuario (Nombre, gmail, contrasena, tipousuario) VALUES ('$nombre','$gmail','$contrasena', '$tipousuario')"; 
    $agregar = $conectado->prepare($query);
    $agregar->execute();
    header("location: usuarios.php");
    exit(); // Agrega exit para asegurar que no se ejecute más HTML después del header
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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" />
    <title>Mi Página Web</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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="Estilos/agregar_usuario.css">
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f2f2f2;
        }

        .custom-form {
            max-width: 400px;
            margin: 50px auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0px 0px 10px 0px #000000;
            margin-top: 200px;
        }

        .custom-input, .custom-select {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        .custom-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: url('https://imageurl.com/down-arrow.png') no-repeat right #fff;
            background-size: 20px;
        }

        .custom-submit {
            background-color: #4CAF50;
            color: #fff;
            padding: 10px 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }

        .custom-submit:hover {
            background-color: #45a049;
        }

        .custom-heading {
            text-align: center;
            color: #333;
        }

        .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>
    <!-- Resto del head... -->
</head>
<body>
    <?php
    include 'menu2.php';
    ?>
    
    <form action="" method="post" class="custom-form">
        <h2 class="custom-heading">Agregar Usuario</h2>
        <input type="text" class="custom-input fadeIn second" name="nombre" placeholder="Nombre" required>
        <input type="text" class="custom-input fadeIn third" name="gmail" placeholder="Gmail" required>
        <input type="password" class="custom-input fadeIn second" name="contrasena" placeholder="Contraseña" required>
        <select name="tipousuario" class="custom-select" required>
            <option value="" disabled selected>Selecciona un tipo de usuario</option>
            <option value="usuario">Usuario final</option>
            <option value="administrador">Usuario administrador</option>
        </select>
        <input type="submit" class="custom-submit fadeIn fourth" value="Agregar Usuario">
    </form>

    <div class="chat-icon">
    <?php include("boticon.php") ?>
    </div>
    
    <footer>
      <div class="footer-container">
        <div class="copyright">
          &copy; 2023 Tu Empresa. Todos los derechos reservados.
        </div>
        <div class="contact-info">
          <div class="phone">Teléfono: +1 234 567 890</div>
          <div class="address">Dirección: Calle Principal, Ciudad, Estado</div>
          <a href="#" id="backToTop">
            <i class="fas fa-arrow-up"></i>
          </a>
        </div>
      </div>
    </footer>    

</body>
</html>