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

{% block title %}
    Conversation
{% 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: 2px solid #dddddd;
  text-align: center;
  padding: 8px;
}

th {
  border: 2px solid #dddddd;
  text-align: left;
  padding: 8px;
}

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

    <tr>
        <td>Your signal</td>
        <td> {{ private_signal }} </td>
    </tr>
    <tr>
        <td>Expert's diagnostic result</td>
        <td> {{ diagnostic_result }} </td>
    </tr>
    <tr>
        <td>Expert's recommended solution</td>
        <td> {{ recommended_solution }} </td>
    </tr>

</table>
{% endif %}

{% if player.id_in_group == 1 %}
<table>

        <tr>
        <td>Your chosen diagnostic accuracy</td>
        <td> {{ precision_choice }} </td>
    </tr>
    <tr>
        <td>Your diagnostic result</td>
        <td> {{ diagnostic_result }} </td>
    </tr>
    <tr>
        <td>Your recommended solution for the client</td>
        <td> {{ recommended_solution }} </td>
    </tr>


</table>
{% endif %}
<p>
    Now, you can chat with your matched expert 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>


{% chat %}

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