@extends('marketing.layout')

@section('title', __('Verwerkersovereenkomst').' — Certified')
@section('description', __('De standaard verwerkersovereenkomst (DPA) van Certified, beschikbaar voor zzp\'ers en eenmanszaken die er één nodig hebben.'))

@section('content')

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

<section class="mx-auto max-w-3xl px-4 pb-8 sm:px-6">
    <div class="rounded-2xl border border-emerald-200/70 bg-emerald-50/60 p-6 sm:p-8 dark:border-emerald-500/25 dark:bg-emerald-500/5">
        <h2 class="text-lg font-bold text-slate-900 dark:text-white">{{ __('Heb je deze wel nodig?') }}</h2>
        <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
            {{ __("Certified is gebouwd voor persoonlijk gebruik: jij beheert je eigen VOG, diploma's en certificaten. In dat geval ben je zelf geen verwerkingsverantwoordelijke in de zin van de AVG en heb je deze overeenkomst niet nodig.") }}
        </p>
        <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
            {{ __('Werk je als zzp\'er of eenmanszaak en beheer je via Certified ook certificaten van anderen (bijvoorbeeld van jezelf als ondernemer richting een opdrachtgever), dan kun je de onderstaande standaardovereenkomst gebruiken — zonder extra kosten.') }}
        </p>
        <a
            href="mailto:privacy@bckstage.cloud?subject=Verwerkersovereenkomst%20Certified"
            class="mt-5 inline-flex items-center gap-2 rounded-xl bg-emerald-600 px-5 py-2.5 text-sm font-semibold text-white shadow-md shadow-emerald-600/25 transition-all duration-200 hover:-translate-y-px hover:bg-emerald-500"
        >
            {{ __('Vraag een getekend exemplaar aan') }}
        </a>
    </div>
</section>

<section class="mx-auto max-w-3xl px-4 pb-12 sm:px-6">
    <div class="grid gap-4 sm:grid-cols-2">
        @include('marketing.partials.legal-party-block', ['label' => __('Verwerker')])
        <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">{{ __('Verwerkingsverantwoordelijke') }}</p>
            <p class="mt-2 text-base font-semibold text-slate-900 dark:text-white">{{ __('De klant') }}</p>
            <p class="mt-1 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('De zzp\'er of eenmanszaak die Certified gebruikt en zelf certificaatgegevens van anderen verwerkt.') }}
            </p>
        </div>
    </div>
</section>

