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

{% block scripts  %}
<!--
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{% static 'global/studentTables.js' %}"></script>
-->


{% endblock %}

{% block styles  %}

<link href="{% static 'firstPage.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}}
            <br>
            Which College do you apply?

        </p>

        <div class = "buttons">
          {{if player.squareOnTheLeft}}
            <button class = "button button1" name = "choseS" value="True">College ∆</button>
            <button class = "button button2" name = "choseS"  value="False">College &#9675;</button>
            {{ formfield_errors 'choseS' }}
          {{else}}
          <button class = "button button1" name = "choseS" value="False">College &#9675;</button>
            <button class = "button button2" name = "choseS"  value="True">College ∆</button>
            {{ formfield_errors 'choseS' }}
          {{ endif }}

        </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">
                  {{ 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="tbodyC">
              {{ 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="tbodyC">
                  {{ 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">
              {{ 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 %}