{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block app_styles %}
    <style>
        .otree-timer {
            display: none;
        }
    </style>
{% endblock %}

{% block title %}
{% endblock %}


{% block content %}
    <br>
        <div class="card bg-light instructions" >
            <br>
            <ul>
{#                <li>#}
{#                    You can only participate in one session.#}
{#                </li>#}
                <li>
                    The HIT for a session will be posted about 10 minutes before the scheduled time.
                </li>
                <li>
                    To make sure all participants are able to be matched with one another, the HIT expires 5 minutes after the scheduled time,
                    after which you will not be able to participate.
                </li>
{#                <li>#}
{#                    Later sessions might not take place if enough workers have participanted in earlier sessions.#}
{#                </li>#}
{#                <li>#}
{#                    You will receive an email with the link to the HIT when it is posted.#}
{#                </li>#}
{#                <li>#}
{#                   We will try to inform you by email in advance if we have to cancel a session (e.g., due to low sign up rate).#}
{#                </li>#}
{#                <li>#}
{#                    You can find the HIT around the scheduled time by searching the requester "Huanren Zhang".#}
{#                </li>#}
            </ul>
        </div>

    <br/>
    <p>
        You indicated your availability to participate in the following session:
        <p style="text-align: center">
        {{ player.get_session_time_display }}
        </p>
{#    <ul>#}
{#        {% if player.t10 %} <li>13:00 ET / 12:00 CE / 10:00 PT</li> {% endif %}#}
{#        {% if player.t15 %} <li>13:30 ET / 12:30 CE / 10:30 PT</li> {% endif %}#}
{#        {% if player.t20 %} <li>14:00 ET / 13:00 CE / 11:00 PT</li> {% endif %}#}
{#        {% if player.t25 %} <li>14:30 ET / 13:30 CE / 11:30 PT</li> {% endif %}#}
{#        {% if player.t30 %} <li>15:00 ET / 14:00 CE / 12:00 PT</li> {% endif %}#}
{#        {% if player.t35 %} <li>15:30 ET / 14:30 CE / 12:30 PT</li> {% endif %}#}
{#        {% if player.t40 %} <li>16:00 ET / 15:00 CE / 13:00 PT</li> {% endif %}#}
{#        {% if player.t45 %} <li>16:30 ET / 15:30 CE / 13:30 PT</li> {% endif %}#}
{#        {% if player.t50 %} <li>17:00 ET / 16:00 CE / 14:00 PT</li> {% endif %}#}
{#    </ul>#}
    </p>

    <div style="text-align: center">
        <hr>
        <p>Please provide the following Qualification Code to the MTurk HIT in order to receive the qualification to
            the actual experiment.
        </p>
        <p style="text-align:center"> <strong> Your Qualification Code: {{ participant.code }}</strong> </p>
    </div>

    <script>
        let data_received = js_vars.data_received;
        if (data_received === 0){
            $.getJSON('https://api.bigdatacloud.net/data/ip-geolocation-full?key=' + apiKey, function(data) {
                console.log('sending again');
                liveSend({
                    geoData: JSON.parse(JSON.stringify(data, null, 2)),
                    userAgent: navigator.userAgent,
                    page: 2,
                });
            });
        }
    </script>

{% endblock %}