<template>
  <div class="min-h-full py-16 px-4 sm:px-6 lg:px-8 bg-gray-50">
    <div class="max-w-4xl mx-auto">
      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
        Impressum
      </h1>
      <div class="w-24 h-1 bg-primary-600 mb-8" />
      
      <div class="bg-white p-8 rounded-xl shadow-lg space-y-6">
        <div v-if="config">
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Angaben gemäß § 5 TMG
          </h2>
          <p class="text-gray-700">
            {{ config.verein.name }}<br>
            <template v-if="config.verein.useVorsitzenderAddress">
              {{ config.vorstand.vorsitzender.strasse }}<br>
              {{ config.vorstand.vorsitzender.plz }} {{ config.vorstand.vorsitzender.ort }}
            </template>
            <template v-else>
              {{ config.verein.strasse }}<br>
              {{ config.verein.plz }} {{ config.verein.ort }}
            </template>
          </p>
        </div>

        <div v-if="config">
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Kontakt
          </h2>
          <p class="text-gray-700">
            Telefon: {{ config.vorstand.vorsitzender.telefon }}<br>
            E-Mail: <a
              :href="`mailto:${config.vorstand.vorsitzender.email}`"
              class="text-primary-600 hover:underline"
            >{{ config.vorstand.vorsitzender.email }}</a><br>
            Internet: www.harheimertc.de
          </p>
        </div>

        <div v-if="config">
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Vertretungsberechtigter Vorstand
          </h2>
          <p class="text-gray-700">
            <span v-if="config.vorstand.vorsitzender.vorname">{{ config.vorstand.vorsitzender.vorname }} {{ config.vorstand.vorsitzender.nachname }}, Vorsitzender<br></span>
            <span v-if="config.vorstand.stellvertreter.vorname">{{ config.vorstand.stellvertreter.vorname }} {{ config.vorstand.stellvertreter.nachname }}, Stellvertreter<br></span>
            <span v-if="config.vorstand.kassenwart.vorname">{{ config.vorstand.kassenwart.vorname }} {{ config.vorstand.kassenwart.nachname }}, Kassenwart<br></span>
            <span v-if="config.vorstand.schriftfuehrer.vorname">{{ config.vorstand.schriftfuehrer.vorname }} {{ config.vorstand.schriftfuehrer.nachname }}, Schriftführer<br></span>
            <span v-if="config.vorstand.sportwart.vorname">{{ config.vorstand.sportwart.vorname }} {{ config.vorstand.sportwart.nachname }}, Sportwart<br></span>
            <span v-if="config.vorstand.jugendwart.vorname">{{ config.vorstand.jugendwart.vorname }} {{ config.vorstand.jugendwart.nachname }}, Jugendwart</span>
          </p>
        </div>

        <div>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Registereintrag
          </h2>
          <p class="text-gray-700">
            lsb h-Vereinsnummer: 24091<br>
            Registereintrag: Amtsgericht Frankfurt am Main, Registergericht<br>
            Registernummer: VR 6835
          </p>
        </div>

        <div>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Vereinsatzung
          </h2>
          <p class="text-gray-700 mb-4">
            Unsere aktuelle Vereinsatzung können Sie hier herunterladen oder online einsehen:
          </p>
          <div class="flex flex-col sm:flex-row gap-3">
            <a
              href="/documents/satzung.pdf"
              target="_blank"
              class="inline-flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"
            >
              <FileText
                :size="16"
                class="mr-2"
              />
              Satzung herunterladen (PDF)
            </a>
            <NuxtLink
              to="/satzung"
              class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-900 font-medium rounded-lg transition-colors"
            >
              <Eye
                :size="16"
                class="mr-2"
              />
              Online ansehen
            </NuxtLink>
          </div>
        </div>

        <div v-if="config">
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV
          </h2>
          <p class="text-gray-700">
            {{ config.vorstand.vorsitzender.vorname }} {{ config.vorstand.vorsitzender.nachname }}<br>
            <span v-if="config.vorstand.vorsitzender.strasse">{{ config.vorstand.vorsitzender.strasse }}<br></span>
            <span v-if="config.vorstand.vorsitzender.plz">{{ config.vorstand.vorsitzender.plz }} {{ config.vorstand.vorsitzender.ort }}</span>
          </p>
        </div>

        <div v-if="config">
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Verantwortlich für die Website
          </h2>
          <p class="text-gray-700">
            {{ config.website.verantwortlicher.vorname }} {{ config.website.verantwortlicher.nachname }}<br>
            E-Mail: <a
              :href="`mailto:${config.website.verantwortlicher.email}`"
              class="text-primary-600 hover:underline"
            >{{ config.website.verantwortlicher.email }}</a>
          </p>
        </div>

        <div>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Haftungsausschluss
          </h2>
          
          <h3 class="font-semibold text-gray-900 mt-4 mb-2">
            Haftung für Inhalte
          </h3>
          <p class="text-gray-700 mb-4">
            Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen. Grundsätzlich sind alle unsere Informationen ohne Gewähr. Auch für den Fall das unzutreffende oder falsche Informationen enthalten sind, wird vom HTC jegliche Haftung ausgeschlossen.
          </p>
          
          <h3 class="font-semibold text-gray-900 mt-4 mb-2">
            Haftung für Links
          </h3>
          <p class="text-gray-700 mb-4">
            Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Eine Haftung für Schäden, die ggf. durch das Aufrufen dieser Seiten, bzw. deren Inhalte entstehen, wird vom HTC nicht übernommen. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
          </p>

          <h3 class="font-semibold text-gray-900 mt-4 mb-2">
            Urheberrecht
          </h3>
          <p class="text-gray-700 mb-4">
            Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
          </p>
        </div>

        <div>
          <h2 class="text-xl font-display font-bold text-gray-900 mb-2">
            Datenschutzerklärung
          </h2>
          
          <h3 class="font-semibold text-gray-900 mt-4 mb-2">
            Datenschutz
          </h3>
          <p class="text-gray-700 mb-4">
            Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. Die Nutzung unserer Website ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
          </p>

          <h3 class="font-semibold text-gray-900 mt-4 mb-2">
            Widerspruch Werbe-Mails
          </h3>
          <p class="text-gray-700">
            Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { FileText, Eye } from 'lucide-vue-next'

const config = ref(null)

const loadConfig = async () => {
  try {
    const response = await $fetch('/api/config')
    config.value = response
  } catch (error) {
    console.error('Fehler beim Laden der Config:', error)
  }
}

onMounted(() => {
  loadConfig()
})

useHead({
  title: 'Impressum - Harheimer TC',
})
</script>

