<style>
    .primary-table-report {
        width: 100% !important;
        border-collapse: collapse !important;
    }
    .border-0{
        border:1px solid #fff !important;
    }
    .border-trl-0{
        border-top:1px solid #fff !important;
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .border-rl-0{
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .room-name {
        break-after: avoid-page !important;
        page-break-after: avoid !important;
    }
</style>
    {% set rowCount = 0 %}
    {% for arrangement in arrangementArray %}
        <table class=" mb-4 table table-bordered border primary-table-report tr" role="grid"  id = "batch-seat-arrangement-report">
        {% if loop.first %}
            <tr style="border:none !important; height:80px;">
                <th class='text-center border-0' colspan="6" style="border:none !important; padding:0 !important; height:80px; overflow:hidden; vertical-align:middle;">
                    {% if additionalInfo.collegeData.isHeaderEnabled %}
                        <img src="{{additionalInfo.collegeData.collegeHeader}}" alt="College Header" style="display:block; width:auto !important; max-width:100% !important; max-height:78px; height:auto !important; margin:0 auto;">
                    {% endif %}
                </th>
            </tr>
            <tr class="border">
                <th data-f-bold='true' class='text-center border-0' style="padding-top:15px" data-a-h='center' data-a-v='middle' colspan="6">  {{arrangement.examName}}  </th>
            </tr>
            <tr class="border">
                <th data-f-bold='true' class='text-center border-0' style="padding-top:15px" data-a-h='center' data-a-v='middle' colspan="6">  SESSION ({{arrangement.startTime}} - {{arrangement.endTime}}) &nbsp;&nbsp; TOTAL ROOMS : {{arrangementArray|length}} </th>
            </tr>
            <tr class="border">
                <th data-f-bold='true' class='text-center border-0' style="padding-top:15px" data-a-h='center' data-a-v='middle' colspan="6">  SEATING ARRANGEMENT - {{additionalInfo.assessmentDate}} </th>
            </tr>
        {% endif %}
            <tr class="border">
                <th data-f-bold='true' class='text-center border-trl-0 room-name' style="padding-top:10px; text-align:center;" data-a-h='center' data-a-v='middle' colspan="6"> {{arrangement.hallName}} ({{arrangement.totalCapacity}})</th>
            </tr>
            {% for batch in arrangement.batch %}
                    {% set rowCount = rowCount + 1 %}
                    <tr border="1">
                        <td class="text-center " style="vertical-align:middle;" width="42%">{{batch.batchName}} ({{batch.termName}})</td>
                        <td class="text-center"  style="vertical-align:middle" width="38%">
                            {{batch.studentsList}} 
                        </td>
                        <td class="text-center "  style="vertical-align:middle" width="10%">
                           {{batch.studentCount}}
                        </td>
                        <td class="text-center "  style="vertical-align:middle" width="10%">
                            {% if loop.last %}
                                {{ arrangement.totalStudentCount }}
                            {% endif %}
                        </td>
                    </tr>
            {% endfor %}
        </table>
    {% endfor %}