---
import BaseLayout from '../layouts/BaseLayout.astro';
import SiteHeader from '../components/SiteHeader.astro';
import SiteFooter from '../components/SiteFooter.astro';

// Imprint (Impressum) per TMG §5 / DDG §5.
// Values prefixed "<TODO:" MUST be replaced with real operator data before go-live.
// See docs/superpowers/specs/2026-04-24-cameleer-website-design.md §6.4.
const operator = {
  legalName: '<TODO:legal name of operating entity>',
  streetAddress: '<TODO:street and number>',
  postalCity: '<TODO:postal code and city>',
  country: 'Germany',
  email: '<TODO:contact email>',
  phone: '<TODO:phone (optional but recommended)>',
  vatId: '<TODO:VAT ID per §27a UStG, or "not applicable">',
  registerEntry: '<TODO:commercial register + court, or "not applicable">',
  responsibleForContent: '<TODO:responsible party per §18 Abs. 2 MStV>',
};
---
<BaseLayout
  title="Imprint — Cameleer"
  description="Legal imprint (Impressum) for Cameleer per German TMG §5 / DDG §5."
>
  <SiteHeader />
  <main class="max-w-prose mx-auto px-6 py-16 md:py-24">
    <h1 class="text-hero font-bold text-text mb-8">Imprint</h1>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">Information pursuant to § 5 TMG / § 5 DDG</h2>
      <address class="not-italic text-text-muted leading-relaxed">
        {operator.legalName}<br />
        {operator.streetAddress}<br />
        {operator.postalCity}<br />
        {operator.country}
      </address>
    </section>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">Contact</h2>
      <ul class="text-text-muted space-y-1">
        <li>Email: <span class="font-mono text-accent">{operator.email}</span></li>
        <li>Phone: {operator.phone}</li>
      </ul>
    </section>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">VAT ID</h2>
      <p class="text-text-muted">
        VAT identification number pursuant to § 27 a UStG: <span class="font-mono">{operator.vatId}</span>
      </p>
    </section>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">Commercial register</h2>
      <p class="text-text-muted">{operator.registerEntry}</p>
    </section>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">Responsible for content per § 18 Abs. 2 MStV</h2>
      <p class="text-text-muted">{operator.responsibleForContent}</p>
    </section>

    <section class="mb-10">
      <h2 class="text-lg font-bold text-text mb-3">EU dispute resolution</h2>
      <p class="text-text-muted">
        The European Commission provides a platform for online dispute resolution (ODR) at
        <a href="https://ec.europa.eu/consumers/odr/" class="text-accent hover:underline">https://ec.europa.eu/consumers/odr/</a>.
        We are not obligated and do not participate in dispute resolution proceedings before a consumer arbitration board.
      </p>
    </section>

    <section>
      <h2 class="text-lg font-bold text-text mb-3">Liability for content and links</h2>
      <p class="text-text-muted leading-relaxed mb-4">
        As a service provider, we are responsible for our own content on these pages in accordance with § 7 para. 1 TMG and general laws. According to §§ 8 to 10 TMG, however, we are not obligated to monitor transmitted or stored third-party information or to investigate circumstances that indicate unlawful activity.
      </p>
      <p class="text-text-muted leading-relaxed">
        Our website contains links to external websites of third parties, on whose contents we have no influence. Therefore, we cannot assume any liability for these external contents. The respective provider or operator of the pages is always responsible for the content of linked pages.
      </p>
    </section>
  </main>
  <SiteFooter />
</BaseLayout>
