@extends('layouts.app')

@section('content')
<section class="bg-white">
    <div class="mx-auto max-w-md px-4 py-12 sm:px-6 lg:px-8">
        <h1 class="text-3xl font-bold">Student Login</h1>
        <p class="mt-3 text-slate-600">Access saved GPA records, plans, messages, and academic support.</p>
        <form action="{{ route('login.store') }}" method="post" class="mt-6 grid gap-4 rounded-lg border border-slate-200 bg-slate-50 p-5">
            @csrf
            <label class="grid gap-1 text-sm font-medium">Email
                <input name="email" type="email" required class="rounded-lg border border-slate-300 px-3 py-2" value="{{ old('email') }}">
            </label>
            <label class="grid gap-1 text-sm font-medium">Password
                <input name="password" type="password" required class="rounded-lg border border-slate-300 px-3 py-2">
            </label>
            <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="remember" value="1"> Remember me</label>
            @error('email')<p class="text-sm text-rose-700">{{ $message }}</p>@enderror
            <button class="rounded-lg bg-slate-950 px-4 py-3 text-sm font-semibold text-white">Login</button>
            <a href="{{ route('register') }}" class="text-sm font-semibold text-sky-700">Create student account</a>
        </form>
    </div>
</section>
@endsection