{# <!--
    use to render template STJOSD
--> #}
<link href='https://fonts.googleapis.com/css2?family=Times New Roman:ital,wght@0,400;0,700;1,400;1,700&display=swap' rel='stylesheet'>

<style>
    .valign-top{
        vertical-align: top !important;
    }
    .primary-table table{
        page-break-inside: auto;
    }
    .primary-table th{
        text-align:center;
        background: none !important;
        height: 5mm  !important;
        padding: 2mm !important;
        vertical-align:middle !important;
        font-weight: bold;
    }
    .primary-table th svg{
        font-size:13px !important;
    }
    .primary-table td{
        padding: 2mm !important;;
        line-height:18px !important;
        height:6mm !important;
        text-align:center;
        vertical-align:middle !important;
        page-break-inside:avoid !important;
    }
    .primary-table td.valign-top{
        vertical-align: top !important;
    }
    .primary-table tr{
        height: 3mm !important;
    }
    .print-border-0 td{
        border:1px solid #fff !important;
        background-color: #fff !important;
    }
    tr.print-border-0{
        height: 4mm !important;
    }
    .text-left{
        text-align:left !important;
    }
    .failed{
		background-color:#c0c0c0 !important;
	}
    .student-row-top td{
	}
    .student-row-bottom td{
	}
    #subjectHeader {
		width: 100% !important;
	}
    .page-footer, .footer-page {
		width: 94% !important;
        margin: 20mm 5% 0 5% !important;
	}
	#subjectHeader td{
		padding: 2mm;
		line-height: 15px !important;
		height: 4mm !important;
		vertical-align: middle !important;
		text-align: center !important;
	}
	.page-footer td, .footer-page td  {
		padding: 2mm;
		vertical-align: bottom !important;
		text-align: left !important;
	}
	.page-footer tr {
		height: 25mm !important;
	}
    .college-header {
		height: 25mm;
		width: auto;
		margin: 0 10%;
	}
    .table-head-pr th{
        font-weight: bold !important;
    }
    .bold-head{
        font-weight: bold !important;
    }
    .t26-pr * {
        font-family: 'Times New Roman', serif;
    }
</style>
<div style="page-break-after:always; width: 100% !important;" class='t26-pr'>
    <table id="subjectHeader" class="print-border-0">
        <tr>
            <td>
                <img src="{{data.collegeData.collegeHeader}}" class="college-header">
            </td>
        </tr>
        <tr>
            <td>
                <b style="font-size: 18px;">{{data.batchDetails.programName}} </b>
            </td>
        </tr>
        <tr>
            <td>
                <b style="font-size: 18px;">CONSOLIDATED STATEMENT OF GRADE POINT</b>
            </td>
        </tr>
        <tr>
            <td>
                <b style="font-size: 18px;">{{ data.batchDetails.startYear }}-Admission</b>
            </td>
        </tr>
    </table>
    <table style="width:100% !important; margin:0mm 0 0 0; page-break-inside:avoid;" class="primary-table table table-bordered" id="consolidated-programme-result" border='0'>
    <thead>
        <tr style="display:none !important;">
            <td colspan='{{ (data.semCount + 1) * 4 }}' class='text-center' data-f-bold='true' data-a-h='center' style="line-height: 6mm !important; text-transform:uppercase;">
                <b style="font-size: 18px;">{{ data.collegeData.collegeName }}</b>
            </td>
        </tr>
        <tr style="display:none !important;">
            <td colspan='{{ (data.semCount + 1) * 4 }}' class='text-center' data-f-bold='true' data-a-h='center' style="line-height: 6mm !important; text-transform:uppercase;">
                <b style="font-size: 18px;">{{data.batchDetails.programName}} </b>
            </td>
        </tr>
         <tr style="display:none !important;">
            <td colspan='{{ (data.semCount + 1) * 4 }}' class='text-center' data-f-bold='true' data-a-h='center' style="line-height: 6mm !important; text-transform:uppercase;">
                <b style="font-size: 18px;">CONSOLIDATED STATEMENT OF GRADE POINT</b>
            </td>
        </tr>
         <tr style="display:none !important;">
            <td colspan='{{ (data.semCount + 1) * 4 }}' class='text-center' data-f-bold='true' data-a-h='center' style="line-height: 6mm !important; text-transform:uppercase;">
                <b style="font-size: 18px;">{{ data.batchDetails.startYear }}-Admission</b>
            </td>
        </tr>
        <tr class="table-head-pr">
            <th width = "10mm" data-f-bold='true' data-a-h='center' rowspan='2'>
                Sl. No
            </th>
            <th width = "60mm" style="padding:0 0mm !important;" data-f-bold='true' data-a-h='center' rowspan='2'>
                Name
            </th>
            <th width = "30mm" data-f-bold='true' data-a-h='center' rowspan='2'>
                Register No
            </th>
            {% for reportHead in data.reportHeads %}
                <td data-f-bold='true' data-a-h='center' colspan='2' class='bold-head'>
                {{reportHead.name}}
            {% endfor %}
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'> CGPA </td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'> GRADE </td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'> Folio No</td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'> Month & Year of Passing </td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'> Specialization </td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'>  </td>
            <td data-f-bold='true' data-a-h='center' rowspan='2' class='bold-head'>  </td>
        </tr>
        <tr class="table-head-pr">
            {% for reportHead in data.reportHeads %}
                <th width = "8mm" data-f-bold='true' data-a-h='center'>SGPA</th>
                <th width = "8mm" data-f-bold='true' data-a-h='center'>MONTH & YEAR</th>
            {% endfor %}
        </tr>
    </thead>
    {% set slNo = 1 %}
    {% for student in data.students %}
        <tr style="page-break-inside: avoid !important;" class="student-row-top">
            <td rowspan=''>
                {{loop.index}}
            </td>
            <td style="text-align:left;" rowspan=''>
                {{student.studentDetails.name}}
            </td>
            <td rowspan=''>
                {{student.studentDetails.registerNo}}
            </td>
        {% for reportHead in data.reportHeads %}
            {% set academicTerm = student.academicTerms[reportHead.id] %}
            <td rowspan=''>
                {{ academicTerm.isFailed == 'FAILED' ? '-' : academicTerm.sgpa }}
            </td>
            <td rowspan='' style='text-transform:uppercase'>
                {{ academicTerm.isFailed == 'FAILED' ?  '--' : academicTerm.examMonthYear }}
            </td>
        {% endfor %}
            <td rowspan=''>
                {{student.isFailed == 'FAILED' ? '-' : student.cgpa}}
            </td>
            <td rowspan=''>
                {{student.isFailed == 'FAILED' ? '-' : student.grade}}
            </td>
            <td rowspan=''>
               {{student.isFailed == 'FAILED' ? '-' : student.studentDetails.folioNumber}}
            </td>
            <td rowspan='' style='text-transform:uppercase'>
                {{student.isFailed == 'FAILED' ? '--' : student.examMonthYear}}
            </td>
            <td rowspan=''>
                {{ student.studentDetails.specializationName }}
            </td>
            <td rowspan=''>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </td>
            <td rowspan=''>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </td>
        </tr>
    {% endfor %}
    </table>
    <table class="page-footer print-border-0 " >
        <tr>
            <td width="24%" style="text-align:left !important; font-weight:bold">
                Prepared by
            </td>
            <td width="24%" style="text-align:center !important; font-weight:bold">
                Checked by
            </td>
            <td width="24%" style="text-align:center !important; font-weight:bold ">
                Controller of Examinations
            </td>
            <td width="24%" style="text-align:right !important; font-weight:bold">
                Principal
            </td>
        </tr>
    </table>
</div>
