/* ============================================================================
   SITE NAVIGATION DATA
   ----------------------------------------------------------------------------
   Builds the <Navigation /> tree and the <Footer /> sitemap from ONE source:
   `ROUTE_SLUGS` (which `app/routes.ts` also builds the route table from) plus
   the `nav.sections.*` labels in the message catalogues. Slugs, routes, header
   links and footer links therefore cannot drift apart.

   <Footer />'s own defaults use a shorter slug set (/en/events, /en/news, ...);
   the shell passes these groups explicitly so both bars point at the routes
   that actually exist.

   When the CMS is wired, replace these two functions with a Strapi
   site-settings query - the shapes they return are exactly what both
   components accept as props.
   ========================================================================= */

import type { FooterLinkGroup } from "~/components/ui/Footer";
import type { NavItem } from "~/components/ui/Navigation";
import type { Locale } from "~/i18n/config";
import { ROUTE_SECTION_GROUPS, sectionPath, type RouteSlugKey } from "~/i18n/paths";
import { getMessages } from "~/i18n/t";

/** Section labels for a locale, keyed the same way as `ROUTE_SLUGS`. */
function sectionLabels(locale: Locale) {
  return getMessages(locale).nav.sections;
}

/** Heading for one of the three IA groups. */
function groupHeading(locale: Locale, groupId: string): string {
  const labels = sectionLabels(locale);

  switch (groupId) {
    case "about-and-strategy":
      return labels.aboutAndStrategy;
    case "engagement-and-opportunities":
      return labels.engagementAndOpportunities;
    default:
      return labels.knowledgeAndImpact;
  }
}

/**
 * The header navigation: Home as a link, then the three groups as
 * disclosures. Every href is already locale-prefixed.
 */
export function buildNavItems(locale: Locale): NavItem[] {
  const labels = sectionLabels(locale);

  return [
    { id: "home", label: labels.home, href: sectionPath("home", locale) },
    ...ROUTE_SECTION_GROUPS.map((group) => ({
      id: group.id,
      label: groupHeading(locale, group.id),
      children: group.children.map((key: RouteSlugKey) => ({
        id: key,
        label: labels[key],
        href: sectionPath(key, locale),
      })),
    })),
  ];
}

/**
 * The footer sitemap: the same three groups, without Home - the wordmark
 * above the columns already links there.
 */
export function buildFooterLinkGroups(locale: Locale): FooterLinkGroup[] {
  const labels = sectionLabels(locale);

  return ROUTE_SECTION_GROUPS.map((group) => ({
    id: group.id,
    heading: groupHeading(locale, group.id),
    links: group.children.map((key: RouteSlugKey) => ({
      label: labels[key],
      href: sectionPath(key, locale),
    })),
  }));
}