<style>
     td, th { padding: 5px; font-size: 11px; }
</style>
    <div class="page" style="width:100%;">
    {% set trcolSpan =  9  %}
    <div class="mt-2 printOnlyDisplayData" style='font-size: 22px; line-height:26px; text-align:center; padding:5px 10px !important; font-weight:bold;'>{{additionalDetails.collegeData.collegeName}}</div>
    <div class="mb-3 printOnlyDisplayData" style='font-size: 14px; line-height:18px; text-align:center; padding:2px 10px !important; font-weight:bold; text-decoration:underline;'>CONSOLIDATED RESULT SHEET - {{additionalDetails.courseTypeName}} DEGREE COURSE (SEMESTER)</div>

    <table class="printOnlyDisplayData" style="width:100%; border:none !important; margin-bottom:10px;" cellpadding="0" cellspacing="0">
        <tr>
            <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 10px; width:50%;">Year of Admission&nbsp;: <b>{{additionalDetails.yearOfAdmission}}</b></td>
            <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 10px; width:50%;">Programme&nbsp;: <b>{{additionalDetails.programName}}</b></td>
        </tr>
        <tr>
            <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 10px;">College Centre Code&nbsp;: <b>{{additionalDetails.collegeCentreCode}}</b></td>
            <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 10px;">Month &amp; Year of Examination&nbsp;: <b>{{additionalDetails.monthYearOfExamination}}</b></td>
        </tr>
    </table>

    <table class=" mb-4 table table-responsive-md table-striped border" role="grid">
        <thead>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                <div style='font-size: 22px; line-height:26px; font-weight:bold; text-align:center;'>{{additionalDetails.collegeData.collegeName}}</div></td>
            </tr>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                <div style='font-size: 14px; line-height:18px; font-weight:bold; text-decoration:underline; text-align:center;'>CONSOLIDATED RESULT SHEET - {{additionalDetails.courseTypeName}} DEGREE COURSE (SEMESTER)</div></td>
            </tr>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="padding:10px!important; display:none;" data-f-bold='true' colspan="{{trcolSpan}}" >
                <table style="width:100%; border:none !important;" cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 0; width:50%;">Year of Admission&nbsp;: <b>{{additionalDetails.yearOfAdmission}}</b></td>
                        <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 0; width:50%;">Programme&nbsp;: <b>{{additionalDetails.programName}}</b></td>
                    </tr>
                    <tr>
                        <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 0;">College Centre Code&nbsp;: <b>{{additionalDetails.collegeCentreCode}}</b></td>
                        <td style="border:none !important; font-size:11px; line-height:16px; padding:2px 0;">Month &amp; Year of Examination&nbsp;: <b>{{additionalDetails.monthYearOfExamination}}</b></td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr></tr>
            <tr class="border">
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Sl.<br>No.</th>
                <th data-exclude='true' class='text-center bold' data-a-h='center' data-a-v='middle'>Photo</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Admission<br>No.</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Register<br>No.</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Name</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Name of<br>Qualifying Degree</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>University awarding<br>Qualifying Certificate</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Recognition<br>Details</th>
                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Result</th>
            </tr>
        </thead>
        <tbody>
        {% set slno = 0 %}
        {% for student in students %}
        {% set slno = slno + 1 %}
            <tr>
                <td class="align-middle text-center">{{slno}}</td>
                <td class="align-middle text-center" data-exclude='true'>
                    {% if student.studentImage %}
                        <img src="{{student.studentImage}}" alt="Student Photo" style="width:50px; height:60px; object-fit:cover;">
                    {% endif %}
                </td>
                <td class="align-middle text-center">{{student.admissionNo}}</td>
                <td class="align-middle text-center">{{student.regNo}}</td>
                <td class="align-middle text-left">{{student.studentName}}</td>
                <td class="align-middle text-center">{{student.qualifyingDegreeName}}</td>
                <td class="align-middle text-center">{{student.qualifyingUniversity}}</td>
                <td class="align-middle text-center">{{student.recognitionDetailsDisplay}}</td>
                <td class="align-middle text-center"><b>{{student.result}}</b></td>
            </tr>
        {% endfor %}
        </tbody>

    </table>

</div>
