@extends('layouts.default')
@section('content')
@include('includes.account.topbar')
<div class="account-section universal-spacing universal-bg-white">
   <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <div class="container">
        <div class="account-section-inner">
            <div class="account-area">
                <div class="main-title">
                    <span>Change Your <font>Password</font></span>
                </div>
				 @if (session('error'))
					<div class="alert alert-danger"  style="background:#0a253e; !important; color:red !important;">
					
						{{ session('error')}}
					</div>
					@endif 
					@if (session('success'))
					<div class="alert alert-success" style="background:#0a253e; !important; color:white !important;">
						{{ session('success') }}
					</div>
					@endif 
				<form method="post" id="ChangePasswordform" action="{{ url('account/ChangePasswordEmailSend') }}">
				@csrf
                <div class="shipping-form">
                    <div class="single-review">
                        <label>Email Address:</label>
                        <input type="email" name="email" >
						@error('email')
    					<label class="text-danger">{{$message}}</label>
    					@enderror
                    </div>
			
                    <!--<div class="change-pswd-field-show" style="display: none;">
                        <div class="resend-otp">
                            <span style="padding-top: 0px;">OTP sent to Email</span>
                            <span style="padding-top: 0px;" class="for-resend-otp">Resend?</span>
                        </div>
                        <div class="single-review">
                            <label>Enter OTP</label>
                            <input type="text" name="forgot-pass-otp">
                        </div>
                        <div class="single-review">
                            <label>Set Password</label>
                            <input type="text" name="forgot-pass-password">
                        </div>
                    </div>-->
					<div class="single-review">
					   <div class="g-recaptcha" data-sitekey="6LcXjt4UAAAAAMf-gtro8dDUsHGFBOtpfePKAifa"></div>
					   @error('g-recaptcha-response')
					  <label class="text-danger">{{$message}}</label>
					  @enderror
					</div>
                    <div class="main-btn">
                        <button id="account-change-btn" type="submit">Submit</button>
                    </div>
                 </form>					
                </div>
            </div>                    
        </div>
    </div>
</div>
@endsection