@extends('main')
@section('styles')
@endsection
@section('content')
	<div class="breadcrumbs">
		<div class="">
			<div class="row">
				<div class="col-xs-12">
					<ul>
						<li class="home">
							<a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
							<span>/</span>
						</li>
						<li>
							<a href="{{ Route('site.account.home') }}">{{ __('My account') }}</a>
							<span>/</span>
						</li>
						<li >
							{{ __('Reset Password') }}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<section class="main-container col1-layout ">
		<div class="">
			<div class="col-main">
				<div class="cart">
					
					<div class="well col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-12">
						<h1 class="page-heading">{{ __('Reset Password') }}</h1>
						<form class="form-horizontal" role="form" method="POST" action="{{ route('password.update') }}">
							{{ csrf_field() }}
							<input type="hidden" name="token" value="{{ $token }}">
							<div class="form-group row">
								<div class="col-sm-12 col-xs-12">
									<label for="email">{!! __('Email') !!}</label>
									<div class="input-group">
										<span class="input-group-addon"><i class="fa fa-envelope" aria-hidden="true"></i></span>
										<input name="email" size="60" class="form-control @error('email') error is-invalid @enderror" placeholder="{!! __('Email') !!}" type="email" required value="{{ $email ?? old('email') }}">
										</div>
									</div>
								</div>
								<div class="form-group row">
									<div class="col-sm-12 col-xs-12">
										<label for="password">{!! __('Password') !!}</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
											<input name="password" id="password" size="60" class="form-control @error('password') error @enderror" placeholder="{!! __('Password') !!}" type="password" required value="">
											</div>
										</div>
									</div>
									<div class="form-group row">
										<div class="col-sm-12 col-xs-12">
											<label for="password_confirmation">{!! __('Confirm Password') !!}</label>
											<div class="input-group">
												<span class="input-group-addon"><i class="fa fa-lock fa" aria-hidden="true"></i></span>
												<input name="password_confirmation" id="password_confirmation" size="60" class="form-control @error('password_confirmation') error @enderror" placeholder="{!! __('Confirm Password') !!}" type="password" required value="">
												</div>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-sm-12 col-xs-12">
											</div>
										</div>
										<div class="form-group text-center">
											<button type="submit" class="btn btn-primary btn-">{{ __('Reset Password') }}</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</section>
			@endsection
			@section('scripts')
				{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
				<script type="text/javascript">
					(function(){
						$.validator.messages.required = "{{ __('This field is required.') }}";
						$.validator.messages.digits 	= "{{ __('Please enter only digits') }}";
						$.validator.messages.email 		= "{{ __('Please enter a valid email address.') }}";
						$.validator.messages.min 		= "{{ __('Number of few letters') }}";
						$.validator.messages.equalTo 	= "{{ __('Passwords do not match') }}";
						$(".form-horizontal").validate({
							rules: {
								password: {
									required: true,
								},
								password_confirmation: {
									equalTo: "#password"
								}
							}
						});
					})();
				</script>
			@endsection