<?php 
include("configuracion.php");
$light_mode = false;
$small_footer = true;
?>
<!doctype html>
<html lang="en">

  <head>
      <?php 
      // global head tag stylesheet
      /* **************************************** */
      include_once("components/head.php");
      /* **************************************** */
      // global head tag stylesheet
      ?>   
      <!-- CUSTOM CSS VIEW -->
      <!-- CUSTOM CSS VIEW END -->
  </head>

  <body class="body d-flex flex-column h-100">

    <?php 
      // global header menu 
      /* **************************************** */
      require_once("components/header.php");
      /* **************************************** */
      // global header end
    ?> 

    <main role="main " class="main">


    
    <section class="bg-body-tertiary">
        <div class="container p-0">
              <nav aria-label="breadcrumb">
                  <ol class="breadcrumb p-3  rounded-3">
                    <li class="breadcrumb-item">
                      <a class="link-body-emphasis" href="./">
                        <i class="bi bi-house"></i>
                        <span class="visually-hidden">Home</span>
                      </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                      Login / Registro
                    </li>
                  </ol>
                </nav>
              </div>
    </section>





    <section class="my-5">
            <div class="container">
               <!-- row -->
               <div class="row justify-content-center align-items-center">

                  <!-- col -->
                  <div class="col-12 col-sm-4 order-lg-2 order-1">
                     <div class="mb-lg-9 mb-5">
                        <h1 class="mb-1 h2 fw-bold">Acceso</h1>
                        <p>¡Bienvenido de nuevo a <?=TITLE?>! Ingrese su correo electrónico para comenzar.</p>
                        <?php if(isset($_GET["m"]) AND $_GET["m"]==1){?>
                           <div class="alert alert-danger" role="alert">
  No hemos encontrado este registro!, por favor intente otra vez.
</div>
                           <?php }?>
                     </div>

                     <form class="needs-validation" novalidate="" action="<?=WEB?>" method="POST">
                        <div class="row g-3">
                           <!-- row -->

                           <div class="col-12">
                              <!-- input -->
                              <label for="formSigninEmail" class="form-label visually-hidden">Email</label>
                              <input type="email" name="email_acceso" class="form-control" id="formSigninEmail" placeholder="Email" required="">
                              <div class="invalid-feedback">Por favor ingrese su correo.</div>
                           </div>

                           <div class="col-12">
                              <!-- input -->
                              
                              <label for="formSigninPassword" class="form-label visually-hidden">Contraseña</label>
                              <div class="password-field position-relative">
                              <input type="password" name="clave_acceso" class="form-control" id="passwordlogin" placeholder="Contraseña" autocomplete="off" required="">
                               <div class="invalid-feedback">Ingresa tu contraseña</div>
                              <span class="input-icon-right hand-hover fs-5" id="showhidepassword" data-showhide="#passwordlogin"><i class="bi bi-eye-slash"></i></span>
                              </div>
                        </div>
                       
                           <div class="d-flex justify-content-between">
                              <!-- form check -->
                              <div class="form-check">
                                 <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                 <!-- label -->
                                 <label class="form-check-label" for="flexCheckDefault">Recordarme</label>
                              </div>
                              <div>
                                 ¿Olvido su contraseña?
                                 <a href="<?=WEB?>forgot-password">Generar nueva</a>
                              </div>
                           </div>
                           <!-- btn -->
                           <div class="col-12 d-grid"><button type="submit" class="btn btn-primary">Acceder</button></div>
                           <!-- link -->
                           
                        </div>
                     </form>
                  </div>



                  <div class="col-12 col-sm-2 order-lg-2 order-1"></div>

                  <div class="col-12 col-sm-4 order-lg-2 order-1">
                     <div class="mb-lg-9 mb-5">
                        <h1 class="mb-1 h2 fw-bold">Regístrate</h1>
                        <p>¡Bienvenido de nuevo a <?=TITLE?>! Registrate con tu correo electrónico para comenzar.</p>
                     </div>
                     <!-- form -->
                     <?php if(isset($_GET["error-email"])){?>
                     <div class="alert alert-danger" role="alert">
                          Este correo, (<?=$_GET["error-email"]?>) ya se encuentra registrado en nuestro sistema
                        </div>
                        <?php }?>

                     <form class="needs-validation" novalidate="" action="<?=WEB?>register-send.php" method="POST" id="formregister" name="formregister">
                        <div class="row g-3">
                           <!-- col -->
                           <div class="col">
                              <!-- input -->
                              <label for="formSignupfname" class="form-label visually-hidden">Nombre</label>
                              <input type="text" name="name" class="form-control" id="formSignupfname" placeholder="Nombre" required="">
                              <div class="invalid-feedback">Por favor ingrese su nombre.</div>
                           </div>
                           <div class="col">
                              <!-- input -->
                              <label for="formSignuplname" class="form-label visually-hidden">Apellido</label>
                              <input type="text" name="lastname" class="form-control" id="formSignuplname" placeholder="Apellido" required="">
                              <div class="invalid-feedback">Por favor ingrese su apellido.</div>
                           </div>
                           <div class="col-12">
                              <!-- input -->
                              <label for="formSignupEmail" class="form-label visually-hidden">Email</label>
                              <input type="email" name="email" class="form-control" id="formSignupEmail" placeholder="Email" required="">
                              <div class="invalid-feedback">Por favor ingrese su email</div>
                           </div>
                           <div class="col-12">
                              <!-- input -->
                              
                              <label for="formSigninPassword" class="form-label visually-hidden">Contraseña</label>
                              <div class="password-field position-relative">
                              <input type="password" name="password" class="form-control" id="passwordlogin" placeholder="Contraseña" autocomplete="off" required="">
                               <div class="invalid-feedback">Ingresa tu contraseña</div>
                              <span class="input-icon-right hand-hover fs-5" id="showhidepassword" data-showhide="#passwordlogin"><i class="bi bi-eye-slash"></i></span>
                              </div>
                           </div>
                           <!-- btn -->
                           <div class="col-12 d-grid"><button type="submit" class="btn btn-primary">Registrarme</button></div>

                           <!-- text -->
                           
                        </div>
                     </form>
                  </div>
                  
               </div>
            </div>
         </section>
 
    </main>


  
    
    
    <?php 
      /* **************************************** */
      // footer
      require_once("components/footer.php");
      // footer end
      // script js global
      require_once('components/bottom.php');
      //  script js global end
      /* **************************************** */
    ?> 
    
    <!-- CUSTOM VIEW SCRIPT/LIBRARY -->
    <!-- CUSTOM VIEW SCRIPT/LIBRARY END -->
  </body>
</html>