<div class="min-h-screen">

    @include('partials.homepage.navbar')

    {{-- ============================================================
         HEADER
    ============================================================ --}}
    <section class="relative pt-32 pb-12 overflow-hidden">
        <div class="absolute top-0 left-1/2 -translate-x-1/2 w-[900px] h-[400px] bg-indigo-50 rounded-full blur-3xl opacity-60 pointer-events-none"></div>

        <div class="relative max-w-4xl mx-auto px-6 text-center space-y-4">
            <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-indigo-50 border border-indigo-100 text-indigo-700 text-xs font-semibold">
                <x-heroicon-o-document-check class="w-3.5 h-3.5"/>
                Nutzungsbedingungen
            </div>
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight">Allgemeine Geschäftsbedingungen</h1>
            <p class="text-lg text-gray-500">Zuletzt aktualisiert: {{ now()->format('d.m.Y') }}</p>
        </div>
    </section>


    {{-- ============================================================
         CONTENT
    ============================================================ --}}
    <section class="pb-24">
        <div class="max-w-3xl mx-auto px-6">
            <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-8 md:p-10 space-y-8">

                {{-- 1. Geltungsbereich --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">1</span>
                        Geltungsbereich
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Diese Allgemeinen Geschäftsbedingungen (AGB) gelten für die Nutzung der von der aziros GmbH betriebenen SaaS-Plattform „aziros" (nachfolgend „Dienst"). Mit der Registrierung erkennst du diese AGB an.
                    </p>
                </div>

                {{-- 2. Leistungsbeschreibung --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">2</span>
                        Leistungsbeschreibung
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        aziros ist eine webbasierte Produktivitätsplattform, die folgende Funktionen bereitstellt:
                    </p>
                    <ul class="space-y-2 ml-4">
                        @foreach([
                            'Kalender- und Terminverwaltung mit KI-Unterstützung',
                            'Aufgaben- und Notizverwaltung',
                            'KI-Assistent für natürlichsprachliche Terminplanung',
                            'Kontaktverwaltung',
                            'Synchronisation mit Google Calendar und Outlook',
                            'Automatisierungsregeln für wiederkehrende Abläufe',
                        ] as $item)
                            <li class="flex items-start gap-2 text-sm text-gray-600">
                                <x-heroicon-o-check-circle class="w-4 h-4 text-indigo-500 shrink-0 mt-0.5"/>
                                {{ $item }}
                            </li>
                        @endforeach
                    </ul>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Der Funktionsumfang richtet sich nach dem gewählten Plan (Free, Pro, etc.).
                    </p>
                </div>

                {{-- 3. Registrierung --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">3</span>
                        Registrierung & Benutzerkonto
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Für die Nutzung des Dienstes ist eine Registrierung erforderlich. Du bist verpflichtet, wahrheitsgemäße Angaben zu machen und deine Zugangsdaten vertraulich zu behandeln. Die Weitergabe deines Kontos an Dritte ist nicht gestattet.
                    </p>
                </div>

                {{-- 4. Preise & Zahlung --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">4</span>
                        Preise & Zahlung
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Die aktuellen Preise sind auf unserer <a href="{{ route('homepage.preise') }}" class="text-indigo-600 hover:underline">Preisseite</a> einsehbar. Alle Preise verstehen sich inklusive der gesetzlichen Mehrwertsteuer. Die Abrechnung erfolgt je nach gewähltem Abrechnungszeitraum monatlich oder jährlich im Voraus.
                    </p>
                </div>

                {{-- 5. Kündigung --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">5</span>
                        Laufzeit & Kündigung
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Kostenpflichtige Pläne können jederzeit zum Ende der aktuellen Abrechnungsperiode gekündigt werden. Der kostenlose Plan kann jederzeit durch Löschung des Benutzerkontos beendet werden. Nach Kündigung bleiben deine Daten noch 30 Tage erhalten, bevor sie endgültig gelöscht werden.
                    </p>
                </div>

                {{-- 6. Nutzungsbedingungen --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">6</span>
                        Nutzungsbedingungen
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">Du verpflichtest dich, den Dienst nicht missbräuchlich zu nutzen. Insbesondere ist es untersagt:</p>
                    <ul class="space-y-2 ml-4">
                        @foreach([
                            'Den Dienst für rechtswidrige Zwecke zu verwenden',
                            'Die Infrastruktur durch automatisierte Massenanfragen zu überlasten',
                            'Sicherheitsmechanismen zu umgehen oder zu manipulieren',
                            'Inhalte zu speichern, die gegen geltendes Recht verstoßen',
                        ] as $item)
                            <li class="flex items-start gap-2 text-sm text-gray-600">
                                <x-heroicon-o-x-circle class="w-4 h-4 text-red-400 shrink-0 mt-0.5"/>
                                {{ $item }}
                            </li>
                        @endforeach
                    </ul>
                </div>

                {{-- 7. Haftung --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">7</span>
                        Haftungsbeschränkung
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Die Haftung der aziros GmbH ist auf Vorsatz und grobe Fahrlässigkeit beschränkt. Für die Verfügbarkeit des Dienstes übernehmen wir keine Garantie, bemühen uns aber um eine Uptime von 99,9%. Für Datenverluste, die durch fehlende Sicherungen deinerseits entstehen, haften wir nicht.
                    </p>
                </div>

                {{-- 8. Datenschutz --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">8</span>
                        Datenschutz
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Informationen zur Verarbeitung personenbezogener Daten findest du in unserer <a href="{{ route('homepage.datenschutz') }}" class="text-indigo-600 hover:underline">Datenschutzerklärung</a>.
                    </p>
                </div>

                {{-- 9. Schlussbestimmungen --}}
                <div class="space-y-3">
                    <h2 class="text-xl font-semibold text-gray-900 flex items-center gap-2">
                        <span class="w-7 h-7 rounded-lg bg-indigo-50 flex items-center justify-center text-xs font-bold text-indigo-600">9</span>
                        Schlussbestimmungen
                    </h2>
                    <p class="text-sm text-gray-600 leading-relaxed">
                        Es gilt das Recht der Republik Österreich. Gerichtsstand ist Wien, sofern gesetzlich zulässig. Sollte eine Bestimmung dieser AGB unwirksam sein, bleiben die übrigen Bestimmungen davon unberührt. Die unwirksame Bestimmung wird durch eine wirksame ersetzt, die dem wirtschaftlichen Zweck am nächsten kommt.
                    </p>
                </div>

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

    @include('partials.homepage.footer')

</div>
