@extends('layouts.login')
@section('title') Forgot Password @endsection
@section('content')
<!-- Start Admin Page -->
        <div class="main">
           <div class="row align-items-center">
              <!-- Start Left Side -->
              <div id="leftArea" class="col-lg-6 col-md-12">
                <div class="logo_main">
                    <img src="{{asset('img/Logowhite.png')}}" alt="Brand Logo" class="img-fluid">
                </div>
            </div>
            <!-- End Left Side -->
            <!-- Start Right Side -->
            <div id="rightArea" class="col-lg-6 col-md-12">
              <div class="loginContainer login_page">
                <div class="card-body p-0">
                  <div class="content_container_ mb-3">
                    <h3 class="subheading_">Forgot Password?</h3>
                    <p class="subtext_">Enter your email and we’ll Send you a link to reset your password</p>
                  </div>
                   <form class="form_horizontal row" method="post" action="{{ route('user.forgetPassword.post') }}">
      			   @csrf
                    <div class="form-group mt-5 mb-3 col-md-12">
                      <input type="email" id="email_address" value="{{ old('email') }}" class="no_space form-control @error('email') is-invalid error @enderror" name="email" placeholder="Enter your email here" required autofocus>
                      <label class="label_text" for="inputEmailAddress">Email</label>
                      @if ($errors->has('email'))
                        <span class="error invalid-feedback">{{ $errors->first('email') }}</span>
        			 @endif
                    </div>
                     <button type="submit" class="submit_btn">Submit Request</button>
                        <div class="back_button">
                            <p>Back to <span class="login_button">
                            <a href="{{route('login')}}">Login</a>
                            </span></p>
                        </div>
                  </form>
                </div>
              </div>
            </div>
            
            <!-- End Right Side -->
           </div>
        </div>
    <!-- End Admin Page -->

@endsection