/**
 * Impressum (Legal Notice) page.
 * Required for German law compliance. Displays information from settings.yaml.
 */

import { Metadata } from 'next';
import { notFound } from 'next/navigation';
import { getConfig } from '@/lib/config';
import { BackLink } from '@/components/BackLink';
import EmailLink from '@/components/EmailLink';
import { encodeEmail, spelledOutEmail } from '@/lib/emailObfuscation';
import { getServerDictionary } from '@/lib/i18n/server';
import './impressum.css';

export function generateMetadata(): Metadata {
  // No title for a page that is switched off: it renders the 404 page.
  if (!getConfig().legal.enabled) return {};
  return {
    title: getServerDictionary().legal.title,
    robots: { index: false, follow: true }, // Usually no need to index legal pages
  };
}

export const dynamic = 'force-dynamic';

/** `tel:` takes digits and a leading +; the displayed number keeps its spacing. */
function telHref(phone: string): string {
  return `tel:${phone.replace(/[^\d+]/g, '')}`;
}

export default function ImpressumPage() {
  const { legal, contact } = getConfig();
  const t = getServerDictionary();
  // The built-in form stands in as the second contact channel unless an
  // external one is configured.
  const contactUrl = legal.contactUrl ?? (contact.enabled ? '/contact' : undefined);

  if (!legal.enabled) {
    notFound();
  }

  return (
    <div className="legal-page">
      <header className="legal-header">
        <BackLink href="/" label={t.common.backToGallery} />
        <h1 className="legal-title">{t.legal.title}</h1>
        <p className="legal-subtitle">{legal.heading ?? t.legal.subtitle}</p>
      </header>

      <div className="legal-content">
        <section className="legal-section">
          <h2 className="legal-section__title">{t.legal.address}</h2>
          <p className="legal-section__text">
            {legal.name}
            <br />
            {legal.address}
            <br />
            {legal.zipCity}
            <br />
            {legal.country}
          </p>
        </section>

        {(legal.email || legal.phone || contactUrl) && (
          <section className="legal-section">
            <h2 className="legal-section__title">{t.legal.contact}</h2>
            <p className="legal-section__text">
              {legal.email && (
                <>
                  {t.legal.email}: <EmailLink encoded={encodeEmail(legal.email)} />
                  {/* § 5 DDG wants the address reachable without JavaScript too. */}
                  <noscript>{spelledOutEmail(legal.email)}</noscript>
                  <br />
                </>
              )}
              {legal.phone && (
                <>
                  {t.legal.phone}: <a href={telHref(legal.phone)}>{legal.phone}</a>
                  <br />
                </>
              )}
              {contactUrl && (
                <a href={contactUrl} rel="noopener">
                  {legal.contactLabel ?? t.legal.contactForm}
                </a>
              )}
            </p>
          </section>
        )}

        {(legal.taxId || legal.vatId) && (
          <section className="legal-section">
            <h2 className="legal-section__title">{t.legal.taxSection}</h2>
            <p className="legal-section__text">
              {legal.taxId && (
                <>
                  {t.legal.taxId}: {legal.taxId}
                  <br />
                </>
              )}
              {legal.vatId && (
                <>
                  {t.legal.vatId}: {legal.vatId}
                </>
              )}
            </p>
          </section>
        )}

        {legal.extraInfo && (
          <section className="legal-section">
            <h2 className="legal-section__title">{t.legal.extraInfo}</h2>
            <p className="legal-section__text legal-section__text--pre">{legal.extraInfo}</p>
          </section>
        )}
      </div>
    </div>
  );
}