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

{% block styles  %}

<link href="{% static 'result.css' %}" rel="stylesheet">
<link href="{% static 'global/tables.css' %}" rel="stylesheet">
<style>

</style>

{% endblock %}

{% block content %}
<div class = "main_Container">
    <div class="main_Row up">
        <p class="round">
            Round {{RN}}.
        </p>
        <p class="txt">
            You are the College 
            {{if s}}
            ∆
            {{else}}
            &#9675;
            {{endif}}
            .
        </p>
        <p class = "subtxt">
            Average Exam Score: {{avgScore}} 
            {{if equalScore}}
                (equal to
            {{ else }}
                {{if higherScore}}
                    (higher than
                {{else}}
                    (lower than
                {{ endif }}
            {{endif}}
            the other college)
            <br>
            Sum of Students' Earnings: {{sumEarnings}}
            
            <br>
            {{if higherScore}}
                Your earning is ({{sumEarnings}} + {{avgScore}} × 2) / 5 = {{player.earning}}.
            {{else}}
                Your earning is {{sumEarnings}} / 5 = {{player.earning}}.
            {{endif}}
            
        </p>

        <div class = "buttons">
            <button class = "button button1">OK</button>
        </div>
    </div>
    <div class="main_Row down">
        <div class="main_Column left">
            <table class="admissionTable table-bordered">
                <thead>
                  <tr>
                    <th class="text-center"  colspan="5">Your College's History Table</th>
                  </tr>
                  <tr>
                      <th>Round</th>
                      <th>Admission Cutoff</th>
                      <th>Average Exam Score</th>
                      <th>Sum of Students' Earnings</th>
                      <th>Your Earning</th>
                  </tr>
                </thead>
                <tbody id="tbodySelf">
                    {{if s}}
                        <tr style="background-color: #ffd700">
                            <td>{{ RN }}</td>
                            <td>{{ player.group.cutOffForS }}</td>
                            <td>{{ player.group.avgScoreForS }}</td>
                            <td>{{ player.group.sumEarningsForS }}</td>
                            <td>{{ player.earning }}</td>
                        </tr>
                        {{ for p in pp }}
                        <tr>
                            
                            <td>{{ p.round_number }}</td>
                            <td>{{ p.group.cutOffForS }}</td>
                            <td>{{ p.group.avgScoreForS }}</td>
                            <td>{{ p.group.sumEarningsForS }}</td>
                            <td>{{ p.earning }}</td>
                            
                        </tr>
                        {{endfor}}
                    {{else}}
                        <tr style="background-color: #ffd700">
                            <td>{{ RN }}</td>
                            <td>{{ player.group.cutOffForC }}</td>
                            <td>{{ player.group.avgScoreForC }}</td>
                            <td>{{ player.group.sumEarningsForC }}</td>
                            <td>{{ player.earning }}</td>
                        </tr>
                        {{ for p in pp }}
                        <tr>
                            
                            <td>{{ p.round_number }}</td>
                            <td>{{ p.group.cutOffForC }}</td>
                            <td>{{ p.group.avgScoreForC }}</td>
                            <td>{{ p.group.sumEarningsForC }}</td>
                            <td>{{ p.earning }}</td>
                            
                        </tr>
                        {{endfor}}
                    {{ endif }}
                </tbody>
              </table>
        </div>
        <div class="main_Column right">
            <table class="admissionTable table-bordered">
                <thead>
                  <tr>
                    <th class="text-center"  colspan="4">The Other College's History Table</th>
                  </tr>
                  <tr>
                      <th>Round</th>
                      <th>Admission Cutoff</th>
                      <th>Average Exam Score</th>
                      <th>Sum of Students' Earnings</th>
                  </tr>
                </thead>
                <tbody id="tbodyOther">
                    
                    {{ if s }}
                        <tr>
                            <td>{{ RN }}</td>
                            <td>{{ player.group.cutOffForC }}</td>
                            <td>{{ player.group.avgScoreForC }}</td>
                            <td>{{ player.group.sumEarningsForC }}</td>
                        </tr>
                        {{ for p in pp }}
                        <tr>
                            
                            <td>{{ p.round_number }}</td>
                            <td>{{ p.group.cutOffForC }}</td>
                            <td>{{ p.group.avgScoreForC }}</td>
                            <td>{{ p.group.sumEarningsForC }}</td>
                            
                        </tr>
                        {{endfor}}
                    {{ else }}
                        <tr>
                            <td>{{ RN }}</td>
                            <td>{{ player.group.cutOffForS }}</td>
                            <td>{{ player.group.avgScoreForS }}</td>
                            <td>{{ player.group.sumEarningsForS }}</td>
                        </tr>
                        {{ for p in pp }}
                        <tr>
                            
                            <td>{{ p.round_number }}</td>
                            <td>{{ p.group.cutOffForS }}</td>
                            <td>{{ p.group.avgScoreForS }}</td>
                            <td>{{ p.group.sumEarningsForS }}</td>
                            
                        </tr>
                        {{endfor}}
                    {{endif}}
                </tbody>
              </table>
        </div>
    </div>
</div>

{% endblock %}

{% block global_scripts  %}
{% endblock %}