{% 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 %}

<img src="{% static "control/control-graph.png" %}" class="center" width="80%" height="80%" />
<br />
<div class="form-group required">
    {% if player.id_in_group == 1 %}

    <h2> 귀하는 첫 번째 사람으로 다른 참가자와 게임하고 있습니다.</h2>
    <p>
        귀하는 두 번째 사람에게 어떤 메시지를 보내길 원하십니까?<br>
        이것은 귀하의 최종 선택이 아니며, 이후에 결정을 바꿀 수 있습니다.
    </p>
    {% formfield group.send_message label = "" %}

        {% else %}

    <h2> 귀하는 두 번째 사람으로 다른 참가자와 게임하고 있습니다.</h2>
    <p>
        첫 번째 사람은 다음과 같이 말했습니다:  "{{group.get_send_message_display}}". <br>
        귀하는 첫 번째 사람에게 어떤 메시지를 보내길 원하십니까?<br>
        이것은 귀하의 최종 선택이 아니며, 이후에 결정을 바꿀 수 있습니다.
    </p>
    {% formfield group.send_answer label = "" %}

        {% endif %}
</div>

    {% next_button %}

{% endblock %}