@extends('layouts.guest')

@section('content')
    <h2 class="auth-title text-center">Đăng nhập</h2>
    <p class="auth-subtitle text-center">Đăng nhập bằng email và mật khẩu của bạn</p>

    <form method="POST" action="{{ route('login') }}" class="auth-form">
        @csrf
        <div>
            <label class="block text-sm font-medium text-gray-700">Email</label>
            <input name="email" type="email" required class="auth-input" />
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Mật khẩu</label>
            <input name="password" type="password" required class="auth-input" />
        </div>
        <div class="flex items-center justify-between">
            <label class="flex items-center text-sm">
                <input type="checkbox" name="remember" class="auth-checkbox"> Ghi nhớ
            </label>
        </div>

        <div>
            <button type="submit" class="auth-btn">Đăng nhập</button>
        </div>
    </form>

    @if(app()->environment('local'))
        <p class="mt-6 text-sm text-center text-gray-600">Chưa có tài khoản? <a href="{{ route('register') }}" class="auth-link">Đăng ký</a></p>
    @endif
@endsection
