{# Internal Hall Ticket Template DBCSUB #}
<style>
	.p-5 {
		padding: 5mm;
	}
    .pages{
       
        font-family:"Times New Roman", Times, serif;
        page-break-after: always;
    }
    .pageBreak {
        margin-left:15mm;
        margin-right:15mm;
        clear: both;
        page-break-after: always;
    }
    .subject-table tr td, .subject-table tr th{
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
        border-right:1px solid #000 !important;
        border-left:1px solid #000 !important;
    }
    .subject-table tr td {
        padding : 10px !important;
    }
    .subject-table tr th {
        padding : 15px !important;
    }
</style>
{% for student in students %}
{% if student.feeDue == true %}
    <div class=" pages page-a4">
        <div class="pageBreak ">
            <table class="text-left table-v-middle m-t-20" cellpadding="1" style="width:100%;">
                <tr>
                    <th colspan="3" class="text-center" style="margin-top:50px;">
                        <br>
                        <br>
                        <p style="font-size:20px;font-style:bold;color:red" class="m-t-15">Fee Criteria not met for Hall ticket", Please pay fee to meet the criteria. Click Pay Fee button</p>
                    </th>
                </tr>
            </table>
        </div>
    </div>
{% else %}
    <div class=" pages page-a4">
        <div class="pageBreak ">
            <table class="text-left table-v-middle m-t-20" cellpadding="1" style="width:100%;">
             <tr>
                    <td colspan="3"style=' padding:0 !important; margin:0 !important'>
                        <div style = 'width:100%; text-align:center; padding:0 !important'>
                            <img style = 'width: auto; height: 105px;' src = '{{header.collegeBanner}}'>
                        </div>
                    </td>
                <tr>
                    <th colspan="3" class="text-center" style="margin-top:50px;">
                        <br>
                        <br>
                        <p style="font-size:25px;font-style:bold;" class="m-t-40">{{header.instanceName|raw}} - {{header.examMonth|raw}} {{header.examYear|raw}}</p>
                    </th>
                </tr>
                <tr>
                    <th colspan="2">
                        <p style="font-size:20px;font-style:bold;">Name of the Candidate : {{student.name|raw}}</p>
                    </th>
                    <th rowspan="4">
                        <div style="text-align: right">
                            <img
                                src="{{student.studentImage}}"
                                style="width: 30mm; height: 38mm; object-fit: cover;"
                                alt="Student photo"
                            />
                        </div>
                    </th>
                </tr>
                {# <tr>
                    <th colspan="3">
                        <p style="font-size:20px;font-style:bold;">Admission No : {{student.admissionNo|raw}}</p>
                    </th>
                </tr> #}
                <tr>
                    <th colspan="3">
                        {#
                            this was supposed to print the students' register number.
                            it is intentionally left blank as per the colleges request.
                            the students would write it themselves.
                        #}
                        <p style="font-size:20px;font-style:bold;">Roll No : </p>
                    </th>
                </tr>
                <tr>
                    <th colspan="3">
                        <p style="font-size:20px;font-style:bold;">Course : {{header.academicTermName|raw}} {{header.groupName|raw}}</p>
                    </th>
                </tr>
            </table>
            <table class=" text-center table-v-middle table-bordered subject-table" style="margin-top:30px;border:2px solid black;border-collapse: collapse;" cellpadding="6" border="1" width="100%">
                <tr>
                    <th class ="text-center" style="width: 30%;"><span style="font-style:bold;font-size:16px;">Date/time</span></th>
                    <th class ="text-center" style="width: 40%"><span style="font-style:bold;font-size:16px;">Title of the Paper</span></th>
                    <th class ="text-center" style="width: 20%"><span style="font-style:bold;font-size:16px;">Invigilators Sign</span></th>
                </tr>
                {% for index,subject in student.subjects %}
                    <tr>
                        <th class ="text-center" <span style="font-style:bold;font-size:14px;">{{subject.assessmentDateWithTime|raw}}</span></th>
                        <td data-a-wrap="middle" class ="text-left"><span style="font-style:bold;font-size:14px;">{{subject.name|raw}}</span></td>
                        <td class ="text-center"><span style="font-style:bold;font-size:14px;">{% if subject.isNotEligible %}NOT ELIGIBLE{% endif %}</span></td>
                    </tr>
                {% endfor %}
            </table>
            <table class="text-center table-v-middle" style="margin-top:50px;width:100%;">
                <tr>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%"></th>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%"></th>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%">
                        <div style="text-align: center; padding-bottom: 10px">
                            <img
                                src="{{header.principalSign}}"
                                style="width:250px;height:60px;"
                                alt="Principal signature and seal"
                            />
                        </div>
                    </th>
                </tr>
                <tr>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%" class="text-center">
                        {# <p style="font-style:bold;font-size:20px;">Controller of Examinations</p> #}
                    </th>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%"></th>
                    <th data-f-bold="true" data-a-h="center" data-a-wrap="middle" data-a-v="middle" data-b-a-s="thin" width="33.3%">
                        <div style="text-align: center">
                            <p style="font-style:bold;font-size:20px;">Principal</p>
                        </div>
                    </th>
                </tr>
            </table>
        </div>
    </div>
{% endif %}
{% endfor %}