<?php
session_start();

if(!$_SESSION['logged_in']){
  header('Location: error.php');
  exit();
}
extract($_SESSION['userData']);

$avatar_url = "https://cdn.discordapp.com/avatars/$discord_id/$avatar.jpg";


?>
<!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">
    <link rel="stylesheet" href="css.css">
    <script src="https://kit.fontawesome.com/5a5d8733bd.js" crossorigin="anonymous"></script>
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
    </style>
    <title>Caba RP - Formulario</title>
</head>

<body class="luz">
    <header>
        <nav>
            <img class="logo" src="caba.png" alt="cabarp">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="normativas.html">Normativas</a></li>
                <li ><a href="dashboard.php">Formulario</a></li>
                <li ><a id="pcu" href="usuario/dashboard.php"><i class="fa-solid fa-desktop"></i> PCU</a></li>
                <li  id="discord"><a class="btn" href=""><i class="fa-brands fa-discord"></i> Discord</a></li>
            </ul>
            <div class="botoncolor">
                <button class="switch" id="switch">
                    <span><i class="fa-solid fa-moon"></i></span>
                    <span><i class="fa-solid fa-sun"></i></span>
                </button>
            </div>
        </nav>
    </header>
    <div class="titulo">
    <h1>Formulario</h1>
    <h3>El formulario se enviara como: <?php echo $name;?></h3>
    <h3><?php echo $discord_id; ?></h3>
    <img class="perfil" src="<?php echo $avatar_url?>" />
    </div>
    <div class="formulario">
    <form  name="formulario" class="formulario" method="POST" action="enviar.php">
        <div class="contenedor__formulario">
            <input type="text" name="edad" placeholder="Edad" <?php echo "required"?>>
            <input type="text" name="rol" placeholder="Tiempo en roleplay">
            <input type="text" name="experiencia" placeholder="Experiencias como staff" <?php echo "required"?>>
            <input type="text" name="porque" placeholder="por que quieres ser staff" <?php echo "required"?>>
            <input type="text" name="ban" placeholder="Tuviste algun ban?" <?php echo "required"?>>
            <input type="text" name="horarios" placeholder="Disponibilidad horaria?" <?php echo "required"?>>
            <div class="enviar">
            <button type="submit" id="enviar" class="btn btn-primary">Enviar</button>
            </div>
            
        </div>
    </form> 
    </div>
    <div class="logout">
    <a href="logout.php" class="mt-5 text-gray-300">Cerrar sesion</a>
    </div>
    <footer>
        <h3>Con mucho amor por Pipón#4059 💓</h3>
        <p>Recuerda leer las normativas</p>
        <a class="boton2" href=""><i class="fa-solid fa-book"></i> Aqui</a>
    </footer>
    <script src="JS.js"></script>
</body>

</html>