<x-guest-layout>
    <div class="container py-5">
        <div class="row justify-content-center align-items-center min-vh-100">
            <div class="col-md-5">

                <div class="card shadow-lg border-0 rounded-4">
                    <div class="card-body p-5">

                        <div class="text-center mb-4">
                            <div class="display-5 mb-2">🎓</div>
                            <h3 class="fw-bold text-primary">TMS Enterprise</h3>
                            <p class="text-muted mb-0">Hệ thống quản lý đào tạo và cấp giấy chứng nhận</p>
                        </div>

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

                            <div class="mb-3">
                                <label class="form-label">Email đăng nhập</label>
                                <input type="email" name="email" class="form-control form-control-lg"
                                       value="{{ old('email') }}" required autofocus>
                                @error('email')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Mật khẩu</label>
                                <input type="password" name="password" class="form-control form-control-lg" required>
                                @error('password')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="d-flex justify-content-between align-items-center mb-4">
                                <label class="form-check">
                                    <input class="form-check-input" type="checkbox" name="remember">
                                    <span class="form-check-label">Ghi nhớ đăng nhập</span>
                                </label>

                                @if (Route::has('password.request'))
                                    <a class="small text-decoration-none" href="{{ route('password.request') }}">
                                        Quên mật khẩu?
                                    </a>
                                @endif
                            </div>

                            <button type="submit" class="btn btn-primary btn-lg w-100">
                                Đăng nhập hệ thống
                            </button>
                        </form>

                    </div>
                </div>

                <div class="text-center text-muted mt-3 small">
                    © 2026 TMS Enterprise
                </div>

            </div>
        </div>
    </div>
</x-guest-layout>