"use client";

import Image from "next/image";
import Link from "next/link";
import { SelectLanguage } from "./SelectLanguage";
import AccountCircle from "@mui/icons-material/AccountCircle";
import { useLocale } from "next-intl";
import { usePathname } from "next/navigation";

export const PageHeader = () => {
    const locale = useLocale();
    const pathname = usePathname();
    const isRestrictedPage = pathname.includes('/home');
    
    return (
    <div className="navbar bg-base-100 mb-6">
        <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Režije</Link>
        <span className="grow">&nbsp;</span>
        <SelectLanguage />
        {isRestrictedPage && (
            <Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle">
                <AccountCircle fontSize="large" />
            </Link>
        )}
    </div>
    );
}