"use client";

import { usePathname } from "next/navigation";
import BrandingLogo from "./BrandingLogo";
import HeaderActions from "./HeaderActions";
import HeaderIdentity from "./HeaderIdentity";
import GlobalSearch from "./GlobalSearch";
import SiteStatus from "./SiteStatus";
import UserViewBanner from "./UserViewBanner";
import WorkspaceNavigation from "./WorkspaceNavigation";

export default function ApplicationChrome() {
  const pathname = usePathname();
  if (
    [
      "/welcome",
      "/coming-soon",
      "/login",
      "/setup",
      "/forgot-password",
      "/reset-password",
      "/signup",
      "/email-recaps",
      "/newsletter-subscription",
    ].includes(pathname)
  )
    return null;
  return (
    <>
      <header className="header">
        <div className="header-left">
          <a className="brand-link" href="/">
            <BrandingLogo className="brand-logo brand-logo--header" />
            <div className="brand-stack">
              <div className="brand">Magent</div>
              <div className="tagline">GrizzlyFlix media operations</div>
            </div>
          </a>
        </div>
        <div className="header-right">
          <span className="beta-chip" title="Beta environment">
            Beta
          </span>
          <HeaderIdentity />
        </div>
        <div className="header-nav">
          <GlobalSearch />
          <HeaderActions />
        </div>
      </header>
      <WorkspaceNavigation />
      <UserViewBanner />
      <SiteStatus />
    </>
  );
}