<div class="page" style="width:100%;">
    {% if additionalDetails.collegeData.collegeHeader is defined and additionalDetails.collegeData.collegeHeader %}
        <div class="college-header" style="text-align:center;margin-bottom:8px;">
            <img src="{{ additionalDetails.collegeData.collegeHeader }}" alt="College - Header" style="max-width:600px;height:auto;">
        </div>
    {% endif %}

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

    <div class="report-title" style="text-align:center;font-weight:bold;text-decoration:underline;font-size:16px;margin:10px 0;">
        REGISTER NUMBERS OF SUCCESSFUL CANDIDATES WITH TOTAL MARKS <br> {{ additionalDetails.courseTypeName }} DEGREE COURSE {{ additionalDetails.batchStartYear }} - {{ additionalDetails.batchEndYear }}
    </div>

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

    {% if additionalDetails.batchWise %}
        {% for batch in batches %}
            {% if batch.students is not empty %}
                <div class="batch-title" style="text-align:center;font-weight:bold;font-size:13px;margin:12px 0 6px 0;font-style:italic;">
                    Batch: {{ batch.groupName }}
                </div>
                <table class="report-table" style="border-collapse:collapse;width:60%;margin:0 auto 20px auto;" border="1">
                    <thead>
                        <tr>
                            <th data-a-h='center' data-a-v='middle' style="border:1px solid #000;padding:6px 10px;text-align:center;">Register Number</th>
                            <th data-a-h='center' data-a-v='middle' style="border:1px solid #000;padding:6px 10px;text-align:center;">Total Marks</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for student in batch.students %}
                        <tr>
                            <td style="border:1px solid #000;padding:6px 10px;text-align:center;">{{ student.regNo }}</td>
                            <td style="border:1px solid #000;padding:6px 10px;text-align:center;">{{ student.markObtained }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        {% else %}
            <div style="text-align:center;font-style:italic;margin:20px 0;">No student details</div>
        {% endfor %}
    {% else %}
        {% if students is not empty %}
            <table class="report-table" style="border-collapse:collapse;width:60%;margin:0 auto;" border="1">
                <thead>
                    <tr>
                        <th data-a-h='center' data-a-v='middle' style="border:1px solid #000;padding:6px 10px;text-align:center;">Register Number</th>
                        <th data-a-h='center' data-a-v='middle' style="border:1px solid #000;padding:6px 10px;text-align:center;">Total Marks</th>
                    </tr>
                </thead>
                <tbody>
                {% for student in students %}
                    <tr>
                        <td style="border:1px solid #000;padding:6px 10px;text-align:center;">{{ student.regNo }}</td>
                        <td style="border:1px solid #000;padding:6px 10px;text-align:center;">{{ student.markObtained }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% if additionalDetails.displayTotalStudentCount == '1' and students is not empty %}
                <div style="width: 100%; text-align: center; margin-top: 10px;">
                    <div style="width: 60%; display: inline-block; text-align: left;">
                        TOTAL STUDENTS: {{ students|length }}
                    </div>
                </div>
            {% endif %}
        {% else %}
            <div style="text-align:center;font-style:italic;margin:20px 0;">No student details</div>
        {% endif %}
    {% endif %}
</div>
