<!DOCTYPE html>
<html>
<head>
    <%- include('./partials/head'); %>
    <title>Login</title>
    <!--ESTILOS-->
    <link rel="stylesheet" href='styles/css/login.css'>
    <!--SCRIPT-->
    
</head>
<body>
    <header>
        <nav>
            <div class="contenedor__topbar1">
                <div class="contenedor__topbar1-logo">
                    <a href="/home">
                        <img class="logo_topbar1" src="/img/logo_texto_100px.png">
                    </a>
                </div>
                <div class="contenedor__topbar2">
                    <a href="/home">
                        <img class="logo_topbar2" src="/img/logo_100px.png">
                    </a>
                </div>
            </div>
        </nav>
    </header>
    <main>
        <div class="contenedor__todo">
            <div class="caja__trasera">
                <div class="caja__trasera-login">
                    <h3>¿Ya tienes una cuenta?</h3>
                    <p>inicia sesion para subir tus imagenes</p>
                    <button id="btn__iniciar-sesion">Iniciar sesion</button>
                </div>
                <div class="caja__trasera-register">
                    <h3>¿Aun no tienes una cuenta?</h3>
                    <p>Registrate para que puedas iniciar sesion</p>
                    <button id="btn__registrarse">Registrarse</button>
                </div>
            </div>
<!--Formulario de login y registro -->
            <div class="contenedor__login-register">
                <form action="/signup" method="POST" class="formulario__register" >
                    <h2>Registrarse</h2>
                    <input type="text" id="UserName" name="UserName"  placeholder="UserName" >
                    <input type="text" id="email" name="email" placeholder="Email" >
                    <input type="password" id="password" name="password" placeholder="Contraseña"  >
                    <div class="caja-checkbox">
                        <div class="caja-checkbox-text">
                            <p>Al registrarse Acepta los <a style="color:rgb(255, 78, 225);" href="/terms">Términos y Condiciones</a></p>
                        </div>
                    </div>
                    <div class="button-register">
                        <button type="submit" name="BTNING">Registrarse</button>
                    </div>
                </form>
                <form action="/signin" class="formulario__login" method="POST" >
                    <h2>Iniciar Sesion</h2>
                    <input type="text"     id="UserName" name="username" placeholder="UserName"    >
                    <input type="password" id="password" name="password" placeholder="Contraseña"  >
                    <div class="button-login">
                        <button >Entrar</button>
                    </div>
                    <p >No te acuerdas de tu contraseña? <a style="color:rgb(255, 78, 225);" href="terms_conds.html"><br> click aqui</a></p>  <!--crear html para recuperar contraseña-->
                </form>
            </div>
        </div>
    </main>
    <%- include('./partials/footer'); %>

</body>
<script src="styles/js/stylelogin.js"></script>
</html>