<?php include_once "../view/partials/template/message.php"; ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/nice-select.css">
    <link rel="stylesheet" href="css/globals.css">
    <link rel="stylesheet" href="css/main.css">

    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">

    <title>Qubit Tickets - NFT's, Blockchain, Events</title>


</head>

<body>
    <!-- ==========Preloader========== -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- ==========Preloader========== -->
    
    <!-- ==========Sign-In-Section========== -->
    <section class="account-section bg_img" data-background="images/account/login.png" style="background-position: center;">
        <div class="container">
            <div class="padding-top padding-bottom">
                <div class="account-area" style="background-color:rgba(11, 25, 91, 0.4);">
                    <div class="section-header-3">
                        <span class="cate">¡Hola!</span>
                        <h2 class="title">Activa tu cuenta Qubit</h2>
                    </div>
                    <form class="account-form" id="activateForm" method="POST" action="<?= getUrl("access", "Access", "activateUser"); ?>">  

                        <?php if(isset($idE)) { ?>
                            <input type="hidden" name="idE" value="<?= $idE; ?>">
                        <?php } ?>
                        
                        <div class="form-group">
                            <label for="user">Correo o n&uacute;mero celular</label>
                            <input type="text" name="userMail" placeholder="Escribe tu e-mail" id="user" value="<?= $valMail; ?>" readonly>
                            <input type="hidden" name="pass" value="<?= $valPass; ?>">
                        </div>
                        <div class="form-group">
                            <label for="key">C&oacute;digo de activaci&oacute;n<span>*</span></label>
                            <input type="text" name="key" placeholder="C&oacute;digo de activaci&oacute;n" id="key">
                        </div>
                        <div class="form-group text-center">
                            <input type="submit" value="Activar">
                        </div>
                    </form>
                    <div class="option">
                        ¿Ya tienes una cuenta con nosotros? <a href="<?= getUrl("access","Access","showLogin", false, "access"); ?>">Accede</a>
                    </div>
                    <div class="or"><span>Or</span></div>
                    <ul class="option">
                        <li class="text-center">
                            <i class="fa fa-solid fa-house"></i>
                            <a href="<?= getUrl("home", "Home", "home"); ?>">
                                Regresar al inicio
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Sign-In-Section========== -->


    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/modernizr-3.6.0.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/magnific-popup.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/countdown.min.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/viewport.jquery.js"></script>
    <script src="js/nice-select.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.validate.js"></script><!--jvalidate-->
    <script src="js/globals.js"></script><!--js personalizado-->
</body>

</html>