@extends('layouts.fullscreen-layout')

@section('content')
<div class="mx-auto w-full max-w-lg px-4 py-12">
    <div class="rounded-2xl border border-gray-200 bg-white p-8 shadow-theme-xs dark:border-gray-800 dark:bg-white/[0.03]">
        <div class="mb-6 text-center">
            <h1 class="text-2xl font-semibold text-gray-900 dark:text-white">Portal do aluno</h1>
            <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Use seu e-mail e senha cadastrados pela escola.</p>
        </div>

        @if ($errors->any())
            <div class="mb-4 rounded-lg border border-error-200 bg-error-50 px-4 py-3 text-sm text-error-700">
                <ul class="list-disc space-y-1 pl-4">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="post" action="{{ route('portal.aluno.login.submit') }}" class="space-y-4">
            @csrf
            <div>
                <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Email<span class="text-error-500">*</span></label>
                <input type="email" name="email" required placeholder="aluno@email.com" class="h-11 w-full rounded-lg border border-gray-300 px-4 text-sm" />
            </div>
            <div>
                <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Senha<span class="text-error-500">*</span></label>
                <input type="password" name="password" required class="h-11 w-full rounded-lg border border-gray-300 px-4 text-sm" />
            </div>
            <button class="w-full rounded-lg bg-brand-500 px-4 py-2 text-sm font-medium text-white">Entrar no portal</button>
        </form>
    </div>
</div>
@endsection