import { currentLanguageIndex, ui_locales } from "@ui/ui_template_locale";
import { SECURITY_TERMS_VERSION, securityTerms } from "./A09_Security_Terms";
import "./A09_Security_UI_Style.css";

const L = (key: keyof typeof ui_locales): string => ui_locales[key][currentLanguageIndex];

export function renderA09Security(root: HTMLElement): void {
  const page = document.createElement("article");
  page.className = "a09-security";
  const title = document.createElement("h1");
  title.textContent = L("A09_Security_Title");
  const version = document.createElement("p");
  version.textContent = `${L("A09_Security_Version")} ${SECURITY_TERMS_VERSION}`;
  page.append(title, version);
  const sections = [
    ["A09_Security_Terms", securityTerms.terms],
    ["A09_Security_Privacy", securityTerms.privacy],
    ["A09_Security_Policy", securityTerms.security],
  ] as const;
  for (const [headingKey, body] of sections) {
    const section = document.createElement("section");
    const heading = document.createElement("h2");
    heading.textContent = L(headingKey);
    const paragraph = document.createElement("p");
    paragraph.textContent = body[currentLanguageIndex];
    section.append(heading, paragraph);
    page.append(section);
  }
  root.append(page);
}