// static/js/ui.Navbar.jsx

function Navbar() {
    const { user, logout, setView, isAdminOrManager } = useContext(AuthContext);
    if (!user) return null;

    // Отображение роли на русском
    const roleLabels = {
        admin: "Администратор",
        manager: "Руководитель",
        specialist: "Специалист"
    };

    const goToMain = () => {
        setView(isAdminOrManager(user.role) ? 'admin' : 'dashboard');
    };

    return (
        <nav className="bg-white shadow p-4 flex justify-between items-center mb-6">
            <div
                className="font-bold text-xl text-blue-600 cursor-pointer"
                onClick={goToMain}
            >
                HR Testing System
            </div>
            <div className="flex items-center gap-4">
                <button
                    onClick={goToMain}
                    className="text-sm text-gray-600 hover:text-blue-600"
                >
                    Панель
                </button>
                <button
                    onClick={() => setView('profile')}
                    className="text-sm text-gray-600 hover:text-blue-600"
                >
                    Профиль
                </button>
                <span className="text-gray-700">
                    {user.first_name} {user.last_name} ({roleLabels[user.role] || user.role})
                </span>
                <button
                    onClick={logout}
                    className="text-red-500 hover:text-red-700 font-medium"
                >
                    Выход
                </button>
            </div>
        </nav>
    );
}