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

{% block title %}
    Welcome! This is your new group for rounds {{round}} and {{round2}}.
{% endblock %}

{% block content %}


        <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 have just joined your group.</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 has just joined your group {% else %} He has just joined your group {% 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 has just joined your group {% else %} He has just joined your group {% endif %}</td>
    </tr>


    </table>

    <p> You are group member {{player.id_in_group}}. You will play with this group for the next two rounds. <strong>For each
question, please pick an answer and decide your place in line. </strong> As a reminder, the lower your place is, the more likely
you are to have your answer be picked as the group's answer.</p>

    <p>The group phase will start as soon as all group members click "GO". Please click the button "GO" when you are ready.  </p>

    <p>
    <button name="go" value="True" class="btn btn-primary btn-large">GO</button>
    </p>

{% endblock %}