@extends('frontend.layouts.app')
@section('meta_title', 'Password Reset')
@section('content')
	<main class="pageMainLayout__wr resetPassPage__wr">
		<section class="innerPageBnrWrap__wr resetPassPageBnr__wr">
			<div class="container">
				<div class="contentWrap__wr">
					<h6 class="bannerTitle__wr">Create New Password</h6>
					{{-- <ol class="breadcrumbWrap__wr">
						<li><a href="index.php">Home</a></li>
						<li>Reset Password</li>
					</ol> --}}
                    <span>Your new password must be diffrent from <br> previously used password</span>
					<div>
						{!! displayAlert() !!}
					</div>
				</div>
			</div>
		</section>
		<form class="innerProPageSec__wr signInParentSec__wr resetPassParentSec__wr" method="POST" action="{{ route('password.update') }}">
			@method('POST')
            @csrf
			<div class="formWrap__wr">
				<div class="formWrpper__wr">
					{{-- <div class="secHeadWrap__wr">
						<!-- <h1 class="secTitle__wr">Account Type</h1> -->
						<p>Enter new password?</p>
					</div> --}}
					<div class="secBodyWrap__wr">
						<div class="form-row">
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
								<label>Email<span>*</span></label>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" autocomplete="email" placeholder="Email" autofocus>
                                @error('email')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
							</div>
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
								<label>Code<span>*</span></label>
                                <input id="code" type="text" class="form-control @error('code') is-invalid @enderror" name="code" value="{{ $email ?? old('code') }}" autocomplete="code" autofocus placeholder="Code">
                                @error('code')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
							</div>
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 pass__wr">
								<label>Password<span>*</span></label>
                                <input id="password" type="password" placeholder="Password*" class="form-control passField__wr" name="password" required autocomplete="new-password">
								<span class="text-muted" style="font-size: 11px;">Use Uppercase, lowercase, numbers and special character</span>                                @error('password')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                                {{-- <span data-tag="passField__wr" class="togglePass__wr"><i class="fas fa-eye-slash"></i></span> --}}
							</div>
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 pass__wr">
								<label>Confirm Password<span>*</span></label>
                                <input id="password-confirm" type="password" placeholder="Confirm Password*" class="form-control passField__wr" name="password_confirmation" required autocomplete="new-password">
								{{-- <input type="password" class="form-control passField__wr" placeholder="Confirm Password*" autocomplete="off" required> --}}
								<span data-tag="passField__wr" class="togglePass__wr"><i class="fas fa-eye-slash"></i></span>
							</div>
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 btnParent__wr">
								<button type="submit" class="btn btn__wr">Reset Password</button>
							</div>
							<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 redirectLink__wr">
								<p><a href="{{ url('/login') }}">Back to Sign in</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>
@endsection