<!DOCTYPE html>
<html lang="es">

<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>Date de Alta</title>
    <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
    <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
    <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>

    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>

<body>
    <ons-page>
        <div style="text-align: center; margin: auto;">
            <img src="imagenes/alta.jpeg" style="width: 100%;">
        </div>
        <?php
        if (!empty($_GET['error'])) {
            echo "<div class='error'>Parece que el usuario existe en nuestro sistema o se ha producido un error!!</div>";
        }
        ?>
        <form action="./includes/crearusuario.php" method="post" autocomplete="off">
            <div style="text-align: center; margin-top: 30px;">
                <p>
                    <ons-input type="text" name="nombre" id="nombre" required placeholder="Su Nombre"></ons-input>
                <p>
                    <ons-input type="email" name="mail" id="mail" required placeholder="Su Correo"></ons-input>
                <p>
                    <ons-input type="password" name="pass" id="pass" required placeholder="Pass"></ons-input>
                <p>
                    <input type="submit" id="enviar" style="display: none;">
                    <ons-button onclick="$('#enviar').click(); console.log('hola');"><ons-icon icon="fa-user-plus"></ons-icon> Alta</ons-button>
                <p style="margin-top: 50px;">
                    <a href='index.php'>Inicio</a>
                </p>
            </div>
        </form>

    </ons-page>
</body>

</html>