{% 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.pNum == 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.pNum == 1 %}
    <h2> 귀하는 첫 번째 사람으로 봇(컴퓨터)과 게임하고 있습니다.</h2>
    <p>
        {% if player.send_answer != None %} {%if player.send_answer != 'ask' %} 두 번째 참가자의 메시지: “나는
            {% if player.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 %}
        를 선택합니다.” {% endif %} {% endif %}<br>
    </p>
    <p>귀하는 다른 참가자에게 어떤 메시지를 보내시겠습니까?<br>이것은 귀하의 최종 결정이 아닙니다. </p>
        {{ form.send_message.0 }} 나는<img src="{% static 'control/left.png' %}" width="10%" height="10%"/>를 선택합니다.  <br> <br>
        {{ form.send_message.1 }} 나는 <img src="{% static 'control/right.png' %}" width="10%" height="10%"/>를 선택합니다.<br>
        {{ form.send_message.errors}}
    {% else %}
    <h2>귀하는 두 번째 사람으로 봇(컴퓨터)과 게임하고 있습니다.</h2>
    <p>
        {% if player.send_message != None %} {% if player.send_message != 'ask' %} 첫 번째 참가자의 메시지: “나는
            {% if player.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 %}
        를 선택합니다.” {% endif %} {% endif %}<br>
    </p>
    <p>귀하는 다른 참가자에게 어떤 메시지를 보내시겠습니까?<br>이것은 귀하의 최종 결정이 아닙니다. </p>
        {{ form.send_answer.0 }} 나는 <img src="{% static 'control/left.png' %}" width="10%" height="10%"/>를  선택합니다.<br> <br>
        {{ form.send_answer.1 }} 나는 <img src="{% static 'control/right.png' %}" width="10%" height="10%"/>를  선택합니다. <br>
        {{ form.send_answer.errors}}
    {% endif %}
</div>

{% next_button %}

{% endblock %}