@extends('layouts.app')
@section('content')
<div class="mx-auto">
    <h1 class="text-2xl font-semibold mb-4 text-center">Sign in</h1>
    <form method="POST" action="{{ url('/login') }}" class="bg-white rounded-2xl border p-6 space-y-4 shadow-sm">
        @csrf
        <div>
            <label class="block text-sm font-medium mb-1">Email</label>
            <input type="email" name="email" class="w-full border rounded-lg p-2 focus:ring-2 focus:ring-[var(--primary)] focus:outline-none" required value="{{ old('email') }}">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Password</label>
            <input type="password" name="password" class="w-full border rounded-lg p-2 focus:ring-2 focus:ring-[var(--primary)] focus:outline-none" required>
        </div>
        <div class="pt-2 flex items-center justify-between">
            <button class="px-6 py-2 bg-[var(--primary)] hover:bg-[#163056] transition text-white rounded-lg">Sign in</button>
            <a class="text-sm text-[var(--primary)] underline" href="{{ route('verification.notice') }}">Resend verification</a>
        </div>
    </form>
    <p class="text-sm text-gray-600 mt-4 text-center"><a class="text-[var(--primary)] underline" href="{{ route('dashboard') }}">Go to dashboard</a></p>
    </div>
</div>
@endsection