<section class="sign-in-page">
    <div class="container p-0">
      <div class="row no-gutters height-self-center">
        <div class="rounded col-sm-12 align-self-center bg-primary">
          <div class="m-0 row">

            <div class="bg-white col-md-6 sign-in-page-data d-none d-md-block">
              <img src="{{asset('img/auth.jpg')}}" />
            </div>
            <div class="bg-white col-md-6 sign-in-page-data">
              <div class="sign-in-from">
                <img class="img-fluid text-center" src="{{ asset('img/favicon.png') }}" alt="Responsive Image" />
                {{-- Email form --}}
                <p class="text-center text-dark">Enter your login email address to continue.</p>
                <form class="mt-4" wire:submit.prevent="forgetPassword">
                  <label>Enter your email address</label>
                  <input type="email" class="form-control" wire:model="email" />
                  @error('email') <span class="text-center text-danger"> {{ $message }}</span> @enderror 
                  <button type="submit" class="btn btn-primary text-center mt-4 w-100">Continue</button>
                  <span wire:loading wire:target="forgetPassword">
                    <i class="fa fa-spinner fa-spin"></i>
                  </span>
                </form>
                  <span class="text-start">
                    <a href="{{ route('login')}}">Back to Login</a>
                  </span>               
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
  </section>