@extends('layouts.app')
@section('title', 'Forgot Password')
@section('content')

<div class="d-flex align-items-center  justify-content-center bg-br-primary ht-100v">

<div class="login-wrapper   rounded shadow-base" style="box-shadow:3px 3px 3px #000">





  <div class="row no-gutters">
    <div class="col-lg-6 bg-primary">
<!--          <div class="pd-40">-->
      <div class="">
          
        <img src="{{ asset('assets/img/login/login.jpg') }}" style="width: 100%;">  

      </div>
    </div><!-- col-6 -->
    <div class="col-lg-6 bg-white">
      <div class="pd-30">
      @if (session('status'))
                        <div class="alert alert-success  alert-dismissible" role="alert" id="success-alert">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            {{ session('status') }}
                        </div>
                    @endif
      <form method="POST" action="{{ route('password.email') }}">
                        @csrf
        <div class="pd-x-30 pd-y-10">
          <h3 class="tx-inverse  mg-b-5">Welcome to <img src="{{ asset('assets/img/logo.png')}}" class="img-responsive" style="width:30%;margin-top:-12px;"></h3>
          <p>Reset to your account to continue</p>
          <br>
          
          <div class="form-group">
         
    <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required placeholder="Enter Your Email">

    @if ($errors->has('email'))
        <span class="invalid-feedback" role="alert">
            <strong>{{ $errors->first('email') }}</strong>
        </span>
    @endif
         
         
          </div><!-- form-group -->

          
    

          <button class="btn btn-primary pd-y-12 btn-block">
                                    {{ __('Send Password Reset Link') }}
                                </button>

         
        </div>



       
        </form>
      </div><!-- pd-20 -->
    </div><!-- col-6 -->
  </div><!-- row -->






</div><!-- login-wrapper -->
</div><!-- d-flex -->



<script>

$("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
    $("#success-alert").slideUp(500);
});
</script>


@endsection