@extends('layouts.lecturer_login')

@section('content')
<div class="container-fluid d-flex align-items-center justify-content-center" style="min-height: 100vh;">
    <div class="row w-100 justify-content-center">
        <div class="col-md-5">
            <div class="card border-0 shadow-lg">
                <div class="card-body p-5">
                    <div class="text-center mb-4">
                        <img src="{{ asset('assets/images/oxford__global_campus_of_dreams.jpeg') }}" class="rounded-circle shadow-sm mb-3" width="88" height="88" style="object-fit: cover;" alt="Oxford Global Campus of Dreams">
                        <h1 class="h3 mb-1">Lecturer Login</h1>
                        <p class="text-secondary">Sign in to your account</p>
                    </div>

                    @if ($errors->any())
                        <div class="alert alert-danger" role="alert">
                            <div class="fw-bold">{{ __('Whoops! Something went wrong.') }}</div>
                            @foreach ($errors->all() as $error)
                                <div>{{ $error }}</div>
                            @endforeach
                        </div>
                    @endif

                    <form method="POST" action="{{ route('lecturer.login.store') }}">
                        @csrf

                        <div class="mb-3">
                            <label for="email" class="form-label">Email Address</label>
                            <input id="email" type="email" class="form-control border-2 @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autofocus autocomplete="username">
                            @error('email')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="password" class="form-label">Password</label>
                            <input id="password" type="password" class="form-control border-2 @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
                            @error('password')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        <button type="submit" class="btn btn-primary w-100 py-2 fw-bold">Sign In</button>
                    </form>

                    <hr>

                    <!-- <div class="text-center">
                        <p class="text-secondary small">Other login options:</p>
                        <a href="{{ route('login') }}" class="btn btn-outline-secondary btn-sm me-2">Admin/Staff Login</a>
                        <a href="{{ route('student.login') }}" class="btn btn-outline-secondary btn-sm">Student Login</a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>
@endsection