import Link from 'next/link';
import { COMPANY, LEGAL_PAGES, LEGAL_UPDATED } from '@/lib/legal';

/** Yasal metin sayfası: başlık, güncelleme tarihi, metin ve diğer yasal sayfalar */
export function LegalPage({ path, title, children }: { path: string; title: string; children: React.ReactNode }) {
  return (
    <div className="bg-paper-2">
      <div className="bg-ink px-4 pb-8 pt-28 text-white md:px-6 md:pt-32">
        <div className="mx-auto max-w-3xl">
          <div className="tag-light">Yasal</div>
          <h1 className="h-display mt-2 text-[30px] md:text-[42px]">{title}</h1>
          <p className="mt-2 text-[13.5px] text-white/65">Son güncelleme: {LEGAL_UPDATED}</p>
        </div>
      </div>
      <div className="mx-auto grid max-w-5xl gap-6 px-4 py-8 md:grid-cols-[minmax(0,1fr)_220px] md:px-6 md:py-12">
        <article className="legal min-w-0 bg-white p-5 text-[15px] leading-relaxed md:p-8">{children}</article>
        <aside className="h-fit bg-white p-4 text-[14px]">
          <div className="tag">Diğer metinler</div>
          <ul className="mt-2 space-y-1.5">
            {LEGAL_PAGES.map(([h, l]) => <li key={h}>{h === path ? <b>{l}</b> : <Link href={h} className="underline-offset-2 hover:underline">{l}</Link>}</li>)}
          </ul>
          <p className="mt-4 text-[13px] text-ink-soft">Sorularınız için: <a href={`mailto:${COMPANY.email}`} className="font-semibold text-ink underline-offset-2 hover:underline">{COMPANY.email}</a></p>
        </aside>
      </div>
    </div>
  );
}

/** Şirket kimlik bloğu (adres ve telefon tanımlıysa gösterilir) */
export function CompanyBlock() {
  return (
    <ul>
      <li><b>Unvan:</b> {COMPANY.name} ({COMPANY.country})</li>
      {COMPANY.address && <li><b>Adres:</b> {COMPANY.address}</li>}
      {COMPANY.phone && <li><b>Telefon:</b> {COMPANY.phone}</li>}
      <li><b>E-posta:</b> {COMPANY.email}</li>
      <li><b>İnternet sitesi:</b> {COMPANY.site} ({COMPANY.brand})</li>
    </ul>
  );
}