{{ extends "global/Page.html" }}
{% load static %}

{{ block styles }}
    <link href="{% static 'css/custom.css' %}" rel="stylesheet"/>
{{ endblock }}

{{ block title }}
    Instructions
{{ endblock }}

{{ block content }}
    <div class="wrapper textbox">
        <p>Information and consent</p>
        <p>Purpose of the study: This research will enable us to better understand how people learn the value of objects.</p>
        <p>Procedure: If you decide to participate, you will receive more detailed instructions about
        the specific task. You will be asked to complete a computer task in which you navigate PAC-MAN around a maze to earn points.</p>
        <p>Lead researcher: Dr. Luke McEllin</p>
        <p>Contact information: mcellinl@ceu.edu</p>
        <p>Institution: Central European University, Vienna, Department of Cognitive Science</p>
        <p>Please note that by proceeding to the next screen you are willingly consenting to
        participating in this study. Your participation is voluntary and you are free to withdraw
        yourself and your data from this study at any time without any reason by closing your browser and returning the study on Prolific.</p>
        <p>Please know that your participation in this experiment is completely anonymous, and we do
        not share personal data with anyone. For this study, we will record your keyboard All data will be pseudonymized, direct identifiers removed or blurred, and any publications or presentations will contain only group-level data. Your data is stored in accordance with the GDPR regulations and the website’s own data protection policy.</p>
        <p>Potential Risks: any risks associated with participation in this experiment are equivalent to
        those of using a computer or under normal everyday life conditions. The study does not
        include any unpleasant sounds or images.</p>
        <p>If you agree to all of the above, please proceed to the next page for detailed instructions otherwise please close the browser and return the study on Prolific.</p>
    </div>

    <div class="wrapper textbox">
        <p>Important info:</p>
        <p>There will be a <strong>comprehension check after this page</strong> to check your understanding of the instructions. You will not be able to participate if you fail this check more than once.</p>
    </div>

    <div class="wrapper textbox">
        <p>Instructions</p>
        <p>Please pay careful attention to the following instructions - you will only be able to participate if you pass a comprehension check. Also, failure to follow the instructions will negatively affect your payment.</p>
        <p>In this experiment you will navigate PAC-MAN around a maze (using your direction keys), collecting fruits (represented by triangles) of different values</strong>. You will then estimate the value of these objects.</p>
    </div>

    <div class="wrapper textbox">
        <p>Trial structure:</p>
        <p>You will collect a number of fruits individually to learn the values of these fruits. <strong>When you collect a fruit, a bar will flash briefly under PAC-MAN (this comes very quickly so pay attention), displaying the value of the fruit</strong> - the more full the bar, the more valuable the fruit. There are two fruits per round. You have 2 minutes to collect the fruits. See below for two screenshot examples. You will then estimate the value of each fruit on a separate page.</p>
    </div>

    <div class="wrapper textbox" style="text-align: center; margin-top: 15px; margin-bottom: 15px;">
        <img src="{% static 'global/pacman_ind.png' %}" 
             alt="Pac-Man Example" 
             style="max-width: 90%; border: 2px solid white; border-radius: 8px;">
        <p style="color: white; font-size: 14px; margin-top: 5px;">
            Example of PAC-MAN collecting fruits and seeing value bars
        </p>
    </div>
    <div class="wrapper textbox">

    <div class="wrapper textbox">
        <p>Trial structure:</p>
        <p>You will collect a number of fruits individually to learn the values of these fruits. <strong>When you collect a fruit, a bar will flash briefly under PAC-MAN (this comes very quickly so pay attention), displaying the value of the fruit</strong> - the more full the bar, the more valuable the fruit. There are two fruits per round. You have 2 minutes to collect the fruits. See below for two screenshot examples. You will then estimate the value of each fruit on a separate page.</p>
    </div>
 
    <div class="wrapper textbox">
        <p>Other:</p>
        <p>You will receive a <strong> payment of  4 GBP </strong>.</p>
        <p>Please pay full attention throughout the task - if you do not respond in a timely manner you will time-out and be withdrawn from the task.</p>
        <p>You will complete 20 rounds in total - which will take around 30 minutes.</p>
    </div>

    <div class="wrapper textbox">
        <p><strong>Recap: Task Overview</strong></p>
        <p>You navigate PAC-MAN , collecting two colored fruits.</p>
        <p>A value-bar flashes with each collection. Fuller bars mean higher points.</p>
        <p>Afterward, you’ll estimate each fruit’s value on a separate screen.</p>
    </div>

    <div class="wrapper textbox">
        <p><strong>Scoring & Payment</strong></p>
        <p>Payment for task: £4</p>
    </div>

    {{ next_button }}
{{ endblock }}