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

{% block title %}
    Negotiation
{% endblock %}

{% block content %}

<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table tr#ROW1  {background-color:#E4DCDB ; color:black;}
td {
  border: 1px solid #858482;
  text-align: center;
  padding: 8px;
}

th {
  border: 1px solid #858482;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F5F5F5;
}
</style>
{% if player.id_in_group == 2 %}
<table>

    <tr>
        <td>Your signal</td>
        <td> Problem {{ private_signal }} </td>
    </tr>


</table>
{% endif %}

{% if player.id_in_group == 1 %}
<table>
        <tr>
        <td>Your chosen diagnostic accuracy</td>
        <td> {{ precision_choice }} </td>
    </tr>



</table>
{% endif %}
<p>
    Now, you can chat with your matched {% if player.id_in_group == 1 %}client {% else %} expert {% endif %} on the chat box below.<br>
    By typing and then pushing the "Send" button, you can send a message to your matched {% if player.id_in_group == 2 %} expert {% else %} client {% endif %}. <br>
    You can chat for NO more than {% if player.round_number == 1 %} 3 {% else %} 1.5{% endif %} minutes (there is a countdown on the top right of the screen). Once the time is over, you will automatically move to the next stage. <br>



</p>

{% if player.round_number == 1 %} <p>Please say "Hi" to each other and start to chat!</p> {% endif %}

{% chat %}

<!--    {% next_button %}-->
{% endblock %}