@extends('dashboard.Boutique.auth.reset_password._blank')
@section('content')
<div class="col-xs-12 col-lg-12 vertical-center" style=" background: url('{{asset('images/shop_background.jpg')}}') center no-repeat;background-size: cover;">
	<!-- form starts here -->
	<div class="row">
		<div class="col-md-3 col-xs-12"></div>
		<form class="col-md-6 col-xs-12" style="" onsubmit="return check_error(['myInput','cpassword'])" action="{{route('reset.pass.new')}}" method="post" id="login_form">
			<input type="hidden" value="{{$email}}" name="email">
			<input type="hidden" value="{{$password}}" name="incomepassword">
			<div class="row">
				<div class="col-sm-1 col-xs-12"></div>
				<div class="col-sm-10 col-xs-12" style="background: #fff;padding: 5%;border-left: 5px solid #88b121;padding-top: 50px;">
				<div class=" col-sm-12 text-center" style="margin-bottom: 30px;">
					<a href="{{url('/')}}"> <img src="{{asset('images/logo.png')}}" alt="" width="300px"></a>
				</div>
	@csrf
					<div class="form-group">
						<label> Mot de passe</label>

						<div class="input-group mb-3">
							<input type="password" name="password" minlength="8" data-input_name="mot de passe" placeholder="Votre mot de passe" onblur="check_error(['myInput'])" class="form-control" required="required" id="myInput" aria-label="Recipient's username" aria-describedby="basic-addon2">
							<div class="input-group-append">
								<button class="btn btn-outline-secondary" type="button" id="check3"  value="show password" onclick="myFunction()"><i class="fa fa-eye"></i></button>
							</div>
						</div>
						<span id="errormyInput" style="color: red;"></span>

					</div>

					<div class="form-group">
						<label> Saisir à nouveau le mot de passe</label>

							<input type="password" name="cpassword" minlength="8" data-input_name="confirmation du mot de passe" placeholder="Confirmer le mot de passe" onblur="check_error(['cpassword'])" data-imite="myInput" class="form-control" required="required" id="cpassword">
						<span id="errorcpassword" style="color: red;"></span>

						</div>
					<div class="form-group">
	<input type="submit" id="connection" class="btn btn-primary btn-xs" value="CHANGER LE MOT DE PASSE">
					</div>
					<p class="form-group" style="padding-top: 10px;">
						<a href="{{route('login')}}" style="text-decoration: underline">Se connecter</a>
					</p>
			</div>
</form>
</div>
</div>
@endsection