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

{% block title %}
        귀하의 선택
{% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="{% static 'global/matrix.css' %}" />

    <style>
        .highlight-row-on-hover:hover td {
            background-color: #fcf8e3;
        }

    </style>

{% endblock %}

{% block content %}
        {% if player.id_in_group == 1 %}

            <img src="{% static 'control/control2-graph-P1.png' %}" class="center" width="80%" height="80%" />

        {% else %}

            <img src="{% static 'control/control2-graph-P2.png' %}" class="center" width="80%" height="80%" />

        {% endif %}
<br />
<div class="form-group required">
    {% if player.id_in_group == 1 %}
    <h2> 귀하는 첫 번째 사람으로 다른 참가자와 게임하고 있습니다.</h2>
    <p>
        두 번째 사람은 다음과 같이 말했습니다: “나는
        {% if group.ask_answer%}
            {% if group.send_answer == 'R' %}
                <img src="{% static 'control/right.png' %}" width="10%" height="10%"/>
            {% else %}
                <img src="{% static 'control/left.png' %}" width="10%" height="10%"/>
            {% endif %}
        를 선택합니다”
        {% else %}
        {{group.get_send_answer_display}}를 선택합니다”
        {% endif %}
        <br>
        귀하의 최종 선택은 무엇입니까?
    </p>
    {% formfield player.decision label="귀하의 선택은:" %}
    {% else %}
        
    <h2> 귀하는 두 번째 사람으로 다른 참가자와 게임하고 있습니다.</h2>
    <p>
        첫 번째 사람은 다음과 같이 말했습니다: “나는
        {% if group.ask_answer%}
            {% if group.send_message == 'R' %}
                <img src="{% static 'control/right.png' %}" width="10%" height="10%"/>
            {% else %}
                <img src="{% static 'control/left.png' %}" width="10%" height="10%"/>
            {% endif %}
        를 선택합니다”
        {% else %}
        {{ group.get_send_message_display }}를 선택합니다”.
        {% endif %}<br>
        첫 번째 사람의 결정: “
        {% if group.ask_answer%}
            {% if player.other_player.decision == 'R' %}
                <img src="{% static 'control/right.png' %}" width="10%" height="10%"/>
            {% else %}
                <img src="{% static 'control/left.png' %}" width="10%" height="10%"/>
            {% endif %}
        "
        {% else %}
        {{ other_decision }}".
        {% endif %}
        <br>

        귀하의 최종 결정은 무엇입니까?
    </p>
    {% formfield player.decision label="귀하의 선택은:" %}
    {% endif %}
</div>

    {% next_button %}

{% endblock %}