@extends('layouts.auth-layout')
@section('title', 'Student Login')
@section('content')
@dd('papad988989')
<div class="text-center mb-5 ">
    <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>

<div class="alert alert-danger alert-dismissible fade show" role="alert">
  Invalid login details. Please try again.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-success alert-dismissible fade show" role="alert">
  You have successfully signed in to your Degree Program.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

<form method="" action="" autocomplete="off" class="">
  <label>Email or Reg. No.</label>
  <input class="form-control mb-3" placeholder="Enter your email or Reg. No." name="emailOrRegNo">
  <div class="d-flex justify-content-between mb-1">
    <label>Password </label>
    <span></span>
    <a href="#" class="small forgot-link">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">Caps Lock is ON</div>

  <div class="form-check my-3">
    <input class="form-check-input" type="checkbox" id="remember">
    <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="#">Apply here</a>
  </div>
</form>

@endsection