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

{% block title %}
    Rate the Expert
{% endblock %}

{% block content %}
<block style="font-size:120%">
<p>Please give a rating to your matched expert for this round:</p>

<p>
{% formfields %}
</p>

<!--<style>-->
<!--table {-->
<!--  font-family: arial, sans-serif;-->
<!--  border-collapse: collapse;-->
<!--  width: 100%;-->
<!--}-->

<!--td, th {-->
<!--  border: 1px solid #858482;-->
<!--  text-align: center;-->
<!--  padding: 8px;-->
<!--}-->

<!--&lt;!&ndash;tr:nth-child(even) {&ndash;&gt;-->
<!--&lt;!&ndash;  background-color: #F5F5F5;&ndash;&gt;-->
<!--}-->
<!--</style>-->
<!--    <table  class="center">-->
<!--&lt;!&ndash;    <tr>&ndash;&gt;-->
<!--&lt;!&ndash;        <th>1</th>&ndash;&gt;-->
<!--&lt;!&ndash;        <th>2:</th>&ndash;&gt;-->
<!--&lt;!&ndash;        <th>3:</th>&ndash;&gt;-->
<!--&lt;!&ndash;    </tr>&ndash;&gt;-->

<!--    <tr>-->
<!--    <div>-->
<!--        {% for choice in form.give_rating %}-->
<!--            <td>  {{ choice }} </td>-->
<!--        {% endfor %}-->
<!--    </div>-->
<!--    </tr>-->


<!--</table>-->

<p>
(1 the worst, 5 the best)
</p>


<br><br>
<p style="text-align:left">
    Note: Your rating will be included to update this expert’s average rating. Other clients interacting with this expert in the next round will receive this updated average rating.
</p>

<br>

    <p> {% next_button %} </p>

{% endblock %}