---
import Layout from '@layouts/Layout.astro';
import { authService } from '@/lib/authService';

// Получаем глобальные настройки сайта из PocketBase
const pb = authService.createClientFromRequest(Astro.request);
const siteSettings = await pb.collection('site_settings').getFirstListItem('');
const siteUrl = siteSettings.site_url;

// Получаем данные страницы из PocketBase
const pageData = await pb.collection('pages').getFirstListItem('slug = "agb"');
const title = `${pageData.title} | ${siteSettings.site_name}`;
const description = pageData.meta_description;
const canonicalLink = pageData.canonical_url ? pageData.canonical_url : `${siteUrl}/${pageData.slug}`;
---

<Layout {title} {description} {canonicalLink}>
    <main class="max-w-3xl mx-auto py-12 px-4 sm:px-6 lg:px-8 font-sans">
        <div class="space-y-10 text-gray-700 leading-relaxed">
            <div>
                <h1 class="text-3xl font-bold text-gray-900 border-b pb-4 mb-4 text-center">
                    Allgemeine Geschäftsbedingungen für Berlin Minivan Transfers
                </h1>
                <p class="text-sm text-gray-500 italic text-center">
                    Stand: [Aktuelles Datum, z.B. 01. Oktober 2023]
                </p>

                <!-- Оглавление -->
                <nav class="mt-6">
                    <h2 class="text-lg font-semibold text-gray-800 mb-3 text-center">Inhaltsverzeichnis</h2>
                    <ul class="grid grid-cols-2 md:grid-cols-4 gap-2 text-sm">
                        <li class="py-1"><a href="#section-1" class="text-blue-600 hover:underline">§ 1 Geltungsbereich</a></li>
                        <li class="py-1"><a href="#section-2" class="text-blue-600 hover:underline">§ 2 Vertragsschluss</a></li>
                        <li class="py-1"><a href="#section-3" class="text-blue-600 hover:underline">§ 3 Leistungsumfang</a></li>
                        <li class="py-1"><a href="#section-4" class="text-blue-600 hover:underline">§ 4 Zahlungsbedingungen</a></li>
                        <li class="py-1"><a href="#section-5" class="text-blue-600 hover:underline">§ 5 Stornierung</a></li>
                        <li class="py-1"><a href="#section-6" class="text-blue-600 hover:underline">§ 6 Pflichten</a></li>
                        <li class="py-1"><a href="#section-7" class="text-blue-600 hover:underline">§ 7 Haftung</a></li>
                        <li class="py-1"><a href="#section-8" class="text-blue-600 hover:underline">§ 8 Schlussbestimmungen</a></li>
                    </ul>
                </nav>
            </div>

            <div id="section-1" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">1</span>
                    § 1 Geltungsbereich und Anbieter
                </h2>
                <p class="mb-3">
                    (1) Diese Allgemeinen Geschäftsbedingungen (nachfolgend
                    &bdquo;AGB&ldquo;) gelten für alle Verträge über die
                    Personenbeförderung, die zwischen Ihnen als Kunde und uns, der
                </p>
                <div class="my-4 p-4 bg-blue-50 rounded-lg font-semibold text-gray-800 border border-blue-200">
                    [Ihr Firmenname, z.B. Berlin Minivan Transfer UG]
                    <br />
                    [Ihre Straße und Hausnummer]
                    <br />
                    [Ihre Postleitzahl] Berlin
                </div>
                <p class="mt-3">
                    (2) Abweichende, entgegenstehende oder ergänzende AGB des Kunden
                    werden nur dann und insoweit Vertragsbestandteil, als wir ihrer
                    Geltung ausdrücklich schriftlich zugestimmt haben.
                </p>
            </div>

            <div id="section-2" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">2</span>
                    § 2 Vertragsschluss
                </h2>
                <p class="mb-3">
                    (1) Die Darstellung der Fahrten auf unserer Website stellt kein
                    rechtlich bindendes Angebot dar, sondern eine unverbindliche
                    Aufforderung zur Abgabe einer Buchungsanfrage.
                </p>
                <p class="mt-3">
                    (2) Der Kunde kann eine unverbindliche Anfrage über das
                    Buchungsformular auf der Website, per E-Mail oder telefonisch
                    stellen.
                </p>
                <p class="mt-3">
                    (3) Auf Basis der Anfrage erstellen wir ein verbindliches Angebot
                    und übermitteln dieses dem Kunden. Der Beförderungsvertrag kommt
                    zustande, wenn der Kunde dieses Angebot annimmt (z.B. durch
                    Bestätigung per E-Mail). Der Kunde erhält daraufhin eine
                    schriftliche Buchungsbestätigung.
                </p>
            </div>

            <div id="section-3" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">3</span>
                    § 3 Leistungsumfang
                </h2>
                <p class="mb-3">
                    (1) Der Leistungsumfang ergibt sich aus der Buchungsbestätigung. Die
                    Beförderung erfolgt auf der vereinbarten Strecke zum vereinbarten
                    Zeitpunkt.
                </p>
                <p class="mt-3">
                    (2) Im Fahrpreis ist die Beförderung von Gepäck in folgendem Umfang
                    pro Person enthalten: [z.B. 1 Koffer und 1 Handgepäckstück].
                    Sondergepäck (z.B. Sportausrüstung, Kinderwagen) muss bei der
                    Buchung angemeldet werden und kann ggf. zu Mehrkosten führen.
                </p>
                <p class="mt-3">
                    (3) Bei Abholungen vom Flughafen ist eine kostenfreie Wartezeit von
                    <span class="bg-yellow-100 px-1 rounded">[z.B. 60 Minuten]</span> nach der tatsächlichen Landezeit im Preis
                    inbegriffen. Jede weitere angefangene Viertelstunde Wartezeit wird
                    mit <span class="bg-yellow-100 px-1 rounded">[z.B. 15,00 EUR]</span> berechnet. Bei sonstigen Abholungen beträgt die
                    kostenfreie Wartezeit <span class="bg-yellow-100 px-1 rounded">[z.B. 15 Minuten]</span>.
                </p>
                <p class="mt-3">
                    (4) Die Bereitstellung von Kindersitzen ist gesetzlich
                    vorgeschrieben. Der Bedarf an Kindersitzen (Anzahl und Altersgruppe)
                    muss vom Kunden bei der Buchung korrekt angegeben werden.
                </p>
            </div>

            <div id="section-4" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">4</span>
                    § 4 Preise und Zahlungsbedingungen
                </h2>
                <p class="mb-3">
                    (1) Es gelten die in der Buchungsbestätigung ausgewiesenen Preise.
                    Alle Preise verstehen sich inklusive der gesetzlichen Umsatzsteuer.
                </p>
                <p class="mt-3">
                    (2) Die Zahlung des Fahrpreises ist <span class="bg-yellow-100 px-1 rounded">[wählen Sie eine Option]</span>. Die
                    akzeptierten Zahlungsmethoden werden im Angebot spezifiziert.
                </p>
            </div>

            <div id="section-5" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">5</span>
                    § 5 Stornierung durch den Kunden (Rücktritt)
                </h2>
                <p class="mb-3">
                    (1) Der Kunde kann jederzeit vor Fahrtantritt vom Vertrag
                    zurücktreten. Der Rücktritt muss in Textform (z.B. per E-Mail)
                    erfolgen.
                </p>
                <p class="mt-3">
                    (2) Je nach Zeitpunkt des Rücktritts fallen folgende
                    Stornierungsgebühren an:
                </p>
                <ul class="list-disc list-inside mt-3 space-y-2 bg-gray-50 p-4 rounded-lg">
                    <li class="pl-2">
                        Stornierung bis <span class="bg-yellow-100 px-1 rounded">[z.B. 24 Stunden]</span> vor dem vereinbarten
                        Fahrtantritt: <span class="font-semibold text-green-600">kostenfrei</span>.
                    </li>
                    <li class="pl-2">
                        Stornierung zwischen <span class="bg-yellow-100 px-1 rounded">[z.B. 24 Stunden]</span> und <span class="bg-yellow-100 px-1 rounded">[z.B. 4 Stunden]</span> vor
                        Fahrtantritt: <span class="font-semibold text-orange-600">[z.B. 50%]</span> des vereinbaren Fahrpreises.
                    </li>
                    <li class="pl-2">
                        Stornierung weniger als <span class="bg-yellow-100 px-1 rounded">[z.B. 4 Stunden]</span> vor Fahrtantritt oder bei
                        Nichtantritt der Fahrt (No-Show): <span class="font-semibold text-red-600">[z.B. 100%]</span> des vereinbarten
                        Fahrpreises.
                    </li>
                </ul>
                <p class="mt-3">
                    (3) Dem Kunden bleibt der Nachweis gestattet, dass dem Anbieter kein
                    oder ein wesentlich geringerer Schaden entstanden ist.
                </p>
            </div>

            <div id="section-6" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">6</span>
                    § 6 Pflichten des Kunden
                </h2>
                <p class="mb-3">
                    (1) Der Kunde ist verpflichtet, sich im Fahrzeug so zu verhalten,
                    dass die Sicherheit des Fahrers und anderer Fahrgäste nicht
                    gefährdet wird. Den Anweisungen des Fahrers ist Folge zu leisten.
                </p>
                <p class="mt-3">
                    (2) Im Fahrzeug besteht Anschnallpflicht. Das Rauchen ist untersagt.
                </p>
                <p class="mt-3">
                    (3) Schäden am Fahrzeug, die durch den Kunden oder von ihm
                    begleitete Personen verursacht werden, sind vom Kunden zu ersetzen.
                </p>
            </div>

            <div id="section-7" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">7</span>
                    § 7 Haftung
                </h2>
                <p class="mb-3">
                    (1) Wir haften unbeschränkt für Schäden aus der Verletzung des
                    Lebens, des Körpers oder der Gesundheit, die auf einer vorsätzlichen
                    oder fahrlässigen Pflichtverletzung von uns beruhen.
                </p>
                <p class="mt-3">
                    (2) Für sonstige Schäden haften wir nur bei Vorsatz und grober
                    Fahrlässigkeit. Bei leicht fahrlässiger Verletzung wesentlicher
                    Vertragspflichten ist unsere Haftung auf den vertragstypischen,
                    vorhersehbaren Schaden begrenzt.
                </p>
                <p class="mt-3">
                    (3) Die Haftung für den Verlust oder die Beschädigung von Gepäck ist
                    auf den vertragstypischen, vorhersehbaren Schaden begrenzt, sofern
                    kein Vorsatz oder grobe Fahrlässigkeit vorliegt.
                </p>
            </div>

            <div id="section-8" class="border-l-4 border-blue-500 pl-4 py-1 hover:bg-gray-50 transition-colors duration-200">
                <h2 class="text-2xl font-semibold text-gray-800 mb-4 flex items-center">
                    <span class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">8</span>
                    § 8 Schlussbestimmungen
                </h2>
                <p class="mb-3">
                    (1) Es gilt das Recht der Bundesrepublik Deutschland unter
                    Ausschluss des UN-Kaufrechts.
                </p>
                <p class="mt-3">
                    (2) Gerichtsstand für alle Streitigkeiten aus diesem
                    Vertragsverhältnis ist Berlin, sofern der Kunde Kaufmann, eine
                    juristische Person des öffentlichen Rechts oder ein
                    öffentlich-rechtliches Sondervermögen ist.
                </p>
                <p class="mt-3">
                    (3) Sollten einzelne Bestimmungen dieser AGB unwirksam sein oder
                    werden, berührt dies die Wirksamkeit der übrigen Bestimmungen nicht
                    (Salvatorische Klausel).
                </p>
            </div>
        </div>
    </main>
</Layout>