@extends('marketing.layout')

@section('title', __('Algemene voorwaarden').' — Certified')
@section('description', __('De gebruiksvoorwaarden voor het gebruik van Certified.'))

@section('content')

@include('marketing.partials.legal-header', ['title' => __('Algemene voorwaarden'), 'updated' => __('Versie 1.0 · augustus 2026')])

<section class="mx-auto max-w-3xl px-4 pb-24 sm:px-6">
    <div class="space-y-10">
        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 1 — Partijen en definities') }}</h2>

            <div class="mt-4 grid gap-4 sm:grid-cols-2">
                @include('marketing.partials.legal-party-block', ['label' => __('Aanbieder'), 'email' => 'legal@bckstage.cloud'])
                <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5 dark:border-slate-800 dark:bg-slate-900/60">
                    <p class="text-xs font-bold tracking-widest text-emerald-600 uppercase dark:text-emerald-400">{{ __('Gebruiker') }}</p>
                    <p class="mt-2 text-base font-semibold text-slate-900 dark:text-white">{{ __('Jij') }}</p>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
                        {{ __('De natuurlijke persoon die een account aanmaakt bij Certified om zijn eigen certificaten, diploma\'s en documenten te beheren.') }}
                    </p>
                </div>
            </div>

            <div class="mt-5 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>1.1 {{ __('"Overeenkomst" betekent deze Gebruiksvoorwaarden, samen met onze Privacyverklaring en, indien van toepassing, de Verwerkersovereenkomst.') }}</p>
                <p>1.2 {{ __('"Dienst" betekent Certified: het platform waarmee je je eigen certificaten, diploma\'s en vergelijkbare documenten beheert, inclusief automatische OCR-herkenning, reminders en veilig delen.') }}</p>
                <p>1.3 {{ __('"Gebruiker" of "je"/"jij" betekent de natuurlijke persoon die een account aanmaakt en de Dienst gebruikt.') }}</p>
                <p>1.4 {{ __('"Inhoud" betekent alle certificaten, documenten, gegevens en bestanden die je naar de Dienst uploadt.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 2 — Acceptatie en geschiktheid') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>2.1 {{ __('Door een account aan te maken of de Dienst te gebruiken, ga je akkoord met deze Overeenkomst. Ga je hier niet mee akkoord, dan mag je de Dienst niet gebruiken.') }}</p>
                <p>2.2 {{ __('Je verklaart dat je ten minste 16 jaar oud bent.') }}</p>
                <p>2.3 {{ __('Je bent zelf verantwoordelijk voor het geven van juiste en actuele gegevens bij registratie, en voor het up-to-date houden daarvan.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 3 — Toegang en accountverplichtingen') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>3.1 {{ __('Zolang je deze Overeenkomst naleeft, verleent de Aanbieder je een beperkt, niet-overdraagbaar recht om de Dienst te gebruiken.') }}</p>
                <p>3.2 {{ __('Je account is persoonlijk; het delen van je inloggegevens met anderen is niet toegestaan.') }}</p>
                <p>3.3 {{ __('Je bent verantwoordelijk voor het geheimhouden van je wachtwoord of passkey en meldt vermoed onbevoegd gebruik direct aan ons.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 4 — Aanvaardbaar gebruik') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Certified is bedoeld voor het beheren van je eigen certificaten en documenten door jou als individu — niet voor het op grote schaal beheren van certificaten van andere personen namens een bedrijf of organisatie.') }}
            </p>
            <p class="mt-4 text-base leading-relaxed text-slate-600 dark:text-slate-400">{{ __('Het volgende is niet toegestaan:') }}</p>
            <ul class="mt-3 space-y-2 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                @foreach ([
                    __('Proberen onbevoegde toegang te krijgen tot enig onderdeel van de Dienst of gegevens van andere gebruikers'),
                    __('Reverse-engineeren, decompileren of afgeleide werken maken van de Dienst'),
                    __('Malware, virussen of schadelijke code uploaden of verspreiden via de Dienst'),
                    __('Documenten uploaden die niet van jou zijn, zonder toestemming van de rechthebbende'),
                    __('Doorverkoop of sublicentiëring van toegang tot de Dienst zonder onze voorafgaande schriftelijke toestemming'),
                    __('Geautomatiseerd scrapen, crawlen of op grote schaal gegevens onttrekken aan de Dienst'),
                    __('Elk gebruik dat in strijd is met toepasselijk recht of rechten van derden'),
                ] as $item)
                    <li class="flex items-start gap-3">
                        <svg class="mt-0.5 size-4.5 shrink-0 text-red-500" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>
                        <span>{{ $item }}</span>
                    </li>
                @endforeach
            </ul>
            <p class="mt-4 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We behouden ons het recht voor om toegang op te schorten zonder voorafgaande kennisgeving wanneer we een schending van dit artikel constateren of vermoeden.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 5 — Abonnementen en betaling') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>5.1 {{ __('Certified kent een gratis pakket en de betaalde abonnementen Starter en Onbeperkt, zoals beschreven op onze prijzenpagina. Betaalde abonnementen worden jaarlijks vooraf gefactureerd, exclusief btw.') }}</p>
                <p>5.2 {{ __('Upgraden kan op elk moment; je betaalt dan alleen het verschil voor de resterende looptijd.') }}</p>
                <p>5.3 {{ __('Downgraden of opzeggen van een betaald abonnement gaat in op de eerstvolgende verlengingsdatum. Reeds betaalde bedragen worden niet naar rato terugbetaald.') }}</p>
                <p>5.4 {{ __('We kunnen onze prijzen aanpassen met een schriftelijke kennisgeving van ten minste 30 dagen vooraf. Ga je niet akkoord met de nieuwe prijs, dan kun je opzeggen voordat de wijziging ingaat.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 6 — Intellectueel eigendom') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>6.1 {{ __('Wij behouden alle intellectuele eigendomsrechten op de Dienst zelf, waaronder de broncode, het ontwerp en onze merken.') }}</p>
                <p>6.2 {{ __('Jij behoudt alle rechten op je eigen Inhoud. Je geeft ons een beperkte licentie om je Inhoud op te slaan, te verwerken en te verzenden, uitsluitend voor zover nodig om de Dienst aan jou te leveren.') }}</p>
                <p>6.3 {{ __('We mogen geanonimiseerde, geaggregeerde gegevens die niet tot jou herleidbaar zijn gebruiken om de Dienst te verbeteren.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 7 — Beschikbaarheid en wijzigingen van de Dienst') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We streven naar een betrouwbaar beschikbare Dienst, maar garanderen geen ononderbroken of foutloze toegang. We kunnen de Dienst van tijd tot tijd aanpassen; ingrijpende wijzigingen kondigen we vooraf aan.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 8 — Gegevens, privacy en OCR-verwerking') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>8.1 {{ __('Hoe we met je persoonsgegevens omgaan staat beschreven in onze Privacyverklaring, die integraal onderdeel uitmaakt van deze Overeenkomst.') }}</p>
                <p>8.2 {{ __('Automatische tekstherkenning (OCR) vindt alleen plaats als jij dit zelf inschakelt, via een door jou gekozen Europese provider. Je kunt OCR ook uitschakelen en velden handmatig invullen.') }}</p>
                <p>8.3 {{ __('De Dienst gebruikt uitsluitend strikt noodzakelijke functionele cookies — geen reclame- of trackingcookies.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 9 — Aansprakelijkheid') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>9.1 {{ __('Certified is een hulpmiddel om je certificaten te overzien en je te herinneren aan vervaldatums — geen garantie dat je nooit een deadline mist. De Dienst wordt geleverd "zoals het is".') }}</p>
                <p>9.2 {{ __('Voor zover wettelijk toegestaan zijn wij niet aansprakelijk voor indirecte schade of gevolgschade. Onze totale aansprakelijkheid is beperkt tot het bedrag dat je in de twaalf maanden voorafgaand aan de schadeveroorzakende gebeurtenis aan ons hebt betaald.') }}</p>
                <p>9.3 {{ __('Niets in deze Overeenkomst beperkt aansprakelijkheid voor overlijden of persoonlijk letsel door onze nalatigheid, fraude, of andere aansprakelijkheid die niet kan worden uitgesloten onder Nederlands recht.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 10 — Opzeggen en verwijdering van je data') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Je kunt je account op elk moment opzeggen vanuit je instellingen. Je kunt daarvoor al je certificaten en gegevens exporteren. Na opzegging verwijderen we je gegevens, inclusief back-ups, definitief binnen 30 dagen. Wij kunnen je account opschorten of beëindigen bij een wezenlijke schending van artikel 4.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 11 — Wijzigingen van deze voorwaarden') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We kunnen deze voorwaarden wijzigen door een bijgewerkte versie op deze pagina te plaatsen. Bij ingrijpende wijzigingen informeren we je per e-mail, ten minste 30 dagen voordat de wijziging ingaat. Voortgezet gebruik na die datum geldt als acceptatie.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 12 — Toepasselijk recht en bevoegde rechter') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>12.1 {{ __('Op deze Overeenkomst is Nederlands recht van toepassing.') }}</p>
                <p>12.2 {{ __('Geschillen worden voorgelegd aan de bevoegde rechtbank te Arnhem, Nederland, tenzij dwingend consumentenrecht in jouw woonland anders bepaalt.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Vragen over deze voorwaarden?') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Neem contact met ons op via') }} <a href="mailto:legal@bckstage.cloud" class="font-medium text-emerald-700 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-300">legal@bckstage.cloud</a>.
            </p>
        </article>
    </div>
</section>

@endsection