<style>
    #student-overall-mark-report tbody tr td, #student-overall-mark-report thead tr th {
        padding: 3px;
        vertical-align : middle;
        font-size : 11px;
    }
    #student-overall-mark-report tr {
        page-break-inside: avoid !important;
    }
</style>
<div class="page" style="width:100%;" >
    {% set semesterLen = additionalDetails.semesters|length %}
    {% set totalColumns = 3 + (semesterLen * 5) + 6 %}
    <div class="mt-2 mb-2" style='text-align:center;padding:10px!important;'>
        <b style='font-size: 23px; line-height:24px; letter-spacing: 1px;'>{{additionalDetails.collegeData.collegeName}}</b>
    </div>
    <div class="mb-2" style='text-align:left;font-size: 14px;'>Batch : <b>{{additionalDetails.groupName}}</b></div>
    <table class=" table table-bordered border" role="grid" id="student-overall-mark-report" >
        <thead>
            <tr>
                <td colspan="{{totalColumns}}" style="display:none;padding-bottom:10px!important;border-left:1px solid #fff !important; border-top:1px solid #fff !important; border-right: 1px solid #fff !important; " class="no-border-1" data-f-bold='true' data-a-h='center' >
                    <div style="text-align:center!important;">
                        <b style='font-size: 23px; line-height:24px;'>{{additionalDetails.collegeData.collegeName}}</b></br>
                        <span style='font-size: 14px;'>Batch : {{additionalDetails.groupName}}</span>
                    </div>
                </td>
            </tr>
            <tr class="border">
                <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle' data-f-bold='true'>#</th>
                <th rowspan="2" data-f-bold='true' data-a-h='center' data-a-v='middle' class="text-center">Reg. No.</th>
                <th rowspan="2" data-f-bold='true' data-a-h='center' data-a-v='middle' class="text-center">Name</th>
                {% for semester in additionalDetails.semesters %}
                    <th colspan="5" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>{{semester.name}}</th>
                {% endfor %}
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Total Mark Obtained</th>
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Total Mark</th>
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>%</th>
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>CGPA</th>
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Grade</th>
                <th rowspan="2" class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Class</th>
            </tr>
            <tr>
                {% for semester in additionalDetails.semesters %}
                    <th class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Total Mark</th>
                    <th class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Total Max Mark</th>
                    <th class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>%</th>
                    <th class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>SGPA</th>
                    <th class='text-center bold' data-a-h='center' data-f-bold='true' data-a-v='middle'>Result Class</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
        {% set slno = 0 %}
        {% set pageLimit = 0 %}
        {% for student in studentsDetails %}
        {% set slno = slno + 1 %}
        {% set pageLimit = pageLimit + 1 %}
            {% if student.failedStatus == "FAILED" %}
                 {% set pageLimit = pageLimit + 1 %}
            {% endif %}
            {% if pageLimit > 22 %}
                {% set pageLimit = 0 %}
                </tbody>
                </table>
                <table class=" table table-bordered border" role="grid" id="student-overall-mark-report" style="page-break-before:always !important">
                    <thead>
                        <tr class="border" data-exclude="true">
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>#</th>
                            <th rowspan="2" data-f-bold='true' data-a-h='center' data-a-v='middle' class="text-center">Reg. No.</th>
                            <th rowspan="2" data-f-bold='true' data-a-h='center' data-a-v='middle' class="text-center">Name</th>
                            {% for semester in additionalDetails.semesters %}
                                <th colspan="5" class='text-center bold' data-a-h='center' data-a-v='middle'>{{semester.name}}</th>
                            {% endfor %}
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>Total Mark Obtained</th>
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>Total Mark</th>
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>%</th>
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>CGPA</th>
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>Grade</th>
                            <th rowspan="2" class='text-center bold' data-a-h='center' data-a-v='middle'>Class</th>
                        </tr>
                        <tr data-exclude="true">
                            {% for semester in additionalDetails.semesters %}
                                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Total Mark</th>
                                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Total Max Mark</th>
                                <th class='text-center bold' data-a-h='center' data-a-v='middle'>%</th>
                                <th class='text-center bold' data-a-h='center' data-a-v='middle'>SGPA</th>
                                <th class='text-center bold' data-a-h='center' data-a-v='middle'>Result Class</th>
                            {% endfor %}
                        </tr>
                    </thead>
            {% endif %}
            <tr style="page-break-inside: avoid !important; ">
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="align-middle text-center">{{slno}}</td>
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="align-middle text-center">{{student.registerNo}}</td>
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="align-middle text-left">{{student.name}}</td>
                {% for semester in additionalDetails.semesters %}
                    {% set isEntered = false %}
                    {% for batchSemester in student.academicTerms %}
                        {% if batchSemester.id == semester.id %}
                            {% if batchSemester.failedStatus == "FAILED" %}
                                <td data-a-h='center' data-a-v='middle' class="text-center">{{ batchSemester.earnedMarks ? batchSemester.earnedMarks | number_format(0, '.', '') : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' class="text-center">{{ batchSemester.totalMarks ? batchSemester.totalMarks | number_format(0, '.', '') : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' class="text-center">-</td>
                                <td data-a-h='center' data-a-v='middle' class="text-center">-</td>
                                <td data-a-h='center' data-a-v='middle' class="text-center">-</td>
                            {% else %}
                                <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">{{ batchSemester.earnedMarks ? batchSemester.earnedMarks | number_format(0, '.', '') : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">{{ batchSemester.totalMarks ? batchSemester.totalMarks | number_format(0, '.', '') : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">{{ batchSemester.percentage ? batchSemester.percentage | round(2) : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">{{ batchSemester.sgpa ? batchSemester.sgpa | number_format(2) : '-' }}</td>
                                <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">{{ batchSemester.class ? batchSemester.class : '-' }}</td>
                            {% endif %}
                            {% set isEntered = true %}
                        {% endif %}
                    {% endfor %}
                    {% if isEntered == false %}
                        <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">-</td>
                        <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">-</td>
                        <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">-</td>
                        <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">-</td>
                        <td data-a-h='center' data-a-v='middle' rowspan="2" class="text-center">-</td>
                    {% endif %}
                {% endfor %}
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.earnedMarks ? student.earnedMarks | number_format(0, '.', '') : '-' }}</td>
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.totalMarks ? student.totalMarks | number_format(0, '.', '') : '-' }}</td>
                <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.percentage ? student.percentage | number_format(2) : '-' }}</td>
                {% if student.failedStatus == "FAILED" %}
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">-</td>
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">-</td>
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">-</td>
                {% else %}
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.cgpa ? student.cgpa | round(2) | number_format(2) : '-' }}</td>
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.courseMarkDetails.grade ? student.courseMarkDetails.grade : '-' }}</td>
                    <td rowspan="2" data-a-h='center' data-a-v='middle' class="text-center">{{ student.courseMarkDetails.class ? student.courseMarkDetails.class : '-' }}</td>
                {% endif %}
            </tr>
            <tr>
                {% for semester in additionalDetails.semesters %}
                    {% for batchSemester in student.academicTerms %}
                        {% if batchSemester.id == semester.id %}
                            {% if batchSemester.failedStatus == "FAILED" %}
                                <td data-a-h='center' data-a-v='middle' colspan="5" class="text-center">Arrears : {{ batchSemester.arrearsCount }}</td>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                {% endfor %}</tr>
        {% endfor %}
        </tbody>
    </table>
</div>
