@extends('layouts.auth-layout')
@section('title', 'Forgotten Password')
@section('content')
<div class="text-center mb-5">
  <div class="login-icon"><i class="bi bi-lock"></i></div>
  <h4 class="mt-1">Forgot Password</h4>
  <p class="small fst-italic">Request a password reset link using your registered email address.</p>
</div>

@if (session('success'))          
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <i class="bi bi-check2-circle me-1"></i>{!! session('success') !!}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<script>
  setTimeout(()=>{location ="{{route('auth.login')}}"},6000);
</script>
@endif
@if(session('error'))
<div class="alert alert-warning alert-dismissible d-flex align-items-center" role="alert">
  <i class="bi bi-x-circle me-1"></i>{!! session('error') !!}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<form method="post" action="{{route('student-password-reset-link')}}" autocomplete="off" class="mt-4">
    @csrf
  <label>Email Address</label>
  <input class="form-control mb-3" placeholder="Enter your email address." name="email" onfocus="true" value="{{old('email')}}">
  <button class="btn btn-primary w-100 fw-semibold login-btn">Request Link</button>
  <div class="apply-link mt-4">
  Go back to <a href="{{route('auth.login')}}">Login</a>
  </div>
</form>
@endsection