<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <!-- Favicon -->
	    <link rel="shortcut icon" href="{{ asset(Session::get('webdata')['uri_icon']) }}">
		@if( isset(Session::get("webdata")["uri_css2"]) && !is_null(Session::get("webdata")["uri_css2"]) )
		<link rel="stylesheet" href='{{ asset(Session::get("webdata")["uri_css2"]) }}'>
		@else
		<link rel="stylesheet" href='{{ asset("Libreria_CA/bootstrap/css/bootstrap-fi.css") }}'>
		@endif
		<link rel="stylesheet" href="{{ asset('/Libreria_CA/bootstrap-icons-1.7.2/bootstrap-icons.css') }}">
		<link href="{{ asset('/css/font-awesome.min.css') }}" rel="stylesheet">
	    <title>{{ Session::get('webdata')['web_title'] }}</title>
	</head>        
	<body>
		<section class="vh-100"  style="background-color: #e6e6e6;">
			<div class="container py-5 h-100">
				<div class="row d-flex justify-content-center align-items-center h-100">
					<div class="col-12 col-md-8 col-lg-6 col-xl-5"> 
						<div class="card shadow-lg p-3 mb-5 bg-white rounded">
							<div class="card-body p-5">
								<div class="col text-center mb-4">
									<a href="/login" class="navbar-brand navbar-brand-img text-center">
										<img src="{{ asset(Session::get('webdata')['uri_logo']) }}" height="40">
									</a>    
								</div>
								<div class="col-sm-12 my-3">
									<h2 class="text-center text-fidelitas lead">Cambio de Clave</h2>
								</div>
								@if(!$error)
									<div class="col-sm-12">
										<form method="POST" class="form-signin" id="form_restablecer_clave">
											<input type="hidden" name="u" id="u" value="{{$usuario}}">
											<input type="hidden" name="_token" value="{{ csrf_token() }}">
											<!--  -->
											<div class="form-floating mb-4">
												<input name="clave" type="password"  id="clave"  class="form-control" placeholder="Clave Nueva">
												<label for="clave" class="text-muted">Clave Nueva</label>
												<div class="col-sm-12">
													<i id="6-10char" style="color:#FF0004;" class="bi bi-x"></i>Debe contener entre 10 y 26 caracteres de longitud (No debe incluir caracteres con tilde) <br>
													<i id="s-char" style="color:#FF0004;" class="bi bi-x"></i>Debe contener Caracter especial ( ! @ # $ % ^ & * - _ ( ) + )<br>
													<i id="mayus-char" style="color:#FF0004;" class="bi bi-x"></i>Debe contener Mayúscula<br>
													<i id="minus-char" style="color:#FF0004;" class="bi bi-x"></i>Debe contener Minúscula<br>
													<i id="num" style="color:#FF0004;" class="bi bi-x"></i>Debe contener Número<br>
													<i id="espacio" style="color:#00A41E;" class="bi bi-check"></i>No debe contener espacio<br>

												</div>
											</div>
											<div class="form-floating mb-4">
												<input name="rclave" type="password"  id="rclave"  class="form-control" placeholder="Repetir Clave Nueva" autocomplete="off">
												<label for="rclave" class="text-muted">Repetir Nueva Clave</label>
												<div class="col-sm-12">
													<i id="pwmatch" class="bi bi-x" style="color:#FF0004;"></i> Debe repetir la clave idéntica 
												</div>
											</div>
											<div class="row">
												<div class="col-md-12 text-center">
													<button type="submit" class="col-xs-12 btn btn-lg btn-fidelitas" id="btn_restablecer_clave" data-loading-text="Cambiando Clave..." ><i class="bi bi-hand-thumbs-up-fill"></i> Confirmar</button>
												</div>
											</div>
											<!--  -->
											<div class="row">
												<div class="col-md-12">
													<div class="alert alert-danger mt-3 d-none" id="password_requirement"></div>
												</div>
											</div>
											<div  class="row">
												<div class="col-md-12">
													<div  class="alert alert-success mt-3 d-none" id="message_ok"></div>
												</div>
											</div>
										</form>
									</div>
								@else
									<div class="alert alert-danger">
										{!!$error!!}
									</div>
								@endif
							</div>
						</div>
					</div>	
				</div>
				<footer id="footer_compacto" class="background-fidelitas roboto text-left background-inquirovitae text-center text-fidelitas" style="padding: 5px 15px;">@Copyright {{ Session::get('webdata')['copyright'] }} {{date('Y')}}</footer>
			</div>
		</section>
		<!-- -->
		<script language="JavaScript" src="{{ asset('/Libreria_CA/Js/jquery.js') }}"></script>
		<script language="JavaScript" src="{{ asset('/Libreria_CA/bootstrap/js/bootstrap.bundle.js') }}"></script>
		<script language="JavaScript" type="text/javascript" src="{{ URL::asset('js/restablecer_clave.js')  }}?v={{rand()}}"></script>
	</body>
</html>
