@include('includes.headLogin')

<div class="container">
	<div class="d-flex justify-content-center">
		<div class="card">
			
			<div class="card-body">
				<form>
					<div class="input-group form-group">
						<img src="{{ asset('/imagenes/iconoUsuario.png') }}" alt="icono usuario" width="45px">
						<input type="text" id="username" class="form-control" placeholder="username" style="margin-left:5%;border-radius:.80rem!important">
						
					</div>
					<div class="input-group form-group">
                        <img src="{{ asset('/imagenes/iconoContrasenia.png') }}" alt="icono usuario" width="40px">
						<input id="password" style="margin-left:6%; border-radius:.80rem!important" style="margin-top:5px;" type="password" class="form-control" placeholder="password">
					</div>
					<div class="row align-items-center remember">
                        <div class="col-sm-6">
                          <input type="checkbox">Recodrdar
                        </div>

                        <div class="col-sm-6">
						  <a href="/recuperar" style="color:#FFFFFF">
                           ¿Olvidaste la contraseña?
						  </a>
                        </div>

                    </div>
                    <div class="row" style="margin-top:10%;margin-left:30%;height:70px">
                      <input type="button" id="login" value="Login" class="btn btn-success">  
					</div>
				</form>
			</div>
			
		<div class="row" style="margin-top:310px">
            <div class="col-sm-7" style="margin-top:10px">
				<h5>¿No tienes una cuenta?</h5>
            </div>

            <div class="col-sm-4">
				<a href="{{ asset('/registrate') }}" class="btn login_btn_register"> Registrate </a>
            </div>

		</div>
	  </div>

	</div>

</div>

@include('includes.footerLogin')