<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 — Definities') }}</h2>
            <ul class="mt-3 space-y-2 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"AVG"/"GDPR"') }}</span> — {{ __('Verordening (EU) 2016/679, zoals geïmplementeerd in Nederlands recht via de Uitvoeringswet AVG.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"Persoonsgegevens"') }}</span> — {{ __('alle informatie als gedefinieerd in artikel 4 lid 1 AVG.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"Verwerkingsverantwoordelijke"') }}</span> — {{ __('de klant, die de doeleinden en middelen van de verwerking bepaalt.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"Verwerker"') }}</span> — {{ __('Bckstage, die persoonsgegevens verwerkt namens de verwerkingsverantwoordelijke.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"Sub-verwerker"') }}</span> — {{ __('een derde partij die door de verwerker wordt ingeschakeld om specifieke verwerkingsactiviteiten uit te voeren.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('"Inbreuk in verband met persoonsgegevens"') }}</span> — {{ __('een beveiligingsincident zoals gedefinieerd in artikel 4 lid 12 AVG.') }}</li>
            </ul>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 2 — Onderwerp, aard en doel') }}</h2>
            <div class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <p>2.1 {{ __('De verwerker verwerkt persoonsgegevens uitsluitend om Certified te leveren aan de verwerkingsverantwoordelijke: opslag, OCR-herkenning, het bewaken van vervaldatums en het veilig delen van certificaten.') }}</p>
                <p>2.2 {{ __('De verwerker verwerkt persoonsgegevens niet voor eigen doeleinden, reclame, profilering of enig ander doel dan het leveren en verbeteren van Certified.') }}</p>
                <p>2.3 {{ __('De verwerker handelt uitsluitend op gedocumenteerde instructies van de verwerkingsverantwoordelijke, tenzij Unierecht of nationale wetgeving anders vereist.') }}</p>
            </div>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 3 — Looptijd') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Deze overeenkomst blijft van kracht gedurende de looptijd van het abonnement en eindigt automatisch bij beëindiging daarvan, onder voorbehoud van artikel 11 (Verwijdering en teruggave).') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 4 — Persoonsgegevens en betrokkenen') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Afhankelijk van hoe de verwerkingsverantwoordelijke Certified gebruikt, kunnen de volgende gegevens worden verwerkt: naam, contactgegevens, certificaatgegevens (titel, uitgever, geldigheidsdata) en het geüploade document zelf.') }}
            </p>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('4.1 De verwerker erkent dat Certified mede bedoeld is voor het opslaan van documenten die bijzondere persoonsgegevens kunnen bevatten in de zin van artikel 9 en 10 AVG, zoals gegevens over het strafrechtelijk verleden bij een Verklaring Omtrent het Gedrag (VOG). De verwerkingsverantwoordelijke is zelf verantwoordelijk voor het hebben van een geldige rechtsgrond wanneer hij dergelijke gegevens van anderen dan zichzelf verwerkt.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 5 — Verplichtingen van de verwerker') }}</h2>
            <ul class="mt-3 space-y-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('Vertrouwelijkheid') }}</span> — {{ __('personen die persoonsgegevens verwerken zijn gebonden aan geheimhouding.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('Beveiliging') }}</span> — {{ __('passende technische en organisatorische maatregelen, zoals beschreven in artikel 8.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('Sub-verwerkers') }}</span> — {{ __('de verwerker schakelt geen nieuwe sub-verwerkers in zonder de verwerkingsverantwoordelijke hierover ten minste 14 dagen vooraf te informeren.') }}</li>
                <li><span class="font-medium text-slate-800 dark:text-slate-200">{{ __('Bijstand') }}</span> — {{ __('de verwerker helpt bij verzoeken van betrokkenen en bij naleving van de artikelen 32–36 AVG.') }}</li>
            </ul>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 6 — Sub-verwerkers') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Door deze overeenkomst aan te gaan geeft de verwerkingsverantwoordelijke algemene toestemming aan de verwerker om de volgende sub-verwerkers in te schakelen:') }}
            </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">{{ __('Sub-verwerker') }}</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">{{ __('Eigen infrastructuur') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('EU (Nederland)') }}</td>
                            <td class="px-4 py-3 text-slate-600 dark:text-slate-400">{{ __('Applicatiehosting, bestandsopslag en databases') }}</td>
                        </tr>
                        <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 indien geactiveerd') }}</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 indien geactiveerd') }}</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 Resend (doorgifte naar de Verenigde Staten) steunen we op Standaardcontractuele Clausules op grond van Hoofdstuk V AVG. De verwerker legt elke sub-verwerker gelijkwaardige gegevensbeschermingsverplichtingen op als in deze overeenkomst.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 7 — Internationale doorgiften') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('De verwerker geeft geen persoonsgegevens door aan derde landen buiten de EER, behalve aan Resend (Verenigde Staten) voor het bezorgen van reminders, op basis van passende waarborgen conform Hoofdstuk V AVG. Alle overige sub-verwerkers zijn gevestigd binnen de EU.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 8 — Beveiligingsmaatregelen') }}</h2>
            <ul class="mt-3 space-y-2 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                @foreach ([
                    __('Versleuteling van persoonsgegevens tijdens verzending (TLS) en in rust (AES-256)'),
                    __('Wachtwoorden opgeslagen als hash, nooit in leesbare tekst'),
                    __('Toegangsscheiding per account, afgedwongen op databaseniveau'),
                    __('Ondersteuning voor phishing-bestendige authenticatie via passkeys'),
                    __('Gedeelde documenten alleen bereikbaar via cryptografisch ondertekende, automatisch verlopende links'),
                    __('Regelmatige geautomatiseerde back-ups'),
                ] as $measure)
                    <li class="flex items-start gap-3">
                        <svg class="mt-0.5 size-4.5 shrink-0 text-emerald-600 dark:text-emerald-400" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>
                        <span>{{ $measure }}</span>
                    </li>
                @endforeach
            </ul>
            <p class="mt-4 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Een volledig overzicht van onze beveiligingsmaatregelen vind je op onze security-pagina.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 9 — Meldplicht datalekken') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('De verwerker stelt de verwerkingsverantwoordelijke zonder onredelijke vertraging, en in elk geval binnen 72 uur nadat hij kennis heeft gekregen van een inbreuk in verband met persoonsgegevens, hiervan op de hoogte — met een beschrijving van de aard, de waarschijnlijke gevolgen en de genomen maatregelen.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 10 — Rechten van betrokkenen') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('De verwerker helpt de verwerkingsverantwoordelijke bij het beantwoorden van verzoeken van betrokkenen (inzage, rectificatie, verwijdering, beperking, overdraagbaarheid, bezwaar) en stuurt verzoeken die rechtstreeks bij de verwerker binnenkomen binnen 5 werkdagen door.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 11 — Verwijdering en teruggave') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Bij beëindiging van het abonnement verwijdert de verwerker, naar keuze van de verwerkingsverantwoordelijke, alle persoonsgegevens of geeft deze terug in een machineleesbaar formaat. Zonder tijdige instructie verwijdert de verwerker alle gegevens binnen 30 dagen na beëindiging, inclusief back-ups binnen maximaal 90 dagen vanwege back-uprotatieschema\'s.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 12 — Auditrechten') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('De verwerker verstrekt de informatie die redelijkerwijs nodig is om naleving van artikel 28 AVG aan te tonen. Auditverzoeken worden schriftelijk ingediend met ten minste 30 dagen vooraankondiging en mogen de beveiliging van gegevens van andere klanten niet in gevaar brengen.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Artikel 13 — Aansprakelijkheid en toepasselijk recht') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Aansprakelijkheid wordt geregeld conform artikel 82 AVG en de aansprakelijkheidsbepaling in de Gebruiksvoorwaarden. Op deze overeenkomst is Nederlands recht van toepassing; geschillen worden voorgelegd aan de bevoegde rechtbank te Arnhem.') }}
            </p>
        </article>

        <article>
            <h2 class="text-xl font-bold tracking-tight text-slate-900 dark:text-white">{{ __('Ondertekening') }}</h2>
            <p class="mt-3 text-base leading-relaxed text-slate-600 dark:text-slate-400">
                {{ __('Deze overeenkomst wordt geacht te zijn aanvaard bij eerste gebruik van Certified in de context van je eigen bedrijfsvoering. Voor een getekende kopie voor je eigen archief mail je 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