{% 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%" />
            <h3>귀하는 첫 번째 사람으로 다른 참가자와 게임하고 있습니다.</h3>    

        {% else %}

            <img src="{% static 'control/control2-graph-P2.png' %}" class="center" width="80%" height="80%" />
            <h3>귀하는 두 번째 사람으로 다른 참가자와 게임하고 있습니다.</h3>
        {% endif %}
<br />
<div class="form-group required">
    <p>다른 참가자는 귀하에게 귀하가 그림의 어느 쪽을 선택할 것인지 알려달라고 요청하였습니다.<br>귀하는 “예”라고 대답해 비용 없이 귀하의 방향을 밝힐 수도 있고, 또는 <strong>5점의 비용</strong>으로 “아니오”라고 대답해 귀하의 결정을 비밀로 할 수도 있습니다.</p>
    {% formfield group.ask_answer %}
</div>

    {% next_button %}

{% endblock %}