@extends('layouts.app')
@section('title', __('messages.login_title'))

@section('content')
<div class="mx-auto max-w-md px-4 py-16">
    <h1 class="mb-8 text-center font-display text-3xl font-bold">{{ __('messages.login_title') }}</h1>

    <form method="POST" action="{{ route('login.store', ['locale' => app()->getLocale()]) }}" class="space-y-4">
        @csrf
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('messages.login_field') }}</label>
            <input type="text" name="login" value="{{ old('login') }}" required autofocus class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('messages.login_password') }}</label>
            <input type="password" name="password" required class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <p class="text-right text-sm">
            <a href="{{ route('password.request', ['locale' => app()->getLocale()]) }}" class="text-forest hover:underline">დაგავიწყდათ პაროლი?</a>
        </p>
        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="remember"> {{ __('messages.login_remember') }}
        </label>

        <button type="submit" class="btn-primary w-full">{{ __('messages.login_submit') }}</button>

        <p class="text-center text-sm text-ink/60">
            {{ __('messages.login_no_account') }}
            <a href="{{ route('register', ['locale' => app()->getLocale()]) }}" class="font-medium text-forest hover:underline">{{ __('messages.nav_register') }}</a>
        </p>
    </form>
</div>
@endsection