{% 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/collegeTables.js' %}"></script>
-->

{% endblock %}

{% block styles  %}

<link href="{% static 'collegeFirstPage.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}}
            <br>
            Please indicate your admission cutoff:
            <br>
            <span style="font-size: 30px">(Only an integer number between 0 and 100)</span>
            <!--<div class="form">
              {{formfield 'cutOff' label=""}}  
              {{ formfield_errors 'cutOff' }}
            </div>-->
            
        </p>
        
        </div class = "ipt" style="height:100px">
        <p>
            <center>
                <input  type="integer" id="cutOff" name="cutOff" size="20">
            </center>
            
        </p>
        </div>

        <div class = "buttons">
            <center>
                <button class = "button button1">Submit</button>
            </center>
            
        </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}}
                        {{ 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}}
                        {{ 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 }}
                        {{ 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 }}
                        {{ 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 %}