@extends('auth.layout')

@section('content')
<main class="login-form forgot_password">
  <div class="container h-100">
      <div class="row justify-content-center align-items-center h-100">
          <div class="col-md-6 col-lg-4">
              <div class="card">


                  <div class="  mb-1 text-center">
                     <img src="{{ asset('assets/app-assets/images/logo/logo.png') }}"
                         style="width:60px;padding-top:15px;" alt="">


                     <h4 style="color:#fff;padding-top:25px;font-size: 20px;"><b>Forgot Password</b></h4>

                  </div>

                  <p class="card-title mb-1 text-center"><b>Enter your email address to receive a password reset link.</b></p>

                  <div class="card-body">

                      <form action="{{ route('forget.password.post') }}" method="POST" onsubmit="return validateEmail()">
                          @csrf
                          <div class="form-group">
                              <label for="vEmail" class="col-md-12 col-form-label">E-Mail Address</label>
                              <div class="col-md-12">
                                  <input type="email" id="vEmail" class="form-control" name="vEmail"  autofocus>
                                  @if ($errors->has('vEmail'))
                                      <span class="text-danger">{{ $errors->first('vEmail') }}</span>
                                  @endif
                                  <span class="text-danger" id="error_Invalid_email_format" style="display:none;">Invalid email format. </span>
                              </div>
                          </div>
                          <div class="col-md-12 text-center">
                              <button type="submit" class="btn " style="background:#DB644D;color:white;">
                                  Send Password Reset Link
                              </button>
                          </div>

                          <br>
                          <div class="col-md-12 text-center">
                            <a href="/division" style="color:#ffffff"><b>Login</b></a>
                          </div>


                      </form>

                  </div>
              </div>
          </div>
      </div>
  </div>
</main>
@endsection