{{ block styles }}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ static 'css/styles.css' }}">
{{ endblock }}

{{ block content }}

<div class="outro-page">

    <div class="page-header">
        <p class="page-label">All done</p>
        <h1 class="page-title">Thank you!</h1>
        <p class="page-subtitle">Your participation is greatly appreciated.</p>
    </div>

    <div class="info-card">
        <div class="info-card-eyebrow">What this study is about</div>
        <p>This study looks at how people decide when they have only partial information about their
        options. Your responses will be analyzed statistically at an aggregate level.
    </div>

    <div class="info-card">
        <div class="info-card-eyebrow">About your pay</div>
        <p>Your pay for this study is fixed and does not depend on the choices you made. The points
        budget you worked with earlier was hypothetical and for illustration only.</p>
    </div>

    <div class="info-card">
        <div class="info-card-eyebrow">Your data</div>
        <p>Your data is linked only to your pseudonymous participant code, not to your
        name. To request deletion of your data, email the data manager,
        <strong>Hauke Roggenkamp</strong> (ETH Zurich),
        <a href="mailto:hauke.roggenkamp@mtec.ethz.ch?subject=Data request: {{ participant.code }}">hauke.roggenkamp@mtec.ethz.ch</a>,
        and include your participant code: <code>{{ participant.code }}</code></p>
    </div>

    <div class="info-card">
        <div class="info-card-eyebrow">Confidentiality</div>
        <p>Please do not disclose the study procedures to anyone who might participate in the
        future, as this could affect the validity of the results.</p>
    </div>

    <div class="finish-cta">
        <div class="finish-cta-inner">
            <p class="finish-cta-heading">You're all set</p>
            {{ if prolific_completion_url }}
            <p class="finish-cta-desc">Click below to complete the study and return to Prolific.</p>
            <a class="finish-btn" href="{{ prolific_completion_url }}">Complete the study &rarr;</a>
            {{ else }}
            <p class="finish-cta-desc">You may now close this window.</p>
            {{ endif }}
        </div>
    </div>

</div>

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasGDPR" aria-labelledby="offcanvasGDPRLabel">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="offcanvasGDPRLabel">Privacy Policy</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        {{ include C.PRIVACY_TEMPLATE }}
    </div>
</div>

{{ endblock }}