{% 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">
            Your Exam Score: {{player.examScore}}
            {{if player.admitted}}
        </p>
        <p class="subtxt">  
            Congratulations! You are admitted by College 
                {{if player.choseS}}
                ∆
                {{else}}
                &#9675;
                {{endif}}
                .
                <br>
                Your earning is ({{player.examScore}} × {{avgScore}}) / 50 = {{player.earning}}.
            {{else}}
            <br>
                You are not admitted by College 
                {{if player.choseS}}
                ∆
                {{else}}
                &#9675;
                {{endif}}
                .
                <br>
                Your earning is 0.
            {{ endif }}
        </p>

        <div class = "buttons">
            <button class = "button button1">OK</button>
        </div>
    </div>
    <div class="main_Row down">
        <div class="main_Column left">
            {{if player.squareOnTheLeft}}  
                <table class="admissionTable table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center"  colspan="3">College ∆ History Table</th>
                    </tr>
                    <tr>
                        <th>Round</th>
                        <th>Admission Cutoff</th>
                        <th>Average Exam Score</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyS">
                        {{if player.choseS}}
                            <tr style="background-color: #ffd700">
                                <td>{{RN}}</td>
                                <td>{{ player.group.cutOffForS }}</td>
                                <td>{{ player.group.avgScoreForS }}</td>
                            </tr>
                        {{else}}
                            <tr>
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForS }}</td>
                                <td>{{ player.group.avgScoreForS }}</td>
                            </tr>
                        {{ endif }}
                        {{ for p in pp }}
                            <tr>
                                
                                <td>{{ p.round_number }}</td>
                                <td>{{ p.group.cutOffForS }}</td>
                                <td>{{ p.group.avgScoreForS }}</td>
                            </tr>
                        {{ endfor }}
                    </tbody>
                </table>
              {{else}}
                <table class="admissionTable table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center"  colspan="3">College &#9675; History Table</th>
                    </tr>
                    <tr>
                        <th>Round</th>
                        <th>Admission Cutoff</th>
                        <th>Average Exam Score</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyS">
                        {{if player.choseS}}
                            <tr>
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForC }}</td>
                                <td>{{ player.group.avgScoreForC }}</td>
                            </tr>
                        {{else}}
                            <tr style="background-color: #ffd700">
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForC }}</td>
                                <td>{{ player.group.avgScoreForC }}</td>
                            </tr>
                        {{endif}}
                        {{ for p in pp }}
                            <tr>
                                
                                <td>{{ p.round_number }}</td>
                                <td>{{ p.group.cutOffForC }}</td>
                                <td>{{ p.group.avgScoreForC }}</td>
                            </tr>
                        {{ endfor }}
                    </tbody>
                </table>
              {{endif}}
        </div>
        <div class="main_Column right">
            {{if player.squareOnTheLeft}}  
                <table class="admissionTable table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center"  colspan="3">College &#9675; History Table</th>
                    </tr>
                    <tr>
                        <th>Round</th>
                        <th>Admission Cutoff</th>
                        <th>Average Exam Score</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyS">
                        {{if player.choseS}}
                            <tr>
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForC }}</td>
                                <td>{{ player.group.avgScoreForC }}</td>
                            </tr>
                        {{else}}
                            <tr style="background-color: #ffd700">
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForC }}</td>
                                <td>{{ player.group.avgScoreForC }}</td>
                            </tr>
                        {{endif}}
                        {{ for p in pp }}
                            <tr>
                                
                                <td>{{ p.round_number }}</td>
                                <td>{{ p.group.cutOffForC }}</td>
                                <td>{{ p.group.avgScoreForC }}</td>
                            </tr>
                        {{ endfor }}
                    </tbody>
                </table>
            {{else}}
                <table class="admissionTable table-bordered">
                    <thead>
                    <tr>
                        <th class="text-center"  colspan="3">College ∆ History Table</th>
                    </tr>
                    <tr>
                        <th>Round</th>
                        <th>Admission Cutoff</th>
                        <th>Average Exam Score</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyS">
                        {{if player.choseS}}
                            <tr style="background-color: #ffd700">
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForS }}</td>
                                <td>{{ player.group.avgScoreForS }}</td>
                            </tr>
                        {{else}}
                            <tr>
                                <td>{{ RN }}</td>
                                <td>{{ player.group.cutOffForS }}</td>
                                <td>{{ player.group.avgScoreForS }}</td>
                            </tr>
                        {{ endif }}
                        {{ for p in pp }}
                            <tr>
                                
                                <td>{{ p.round_number }}</td>
                                <td>{{ p.group.cutOffForS }}</td>
                                <td>{{ p.group.avgScoreForS }}</td>
                            </tr>
                        {{ endfor }}
                    </tbody>
                </table>
            {{endif}}
        </div>
    </div>
</div>

{% endblock %}

{% block global_scripts  %}
{% endblock %}