---
import Layout from "../layouts/Layout.astro";
import PageHeader from "../components/PageHeader.astro";
import { getSettings } from "../lib/directus";

const settings = await getSettings();
---

<Layout
  title="Impressum"
  description="Impressum des Kitafreunde Regenbogen e.V. — Angaben gemäß § 5 TMG."
>
  <PageHeader eyebrow="Rechtliches" decor={false}>Impressum</PageHeader>

  <section class="section pt-2 max-w-3xl">
    <div class="space-y-8 text-[var(--color-text-muted)] text-sm leading-relaxed">

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Angaben gemäß § 5 TMG</h2>
        <p class="font-semibold text-[var(--color-text)]">Kitafreunde Regenbogen e.V.</p>
        <p>c/o Integrationskindertagesstätte Regenbogen</p>
        <p>Keilerstraße 23</p>
        <p>13503 Berlin</p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Vereinsregister</h2>
        <p>Registergericht: Amtsgericht Charlottenburg</p>
        <p>Vereinsregisternummer: <span class="text-[var(--color-primary)] font-medium">[VR-Nummer eintragen]</span></p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Vertreten durch den Vorstand</h2>
        <p>1. Vorsitzende/r: <span class="text-[var(--color-primary)] font-medium">[Name eintragen]</span></p>
        <p>Stellvertretung: <span class="text-[var(--color-primary)] font-medium">[Name eintragen]</span></p>
        <p>Kassenwart/in: <span class="text-[var(--color-primary)] font-medium">[Name eintragen]</span></p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Kontakt</h2>
        {settings?.contact_email ? (
          <p>E-Mail: <a href={`mailto:${settings.contact_email}`} class="text-[var(--color-primary)] hover:underline">{settings.contact_email}</a></p>
        ) : (
          <p>E-Mail: <span class="text-[var(--color-primary)] font-medium">[E-Mail eintragen]</span></p>
        )}
        {settings?.contact_phone && (
          <p>Telefon: {settings.contact_phone}</p>
        )}
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Gemeinnützigkeit</h2>
        <p>
          Der Kitafreunde Regenbogen e.V. ist als gemeinnützig anerkannt. Der letzte
          Freistellungsbescheid wurde erteilt vom Finanzamt <span class="text-[var(--color-primary)] font-medium">[Finanzamt eintragen]</span>,
          Steuernummer <span class="text-[var(--color-primary)] font-medium">[Steuernummer eintragen]</span>.
        </p>
        <p class="mt-2">Spenden sind steuerlich absetzbar.</p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Inhaltlich verantwortlich</h2>
        <p>Inhaltlich verantwortlich gemäß § 18 Abs. 2 MStV:</p>
        <p class="mt-1">
          <span class="text-[var(--color-primary)] font-medium">[Vorstandsvorsitzende/r, Name und Anschrift]</span>
        </p>
      </div>

      <div class="card">
        <h2 class="font-bold text-[var(--color-text)] mb-3">Haftungshinweis</h2>
        <p>
          Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte
          externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber
          verantwortlich.
        </p>
      </div>

    </div>
  </section>
</Layout>
