@extends('marketing.layout')

@section('title', __('Privacyverklaring').' — Certified')
@section('description', __('Hoe Certified omgaat met je persoonsgegevens: welke gegevens we verzamelen, waarom, en welke rechten je hebt.'))

@section('content')

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

<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">1. {{ __('Wie wij zijn') }}</h2>
            <div class="mt-4">
                @include('marketing.partials.legal-party-block', ['label' => __('Verwerkingsverantwoordelijke')])
            </div>
            <p class="mt-4 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Bckstage exploiteert Certified, een persoonlijke certificatenmanager waarmee je zelf je certificaten, diploma\'s en documenten zoals een VOG bijhoudt. Deze verklaring legt uit welke persoonsgegevens we verzamelen, waarom, hoe lang we ze bewaren en wat je rechten zijn onder de AVG/GDPR.') }}
            </p>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Bckstage is verwerkingsverantwoordelijke voor alle persoonsgegevens die worden verwerkt om je Certified te leveren: je accountgegevens en de certificaatgegevens en documenten die je zelf uploadt.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">2. {{ __('Welke gegevens we verzamelen en waarom') }}</h2>

            <div class="mt-4 space-y-4">
                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('Account en authenticatie') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __('Naam, e-mailadres, gehasht wachtwoord of passkey, taalvoorkeur en sessiegegevens.') }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: overeenkomst (art. 6 lid 1 sub b AVG) · Bewaartermijn: tot accountverwijdering + 30 dagen') }}</p>
                </div>

                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('Certificaatgegevens') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __("Titel, uitgever, certificaatnummer, uitgifte- en vervaldatum, notities en het geüploade document zelf — soms bijzondere persoonsgegevens, zoals gegevens over het strafrechtelijk verleden bij een VOG.") }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: overeenkomst (art. 6 lid 1 sub b AVG) · Bewaartermijn: tot verwijdering door jou, of tot 30 dagen na accountopzegging') }}</p>
                </div>

                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('Beveiligingslogboeken') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __('IP-adres, browser- en apparaatinformatie en inloggebeurtenissen, gebruikt om misbruik te detecteren en beveiligingsincidenten te onderzoeken.') }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: gerechtvaardigd belang (art. 6 lid 1 sub f AVG) · Bewaartermijn: 90 dagen') }}</p>
                </div>

                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('OCR-verwerking (optioneel)') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __('Schakel je automatische tekstherkenning in, dan wordt het document dat je op dat moment uploadt gestuurd naar de Europese provider die jij zelf kiest: Klippa (Nederland) of Mistral AI (Frankrijk). Zonder deze instelling gebeurt dit niet.') }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: toestemming (art. 6 lid 1 sub a AVG) · Bewaartermijn: niet permanent opgeslagen bij de provider') }}</p>
                </div>

                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('Servicecommunicatie') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __('We versturen reminders en accountmeldingen via Resend (Verenigde Staten). Open- en kliktracking staat uit; Resend verwerkt alleen het ontvangeradres en de berichtinhoud.') }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: overeenkomst (art. 6 lid 1 sub b AVG) · Bewaartermijn: 90 dagen in maillogboeken') }}</p>
                </div>

                <div class="rounded-xl border border-slate-200 p-4 dark:border-slate-800">
                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">{{ __('Facturering (betaalde abonnementen)') }}</h3>
                    <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">{{ __('Naam, factuuradres en e-mailadres voor facturering. Betalingsgegevens worden niet door Bckstage zelf opgeslagen.') }}</p>
                    <p class="mt-2 text-xs text-slate-500 dark:text-slate-500">{{ __('Rechtsgrond: wettelijke verplichting (art. 6 lid 1 sub c AVG) · Bewaartermijn: 7 jaar (Nederlandse belastingwet)') }}</p>
                </div>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">3. {{ __('Cookies') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Certified gebruikt uitsluitend strikt noodzakelijke cookies: een sessiecookie om je ingelogd te houden, een CSRF-tokencookie ter beveiliging, en een voorkeurscookie voor je taal en weergave (licht/donker). We gebruiken geen reclamecookies, trackingpixels of analyses van derden. Er is geen cookiebanner nodig omdat we uitsluitend strikt noodzakelijke cookies plaatsen.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">4. {{ __('Derden en internationale doorgiften') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We verkopen, verhuren of verhandelen je persoonsgegevens nooit aan derden. We delen gegevens uitsluitend met de volgende partijen, voor zover van toepassing op jouw gebruik:') }}
            </p>
            <div class="mt-4 overflow-x-auto rounded-xl border border-slate-200 dark:border-slate-800">
                <table class="w-full text-left text-sm">
                    <thead class="bg-slate-50 text-xs font-semibold tracking-wide text-slate-500 uppercase dark:bg-slate-900/60 dark:text-slate-400">
                        <tr>
                            <th class="px-4 py-3">{{ __('Partij') }}</th>
                            <th class="px-4 py-3">{{ __('Locatie') }}</th>
                            <th class="px-4 py-3">{{ __('Doel') }}</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                        <tr>
                            <td class="px-4 py-3 font-medium text-slate-800 dark:text-slate-200">Resend</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Verenigde Staten') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Bezorging van reminders en accountmeldingen') }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 py-3 font-medium text-slate-800 dark:text-slate-200">Klippa</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Nederland (EU)') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('OCR-herkenning — alleen als jij dit inschakelt') }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 py-3 font-medium text-slate-800 dark:text-slate-200">Mistral AI</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Frankrijk (EU)') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('OCR-herkenning — alleen als jij dit inschakelt') }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 py-3 font-medium text-slate-800 dark:text-slate-200">Moneybird</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Nederland (EU)') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Facturering van betaalde abonnementen') }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p class="mt-4 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Voor de doorgifte aan Resend (Verenigde Staten) steunen we op Standaardcontractuele Clausules op grond van Hoofdstuk V AVG. Klippa, Mistral AI en Moneybird zijn allen binnen de EU gevestigd.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">5. {{ __('Waar je gegevens worden opgeslagen') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Je certificaten en accountgegevens worden opgeslagen in datacenters binnen de Europese Unie. We gebruiken geen Amerikaanse cloudproviders voor hosting, waardoor je gegevens niet onder de Amerikaanse CLOUD Act vallen.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">6. {{ __('Beveiliging') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We versleutelen documenten in rust en tijdens verzending (TLS), scheiden accounts op databaseniveau en ondersteunen phishing-bestendige aanmelding via passkeys. Gedeelde documenten zijn alleen bereikbaar via cryptografisch ondertekende links die automatisch verlopen. Meer details vind je op onze security-pagina. Mochten we een datalek ontdekken met waarschijnlijk hoog risico voor jouw rechten, dan informeren we je zonder onredelijke vertraging conform artikel 34 AVG.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">7. {{ __('Jouw rechten') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Onder de AVG heb je recht op inzage, rectificatie, verwijdering, beperking van de verwerking, gegevensoverdraagbaarheid en bezwaar. Je kunt je certificaten en gegevens grotendeels zelf inzien en exporteren vanuit je account; voor andere verzoeken mail je ons. We reageren binnen één maand. Je hebt ook het recht een klacht in te dienen bij de Autoriteit Persoonsgegevens.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">8. {{ __('Minderjarigen') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Certified is niet bedoeld voor gebruik door personen jonger dan 16 jaar. Vermoed je dat we onbedoeld gegevens van een minderjarige hebben verzameld, neem dan contact met ons op zodat we deze kunnen verwijderen.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">9. {{ __('Wijzigingen') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('We kunnen deze verklaring van tijd tot tijd bijwerken. Bij wezenlijke wijzigingen informeren we je per e-mail, ten minste 14 dagen voordat de wijziging ingaat.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">10. {{ __('Contact') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Vragen over deze verklaring of je gegevens? Mail ons via') }} <a href="mailto:privacy@bckstage.cloud" class="font-medium text-emerald-700 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-300">privacy@bckstage.cloud</a>.
            </p>
        </article>
    </div>
</section>

@endsection