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

{% block app_styles %}
<style>
body {
    font-family: Arial;
    color: black;
}

div {
  word-wrap: normal;
}

button {
    word-wrap: normal;
}

table {
  border-collapse: collapse;
}

table, td, th, tr, thead {
  border: 1px solid black;
}

</style>
{% endblock %}


{% block title %}
    Expert Choice for round {{ round_number }}
{% endblock %}

{% block content %}

{% if condition == 'only_num' %}
    <p style="text-align: center"><b>The scores below were given to a specific hotel</b></p>
{% else %}
    <p style="text-align: center"><b>The reviews and their scores below were written about a specific hotel</b></p>
{% endif %}
    <p style="text-align: center"><b>Please select one of the following
        {% if condition == 'num' %}
            <u>scores</u> to describe the hotel</b></p>
                <table class="table">
                    <thead>
                        <tr>
                            <th></th>
                            <th><b>Score</b></th>
                            <th><b>Review</b></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for index in form.sender_answer_index %}
                        <tr>
                            <td>{{ index }}</td>
                            {% if forloop.counter0 == 0 %}
                                <td>{{ scores.0 }}</td>
                                <td>{{ negative_positive_reviews.0 }}</td>
                            {% elif forloop.counter0 == 1 %}
                                <td>{{ scores.1 }}</td>
                                <td>{{ negative_positive_reviews.1 }}</td>
                            {% elif forloop.counter0 == 2 %}
                                <td>{{ scores.2 }}</td>
                                <td>{{ negative_positive_reviews.2 }}</td>
                            {% elif forloop.counter0 == 3 %}
                                <td>{{ scores.3 }}</td>
                                <td>{{ negative_positive_reviews.3 }}</td>
                            {% elif forloop.counter0 == 4 %}
                                <td>{{ scores.4 }}</td>
                                <td>{{ negative_positive_reviews.4 }}</td>
                            {% elif forloop.counter0 == 5 %}
                                <td>{{ scores.5 }}</td>
                                <td>{{ negative_positive_reviews.5 }}</td>
                            {% elif forloop.counter0 == 6 %}
                                <td>{{ scores.6 }}</td>
                                <td>{{ negative_positive_reviews.6 }}</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>

                </table>
        {% elif condition == 'only_num' %}
            <u>scores</u> to describe the hotel</b></p>
                <table class="table">
                    <thead>
                        <tr>
                            <th></th>
                            <th><b>Score</b></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for index in form.sender_answer_index %}
                        <tr>
                            <td>{{ index }}</td>
                            {% if forloop.counter0 == 0 %}
                                <td>{{ scores.0 }}</td>
                            {% elif forloop.counter0 == 1 %}
                                <td>{{ scores.1 }}</td>
                            {% elif forloop.counter0 == 2 %}
                                <td>{{ scores.2 }}</td>
                            {% elif forloop.counter0 == 3 %}
                                <td>{{ scores.3 }}</td>
                            {% elif forloop.counter0 == 4 %}
                                <td>{{ scores.4 }}</td>
                            {% elif forloop.counter0 == 5 %}
                                <td>{{ scores.5 }}</td>
                            {% elif forloop.counter0 == 6 %}
                                <td>{{ scores.6 }}</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
        {% elif condition == 'only_text' %}
            <u>scores</u> to describe the hotel</b></p>
                <table class="table">
                    <thead>
                        <tr>
                            <th></th>
                            <th><b>Score</b></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for index in form.sender_answer_index %}
                        <tr>
                            <td>{{ index }}</td>
                            {% if forloop.counter0 == 0 %}
                                <td>{{ negative_positive_reviews.0 }}</td>
                            {% elif forloop.counter0 == 1 %}
                                <td>{{ negative_positive_reviews.1 }}</td>
                            {% elif forloop.counter0 == 2 %}
                                <td>{{ negative_positive_reviews.2 }}</td>
                            {% elif forloop.counter0 == 3 %}
                                <td>{{ negative_positive_reviews.3 }}</td>
                            {% elif forloop.counter0 == 4 %}
                                <td>{{ negative_positive_reviews.4 }}</td>
                            {% elif forloop.counter0 == 5 %}
                                <td>{{ negative_positive_reviews.5 }}</td>
                            {% elif forloop.counter0 == 6 %}
                                <td>{{ negative_positive_reviews.6 }}</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
        {% else %}
            {% if condition == 'both' %}
                <u>review-score pairs</u>
            {% else %}
            <u>reviews</u>
            {% endif %}

            to describe the hotel</b></p>
            <table class="table">
                <thead>
                    <tr>
                        <th></th>
                        <th><b>Review</b></th>
                        <th><b>Score</b></th>
                    </tr>
                </thead>
                <tbody>
                {% for index in form.sender_answer_index %}
                        <tr>
                            <td>{{ index }}</td>
                            {% if forloop.counter0 == 0 %}
                            <td>{{ negative_positive_reviews.0 }}</td>
                            <td>{{ scores.0 }}</td>
                            {% elif forloop.counter0 == 1 %}
                            <td>{{ negative_positive_reviews.1 }}</td>
                            <td>{{ scores.1 }}</td>
                            {% elif forloop.counter0 == 2 %}
                            <td>{{ negative_positive_reviews.2 }}</td>
                            <td>{{ scores.2 }}</td>
                            {% elif forloop.counter0 == 3 %}
                            <td>{{ negative_positive_reviews.3 }}</td>
                            <td>{{ scores.3 }}</td>
                            {% elif forloop.counter0 == 4 %}
                            <td>{{ negative_positive_reviews.4 }}</td>
                            <td>{{ scores.4 }}</td>
                            {% elif forloop.counter0 == 5 %}
                            <td>{{ negative_positive_reviews.5 }}</td>
                            <td>{{ scores.5 }}</td>
                            {% elif forloop.counter0 == 6 %}
                            <td>{{ negative_positive_reviews.6 }}</td>
                            <td>{{ scores.6 }}</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% endif %}
    {% next_button %}
{% endblock %}