<!doctype html>
<html lang="en">
  <head>
  	<title>Inventory v.2.0</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="Assets/css/style.css">

	</head>
	<body>
	<section class="ftco-section">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-md-6 text-center mb-5">
					<h2 class="heading-section"></h2>
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-md-12 col-lg-10">
					<div class="wrap d-md-flex">
						<div class="text-wrap p-4 p-lg-5 text-center d-flex align-items-center order-md-last">
							<div class="text w-100">
								<img src="Assets/img/logo-factura.png" class="imagen-responsive" alt="IMG" width=50%>

								<h2><?php echo isset($data['nombre']) ? $data['nombre'] : 'POS'; ?></h2>
								<p class="imagen-responsive">desea conocer mas acerca del sistema ?</p>
								<a href="#" class="btn btn-white btn-outline-white imagen-responsive">Mas Informacion</a>
							</div>
			      </div>
						<div class="login-wrap p-4 p-lg-5">
			      	<div class="d-flex">
			      		<div class="w-100">
			      			<h3 class="mb-4">Bienvenido</h3>
			      		</div>
								<div class="w-100">
									<p class="social-media d-flex justify-content-end">
										<a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-facebook"></span></a>
										<a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-twitter"></span></a>
									</p>
								</div>
			      	</div>
				<form class="signin-form needs-validation" id="formulario" novalidate autocomplete="off">
			      		<div class="form-group mb-3">
			      			<label class="label" for="name">Usuario</label>
			      			<input type="text" class="form-control" placeholder="Usuario" name="usuario" id="usuario" required>
			      		</div>

						<div class="form-group mb-3">
							<label class="label" for="password">Contraseña</label>
							<input type="password" class="form-control" placeholder="Contraseña" name="clave" id="clave" required>
						</div>

						<div class="form-group">
							<button type="submit" class="form-control btn btn-primary submit px-3" id="btnAccion">Entrar</button>
						</div>

						<div class="form-group d-md-flex">
							<div class="w-50 text-left">
								<label class="checkbox-wrap checkbox-primary mb-0">Recuerdame
								<input type="checkbox" checked>
								<span class="checkmark"></span>
								</label>
							</div>
							<div class="w-50 text-md-right">
								<a href="#">Olvide mi contraseña</a>
							</div>
		    	        </div>
		          </form>
		        </div>
		      </div>
				</div>
			</div>
		</div>
	</section>

  	<script src="Assets/js/popper.js"></script>
  	<script src="Assets/js/bootstrap.min.js"></script>
  	<script src="Assets/js/main.js"></script>

    <!-- jQuery -->
    <script src="<?php echo base_url; ?>Assets/js/jquery-3.6.0.min.js"></script>
    <script>
        const base_url = '<?php echo base_url; ?>';
    </script>
    <script src="<?php echo base_url; ?>Assets/js/login.js"></script>


	</body>
</html>

