{% extends "base.html" %}

{% block title %}{% if lang == 'en' %}🛡️ Privacy Policy (Datenschutz){% else %}🛡️ Datenschutzerklärung{% endif %}{% endblock %}

{% block content %}
<div class="quiz-wrapper">
    <div class="card legal-card">
        <h1 class="glow-title" id="dsTitle">
            {% if lang == 'en' %}🛡️ Privacy Policy{% else %}🛡️ Datenschutzerklärung{% endif %}
        </h1>
        <p class="subtitle" id="dsSub">
            {% if lang == 'en' %}Information pursuant to the EU General Data Protection Regulation (GDPR / DSGVO){% else %}Informationen zur Datenverarbeitung gemäß Art. 13 DSGVO{% endif %}
        </p>

        <div class="legal-content" id="dsContent">
            {% if lang == 'en' %}
            <h3>1. Responsible Controller</h3>
            <p>
                Responsible for data processing on <code>dev.waiswuaschd.de</code>:<br>
                Maximilian R. (Waiswuaschd Project)<br>
                Email: <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>
            </p>

            <h3 style="margin-top: 20px;">2. General Principles: Data Minimization & Privacy by Design</h3>
            <p>
                We treat your data with the utmost care. This portal is built with strict data minimization in mind:
                <strong>No user accounts are required, no tracking tools (e.g. Google Analytics, Meta Pixel) are used, and no data is sold to third parties.</strong>
            </p>

            <h3 style="margin-top: 20px;">3. Server Log Files</h3>
            <p>
                When accessing our website, the web server automatically records standard access data (server logs):
            </p>
            <ul style="margin-left: 20px; color: var(--text-muted);">
                <li>IP address of the requesting device</li>
                <li>Date and time of access</li>
                <li>Requested URL and HTTP status code</li>
                <li>Browser type and version</li>
            </ul>
            <p style="margin-top: 8px;">
                This data is processed pursuant to Art. 6(1)(f) GDPR to ensure technical system stability and IT security (e.g. DDoS protection). Log files are automatically deleted after standard server retention periods.
            </p>

            <h3 style="margin-top: 20px;">4. Cookies & Local Browser Storage</h3>
            <p>
                We use strictly necessary technical storage only:
            </p>
            <ul style="margin-left: 20px; color: var(--text-muted);">
                <li><strong>Session Cookie (<code>quiz_session</code>):</strong> A temporary identifier required to coordinate your 10 quiz questions. It expires when you close your browser session.</li>
                <li><strong>Browser LocalStorage:</strong> Used solely to remember your chosen language (<code>quiz_lang</code>) and background music setting (<code>bgm_enabled</code>) between pages.</li>
            </ul>

            <h3 style="margin-top: 20px;">5. Anonymous Leaderboard & Question Suggestions</h3>
            <p>
                Entering your name into the <em>Hogwarts Hall of Fame (Leaderboard)</em> or submitting a quiz question is completely voluntary.
                We explicitly ask you <strong>not</strong> to provide your real name, but rather a playful wizard alias or nickname (e.g. <code>Golden_Snitch_99</code>).
            </p>

            <h3 style="margin-top: 20px;">6. Your Rights under the GDPR</h3>
            <p>
                Under EU GDPR, you have the right to information (Art. 15), correction (Art. 16), deletion (Art. 17), and restriction of processing (Art. 18).
                For any data privacy inquiries, please contact us at <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>.
            </p>
            {% else %}
            <h3>1. Verantwortliche Stelle</h3>
            <p>
                Verantwortlich für die Datenverarbeitung auf <code>dev.waiswuaschd.de</code>:<br>
                Maximilian R. (Waiswuaschd Projekt)<br>
                E-Mail: <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>
            </p>

            <h3 style="margin-top: 20px;">2. Grundsatz: Datensparsamkeit & Privatsphäre</h3>
            <p>
                Der Schutz deiner persönlichen Daten ist uns ein wichtiges Anliegen. Unser Quiz-Portal ist nach dem Prinzip der <strong>Datensparsamkeit</strong> konzipiert:
                Es gibt <strong>keine Pflicht zur Registrierung, keine Tracking-Tools (wie Google Analytics oder Facebook-Pixel) und keine Weitergabe von Daten an Werbedienstleister</strong>.
            </p>

            <h3 style="margin-top: 20px;">3. Server-Logfiles</h3>
            <p>
                Beim Aufrufen unserer Webseiten erfasst der Webserver automatisch technische Informationen (Server-Logfiles):
            </p>
            <ul style="margin-left: 20px; color: var(--text-muted);">
                <li>IP-Adresse des anfragenden Geräts</li>
                <li>Datum und Uhrzeit des Zugriffs</li>
                <li>Abgerufene URL und HTTP-Statuscode</li>
                <li>Browsertyp und Betriebssystem</li>
            </ul>
            <p style="margin-top: 8px;">
                Die Verarbeitung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO zur Gewährleistung der Systemsicherheit, Stabilität und Abwehr von Cyberangriffen. Logfiles werden nach Ablauf der regulären Server-Aufbewahrungsfrist automatisch gelöscht.
            </p>

            <h3 style="margin-top: 20px;">4. Cookies & Lokale Speicherung (LocalStorage)</h3>
            <p>
                Wir setzen ausschließlich technisch notwendige Hilfsmittel ein:
            </p>
            <ul style="margin-left: 20px; color: var(--text-muted);">
                <li><strong>Session-Cookie (<code>quiz_session</code>):</strong> Wird benötigt, um deinen Spielstand und deine 10 Fragen während der laufenden Quizrunde zuzuordnen.</li>
                <li><strong>Lokaler Browser-Speicher (LocalStorage):</strong> Speichert lediglich deine Spracheinstellung (<code>quiz_lang</code>) und Musikpräferenz (<code>bgm_enabled</code>), damit du diese beim nächsten Seitenaufruf nicht neu einstellen musst.</li>
            </ul>

            <h3 style="margin-top: 20px;">5. Anonyme Bestenliste & Frage-Vorschläge</h3>
            <p>
                Der Eintrag in die <em>Hogwarts-Ruhmeshalle (Bestenliste)</em> sowie das Einreichen eigener Quizfragen erfolgt auf rein freiwilliger Basis.
                Wir bitten dich ausdrücklich darum, <strong>keine Klarnamen</strong> einzugeben, sondern ein magisches Pseudonym bzw. einen Alias (z. B. <code>Zauberlehrling_42</code>).
            </p>

            <h3 style="margin-top: 20px;">6. Deine Rechte gemäß DSGVO</h3>
            <p>
                Du hast nach der DSGVO jederzeit das Recht auf unentgeltliche Auskunft über deine gespeicherten Daten (Art. 15), Berichtigung (Art. 16) oder Löschung (Art. 17). Wende dich bei Fragen gerne direkt per E-Mail an uns.
            </p>
            {% endif %}
        </div>

        <div class="btn-group" style="margin-top: 30px;">
            <a href="/" class="btn btn-primary" id="btnBackQuizDs">
                ✨ {% if lang == 'en' %}Back to Quiz{% else %}Zurück zum Quiz{% endif %}
            </a>
            <a href="/impressum" class="btn btn-secondary" id="btnToImp">
                ⚖️ {% if lang == 'en' %}Legal Notice{% else %}Zum Impressum{% endif %}
            </a>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
    const DS_TEXTS = {
        de: {
            title: "🛡️ Datenschutzerklärung",
            sub: "Informationen zur Datenverarbeitung gemäß Art. 13 DSGVO",
            btnBack: "✨ Zurück zum Quiz",
            btnToImp: "⚖️ Zum Impressum",
            html: `
                <h3>1. Verantwortliche Stelle</h3>
                <p>
                    Verantwortlich für die Datenverarbeitung auf <code>dev.waiswuaschd.de</code>:<br>
                    Maximilian R. (Waiswuaschd Projekt)<br>
                    E-Mail: <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>
                </p>

                <h3 style="margin-top: 20px;">2. Grundsatz: Datensparsamkeit & Privatsphäre</h3>
                <p>
                    Der Schutz deiner persönlichen Daten ist uns ein wichtiges Anliegen. Unser Quiz-Portal ist nach dem Prinzip der <strong>Datensparsamkeit</strong> konzipiert:
                    Es gibt <strong>keine Pflicht zur Registrierung, keine Tracking-Tools (wie Google Analytics oder Facebook-Pixel) und keine Weitergabe von Daten an Werbedienstleister</strong>.
                </p>

                <h3 style="margin-top: 20px;">3. Server-Logfiles</h3>
                <p>
                    Beim Aufrufen unserer Webseiten erfasst der Webserver automatisch technische Informationen (Server-Logfiles):
                </p>
                <ul style="margin-left: 20px; color: var(--text-muted);">
                    <li>IP-Adresse des anfragenden Geräts</li>
                    <li>Datum und Uhrzeit des Zugriffs</li>
                    <li>Abgerufene URL und HTTP-Statuscode</li>
                    <li>Browsertyp und Betriebssystem</li>
                </ul>
                <p style="margin-top: 8px;">
                    Die Verarbeitung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO zur Gewährleistung der Systemsicherheit, Stabilität und Abwehr von Cyberangriffen. Logfiles werden nach Ablauf der regulären Server-Aufbewahrungsfrist automatisch gelöscht.
                </p>

                <h3 style="margin-top: 20px;">4. Cookies & Lokale Speicherung (LocalStorage)</h3>
                <p>
                    Wir setzen ausschließlich technisch notwendige Hilfsmittel ein:
                </p>
                <ul style="margin-left: 20px; color: var(--text-muted);">
                    <li><strong>Session-Cookie (<code>quiz_session</code>):</strong> Wird benötigt, um deinen Spielstand und deine 10 Fragen während der laufenden Quizrunde zuzuordnen.</li>
                    <li><strong>Lokaler Browser-Speicher (LocalStorage):</strong> Speichert lediglich deine Spracheinstellung (<code>quiz_lang</code>) und Musikpräferenz (<code>bgm_enabled</code>), damit du diese beim nächsten Seitenaufruf nicht neu einstellen musst.</li>
                </ul>

                <h3 style="margin-top: 20px;">5. Anonyme Bestenliste & Frage-Vorschläge</h3>
                <p>
                    Der Eintrag in die <em>Hogwarts-Ruhmeshalle (Bestenliste)</em> sowie das Einreichen eigener Quizfragen erfolgt auf rein freiwilliger Basis.
                    Wir bitten dich ausdrücklich darum, <strong>keine Klarnamen</strong> einzugeben, sondern ein magisches Pseudonym bzw. einen Alias (z. B. <code>Zauberlehrling_42</code>).
                </p>

                <h3 style="margin-top: 20px;">6. Deine Rechte gemäß DSGVO</h3>
                <p>
                    Du hast nach der DSGVO jederzeit das Recht auf unentgeltliche Auskunft über deine gespeicherten Daten (Art. 15), Berichtigung (Art. 16) oder Löschung (Art. 17). Wende dich bei Fragen gerne direkt per E-Mail an uns.
                </p>
            `
        },
        en: {
            title: "🛡️ Privacy Policy",
            sub: "Information pursuant to the EU General Data Protection Regulation (GDPR / DSGVO)",
            btnBack: "✨ Back to Quiz",
            btnToImp: "⚖️ Legal Notice",
            html: `
                <h3>1. Responsible Controller</h3>
                <p>
                    Responsible for data processing on <code>dev.waiswuaschd.de</code>:<br>
                    Maximilian R. (Waiswuaschd Project)<br>
                    Email: <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>
                </p>

                <h3 style="margin-top: 20px;">2. General Principles: Data Minimization & Privacy by Design</h3>
                <p>
                    We treat your data with the utmost care. This portal is built with strict data minimization in mind:
                    <strong>No user accounts are required, no tracking tools (e.g. Google Analytics, Meta Pixel) are used, and no data is sold to third parties.</strong>
                </p>

                <h3 style="margin-top: 20px;">3. Server Log Files</h3>
                <p>
                    When accessing our website, the web server automatically records standard access data (server logs):
                </p>
                <ul style="margin-left: 20px; color: var(--text-muted);">
                    <li>IP address of the requesting device</li>
                    <li>Date and time of access</li>
                    <li>Requested URL and HTTP status code</li>
                    <li>Browser type and version</li>
                </ul>
                <p style="margin-top: 8px;">
                    This data is processed pursuant to Art. 6(1)(f) GDPR to ensure technical system stability and IT security (e.g. DDoS protection). Log files are automatically deleted after standard server retention periods.
                </p>

                <h3 style="margin-top: 20px;">4. Cookies & Local Browser Storage</h3>
                <p>
                    We use strictly necessary technical storage only:
                </p>
                <ul style="margin-left: 20px; color: var(--text-muted);">
                    <li><strong>Session Cookie (<code>quiz_session</code>):</strong> A temporary identifier required to coordinate your 10 quiz questions. It expires when you close your browser session.</li>
                    <li><strong>Browser LocalStorage:</strong> Used solely to remember your chosen language (<code>quiz_lang</code>) and background music setting (<code>bgm_enabled</code>) between pages.</li>
                </ul>

                <h3 style="margin-top: 20px;">5. Anonymous Leaderboard & Question Suggestions</h3>
                <p>
                    Entering your name into the <em>Hogwarts Hall of Fame (Leaderboard)</em> or submitting a quiz question is completely voluntary.
                    We explicitly ask you <strong>not</strong> to provide your real name, but rather a playful wizard alias or nickname (e.g. <code>Golden_Snitch_99</code>).
                </p>

                <h3 style="margin-top: 20px;">6. Your Rights under the GDPR</h3>
                <p>
                    Under EU GDPR, you have the right to information (Art. 15), correction (Art. 16), deletion (Art. 17), and restriction of processing (Art. 18).
                    For any data privacy inquiries, please contact us at <a href="mailto:kontakt@waiswuaschd.de" style="color: var(--gold);">kontakt@waiswuaschd.de</a>.
                </p>
            `
        }
    };

    function onLanguageChange(lang) {
        const isDe = (lang !== "en");
        const t = isDe ? DS_TEXTS.de : DS_TEXTS.en;
        document.getElementById("dsTitle").innerText = t.title;
        document.getElementById("dsSub").innerText = t.sub;
        document.getElementById("dsContent").innerHTML = t.html;
        document.getElementById("btnBackQuizDs").innerText = t.btnBack;
        document.getElementById("btnToImp").innerText = t.btnToImp;
    }

    document.addEventListener("DOMContentLoaded", () => {
        onLanguageChange(currentLang);
    });
</script>
{% endblock %}