{% 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>
<table>
    {if player.id_in_group == 2}
    <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>
    {% endif %}

    {if player.id_in_group == 1}
        <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>
    {% endif %}

</table>



    {% next_button %}
{% endblock %}