@extends('layouts.auth-layout')
@section('title', 'Student Login')
@section('content')
<div class="text-center mb-3 ">
    <div class="login-icon"><i class="bi bi-mortarboard"></i></div>
    <h4 class="mt-1">Student Login</h4>
    <p class="small fst-italic mt-0">Sign in to your <span class="fw-semibold">Degree Program</span> to continue.</p>
</div>
@if(session()->has('errors'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  <i class="bi bi-x-circle me-1"></i>{!! session('errors')->first() !!}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
@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('student-home')}}"},3000);
</script>
@endif
  <form method="post" action="{{route('student-login')}}" autocomplete="on" class="">
    @csrf
  <label>Email or Reg. Number</label>
  <input class="form-control mb-3" placeholder="Enter your email or Reg. number" name="email" onfocus="true">
  <div class="d-flex justify-content-between mb-1">
    <label>Password </label>
    <span></span>
    <a href="{{route('auth.forgotten')}}" class="small forgot-link"><i class="bi bi-unlock2-fill me-1"></i>Forgot password?</a>
  </div>

  <div class="password-wrap">
    <input type="password" id="password" name="password" class="form-control" placeholder="Enter password">
    <i class="bi bi-eye toggle-pass" id="togglePass"></i>
  </div>
  <div class="caps-warning small mt-1" id="capsWarn"><i class="bi bi-capslock me-1"></i>Caps Lock is ON</div>

  <div class="form-check my-3">
    <input class="form-check-input" type="checkbox" id="remember-me">
    <label class="form-check-label" for="remember">Remember me</label>
  </div>

  <button class="btn btn-primary w-100 fw-semibold login-btn">Login</button>
  <div class="apply-link mt-2">
    Prospective student? <a href="https://nocen.edu.ng/portal/application/degree/">Apply here</a>
  </div>
</form>
@endsection