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

{% block title %}
    Round {{ player.round_number }}
{% endblock %}

{% block content %}
You and your team will have a chance to play!

        <table class="table" style="width:400px">

        <tr>
            <th>Your group </th>
            <th>  </th>
            <th>Status</th>
         </tr>
    <tr>
        <td>Player {{ player.id_in_group }} (You)</td>
        <td>    <img src=" {% static image_path_me %}" style="width:100px;height:100px;float:center"> </td>
        <td>You are playing round {{ player.round_number }}.</td>
    </tr>

    <tr>
        <td>Player {{ player.id_partner1 }}</td>
         <td>    <img src=" {% static image_partner1 %}" style="width:100px;height:100px;float:center"> </td>
        <td>{% if player.gender_partner1 == 'Female' %} She is playing round {{ player.round_number }}. {% else %} He is playing round {{ player.round_number }}. {% endif %}</td>
    </tr>

    <tr>
        <td>Player {{ player.id_partner2 }}</td>
        <td>    <img src=" {% static image_partner2 %}" style="width:100px;height:100px;float:center"> </td>
        <td>{% if player.gender_partner2 == 'Female' %} She is playing round {{ player.round_number }}. {% else %} He is playing round {{ player.round_number }}. {% endif %}</td>
    </tr>

    </table>


    {% formfield player.submitted_answer1 label=player.question1 %}
    {% formfield player.place_in_line1 %}

    {% formfield player.submitted_answer2 label=player.question2 %}
    {% formfield player.place_in_line2 %}

    {% formfield player.submitted_answer3 label=player.question3 %}
    {% formfield player.place_in_line3 %}

    {% formfield player.own_belief_number %}



    {% next_button %}
<script>
setTimeout(
    function () {
        alert("Time has run out. Please make your decision.");
    },
    2*60*1000 // 120 seconds
);
</script>

{% endblock %}