@extends('components.layouts.guest')

@section('content')
    <h2 class="text-xl text-center text-accent-blue mb-4">Sign in to your account</h2>

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

        <x-input
            type="email"
            name="email"
            label="Email"
            placeholder="you@example.com"
            required
            autofocus
        />

        <x-input
            type="password"
            name="password"
            label="Password"
            placeholder="Enter your password"
            required
        />

        <x-checkbox name="remember" label="Remember me" />

        <x-button type="submit" class="w-full">
            Sign In
        </x-button>

        <div class="text-center mt-4">
            <span class="text-sm text-gray-400">Don't have an account?</span>
            <a href="{{ route('register') }}" class="text-accent-blue hover:underline text-sm ml-1">Register</a>
        </div>
    </form>
@endsection