<?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">Bienvenido</span>
                        <h2 class="title">a <b>Boletos Qubit</b></h2>
                    </div>
                    <form class="account-form" id="signupForm" method="POST" action="<?= getUrl("access", "Access", "registry"); ?>">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="name">Nombre<span>*</span></label>
                                    <input type="text" placeholder="Ingresa tu nombre" name="name" id="name">
                                </div>
                                <div class="col-md-6">
                                    <label for="last_name">Apellido<span>*</span></label>
                                    <input type="text" placeholder="Ingresa tu apellido" name="last_name" id="last_name">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="email1">Email<span>*</span></label>
                                    <input type="email" placeholder="Ingresa tu direcci&oacute;n de correo" name="email1" id="email1">
                                </div>
                                <div class="col-md-6">
                                    <label for="phone1">N&uacute;mero telef&oacute;nico<span>*</span></label>
                                    <input type="text" placeholder="Ingresa tu n&uacute;mero celular sin indicativo de pais" name="phone1" id="phone1" minlength="10" title="No incluya (+) ni el indicativo de pais">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="pass1">Contraseña<span>*</span></label>
                                    <input type="password" placeholder="Contraseña" name="pass1" id="pass1" title="Debe tener al menos 8 caracteres">
                                </div>
                                <div class="col-md-6">
                                    <label for="pass2">Confirmar Contraseña<span>*</span></label>
                                    <input type="password" placeholder="Confirma contraseña" name="pass2" id="pass2" title="Debe tener al menos 8 caracteres">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <select class="form-control" name="country" style="background-color:rgba(11, 25, 91, 0.4); color: gainsboro;">

                                        <option value="default">Selecciona tu pa&iacute;s</option>

                                        <?php foreach ($country as $ctry) { ?>

                                            <option value="<?= $ctry['digeid']; ?>"><?= $ctry['digedesc']; ?></option>

                                        <?php } ?>

                                    </select>
                                </div>
                            </div>
                        </div>
                        <p id="alertpass" class="mt-1"></p>
                        <p id="alertpass2" class="mt-1"></p>
                        <div class="form-group checkgroup">
                            <input type="checkbox" name="bal" id="bal" checked>
                            <label for="bal justify-left">&nbsp;&nbsp;&nbsp;Estoy de acuerdo con las <a href="#0">P&oacute;liticas</a></label>
                        </div>
                        <div class="form-group text-center">
                            <input type="submit" value="Registrarme">
                        </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>O</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>