{{ extends "global/Page.html" }}

{{ block title }}{{ endblock }}

{{ block content }}

{# ═══════════════════════════════════════════════════════════════════════════
   CONSENT / INFORMATION TEXT
   ─────────────────────────────────────────────────────────────────────────
   To customise the text, edit the content between the <hr> tags below.
   The checkbox label is controlled by the `label` attribute of the
   `consent_given` field in Consent/__init__.py → Player.consent_given.
   ═══════════════════════════════════════════════════════════════════════════ #}

<div style="max-width: 740px; margin: 0 auto; font-size: 15px; line-height: 1.7;">

    <!-- ── Page title & project title ───────────────────────────────────── -->
    <h2 style="margin-bottom: 8px;">Participant Information Sheet &amp; Consent Form</h2>
    <h3 style="margin-bottom: 4px;">Learning from Data</h3>
    <hr>

    <!-- ── Data controller ──────────────────────────────────────────────── -->
    <h5>Data Controller</h5>
    <p>
        Universitat Pompeu Fabra. C. de la Mercè, 12. 08002 Barcelona.<br>
        Tel. +34 93 542 20 00.<br>
        You can contact UPF's Data Protection officer by sending an email to
        <a href="mailto:dpd@upf.edu">dpd@upf.edu</a>.
    </p>

    <!-- ── Data protection ──────────────────────────────────────────────── -->
    <h5>Data Protection</h5>
    <p>
        A Prolific ID will be temporarily collected for payment purposes but will be
        removed within one day after data collection. Once this ID is removed, it will
        no longer be possible to link you to your responses, meaning your data cannot
        be deleted afterward if requested.
    </p>

    <!-- ── Objectives ───────────────────────────────────────────────────── -->
    <h5>Objectives of the Project</h5>
    <p>
        Subjects are invited to participate in a research study on how individuals make
        predictions after observing data. The project explores broad patterns
        of learning and choice across different settings. Participants' responses will
        contribute to a better understanding of how people extract information and how
        they use it to make predictions.
    </p>

    <hr>

    <!-- ── Confirmations ────────────────────────────────────────────────── -->
    <p><strong>I HEREBY CONFIRM that:</strong></p>
    <ul>
        <li>I have read the information sheet regarding the research project,</li>
        <li>I fulfill the inclusion criteria: I am an adult, at least 18 years old.</li>
    </ul>

    <p>
        <strong>I UNDERSTAND</strong> that my participation is voluntary and that I can
        withdraw from or opt out of the study at any time without any need to justify my
        decision. I understand that in such a case, I will not receive any compensation,
        in line with Prolific's policies.
    </p>

    <hr>

    <!-- ── Link to full document ─────────────────────────────────────────── -->
    <p>
        You can read the full participant information sheet here:
        <a href="https://drive.google.com/file/d/1ydKCUO29vVe4k5TpeBc85NmJGJY6G1N1/view?usp=sharing"
           target="_blank" rel="noopener noreferrer">
            Full Information Sheet (PDF) &#8599;
        </a>
    </p>

    <!-- ── Consent checkbox ──────────────────────────────────────────────── -->
    {# The label for this checkbox is set in Consent/__init__.py on the
       consent_given field. Change it there if you want different wording. #}
    <div style="margin-top: 28px; padding: 18px 22px;
                border: 1px solid #c3c8cf; border-radius: 8px; background: #f8f9fa;">
        {{ formfield 'consent_given' }}
    </div>

    <!-- ── Prolific ID ───────────────────────────────────────────────────── -->
    <div style="margin-top: 20px; padding: 18px 22px;
                border: 1px solid #c3c8cf; border-radius: 8px; background: #f8f9fa;">
        {{ formfield 'ID_consent' }}
    </div>

    {# Hidden IP field — submitted with the form, stored on the Player model #}
    <input type="hidden" name="consent_ip" value="{{ ip_address }}">

    <div style="margin-top: 24px;">
        {{ next_button }}
    </div>

</div>

{{ endblock }}