<div class="page" style="width:100%;">

    <div class="printOnlyDisplayData" style="text-align:center; padding-bottom:5mm;">
        {% if additionalDetails.collegeData.collegeHeader and additionalDetails.collegeData.isHeaderEnabled %}
            <img src="{{ additionalDetails.collegeData.collegeHeader }}" style="height:30mm;width:auto;margin:0 auto;display:block;">
        {% else %}
            <div style="text-align:center;margin-bottom:6px;"><img src="{{ additionalDetails.collegeData.collageLogo }}" style="height:60px;width:auto;"></div>
            <div><b style="font-size:18px;">{{ additionalDetails.collegeData.collegeName ?? '' }}</b></div>
            {% if additionalDetails.collegeData.universityName %}
                <div><b style="font-size:14px;">{{ additionalDetails.collegeData.universityName }}</b></div>
            {% endif %}
            <div><b style="font-size:14px;">{{ additionalDetails.collegeData.collegeAddress ?? '' }}</b></div>
        {% endif %}
    </div>

    {% set courseTypeLabel = additionalDetails.courseTypeName ? additionalDetails.courseTypeName|upper : 'UG' %}
    {% set yearRange = additionalDetails.batchStartYear %}{% if additionalDetails.batchEndYear %}{% set yearRange = yearRange ~ ' - ' ~ additionalDetails.batchEndYear %}{% endif %}
    {#
    <div style="text-align:center;font-weight:bold;font-size:18px;margin:10px 0 6px 0;">
        STUDENT DETAILED TOTAL MARK REPORT
    </div>#}

    <div style="text-align:center;font-weight:bold;text-decoration:underline;font-size:15px;margin:8px 0;">
        REGISTER NUMBERS OF SUCCESSFUL CANDIDATES WITH TOTAL MARKS <br> {{ courseTypeLabel }} DEGREE COURSE {{ yearRange }}
    </div>

    <div style="text-align:center;font-weight:bold;font-size:14px;margin:6px 0 12px 0;">
        {{ additionalDetails.programName }}
    </div>

    {% macro studentTable(studentList) %}
        <table style="border-collapse:collapse;width:100%;margin:0 auto;" border="1">
            <thead>
                <tr style="background-color:#f2f2f2;">
                    <th rowspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">SL NO</th>
                    <th rowspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">Register Number</th>
                    <th rowspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">Student Name</th>
                    <th rowspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">Mobile Number</th>
                    <th rowspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">Email</th>
                    <th colspan="2" style="border:1px solid #000;padding:6px 8px;text-align:center;vertical-align:middle;">Total Marks</th>
                </tr>
                <tr style="background-color:#f2f2f2;">
                    <th style="border:1px solid #000;padding:6px 8px;text-align:center;">Without Grace</th>
                    <th style="border:1px solid #000;padding:6px 8px;text-align:center;">With Grace</th>
                </tr>
            </thead>
            <tbody>
            {% for student in studentList %}
                <tr>
                    <td style="border:1px solid #000;padding:5px 8px;text-align:center;">{{ loop.index }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;text-align:center;">{{ student.regNo }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;">{{ student.studentName }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;text-align:center;">{{ student.mobileNumber }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;">{{ student.email }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;text-align:center;">{{ student.markWithoutGrace }}</td>
                    <td style="border:1px solid #000;padding:5px 8px;text-align:center;">{{ student.markWithGrace }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endmacro %}

    {% import _self as self %}

    {% if additionalDetails.batchWise %}
        {% for batch in batches %}
            {% if batch.students is not empty %}
                <div style="text-align:center;font-weight:bold;font-size:13px;margin:14px 0 6px 0;font-style:italic;">
                    Batch: {{ batch.groupName }}
                </div>
                {{ self.studentTable(batch.students) }}
                {% if additionalDetails.displayTotalStudentCount == '1' %}
                    <div style="margin-top: 10px;">
                        TOTAL STUDENTS: {{ students|length }}
                    </div>
                {% endif %}
            {% endif %}
        {% else %}
            <div style="text-align:center;font-style:italic;margin:20px 0;">No student details</div>
        {% endfor %}
    {% else %}
        {% if students is not empty %}
            {{ self.studentTable(students) }}
        {% else %}
            <div style="text-align:center;font-style:italic;margin:20px 0;">No student details</div>
        {% endif %}
    {% endif %}
</div>
