{% if studentDetails|length > 0 %}
    <div id="displayDiv" style="width:210mm; border:none; padding:5mm; margin:auto;" class="print">
        <table class="list-head" style='width:100%'>
            <tr>
                <td colspan="5" align="center" style="border: 1px solid">
                    <b>{{ additionalInfo.collegeName }}</b>
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid" colspan="2">
                    EXAM : {{ additionalInfo.examRegName }}
                </td>
                <td style="border: 1px solid" colspan="1">
                    Semester : {{ additionalInfo.sem }}
                </td>
                <td style="border: 1px solid" colspan="2">
                    Batch : {{ additionalInfo.batchName }}
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid" width="30%">
                    ROOM NUMBER :
                </td>
                <td style="border: 1px solid" width="20%">
                    {{ additionalInfo.roomNo }}
                </td>
                <td style="border: 1px solid" width="12%">
                    Date :
                </td>
                <td style="border: 1px solid" width="20%">
                </td>
                <td style="border: 1px solid" width="20%">
                    Time :
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid">
                    SUBJECT
                </td>
                <td style="border: 1px solid" colspan="4">
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid">
                    TITLE OF THE PAPER
                </td>
                <td style="border: 1px solid" colspan="4">
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid">
                    NUMBER OF STUDENT ALLOWED
                </td>
                <td style="border: 1px solid" colspan="2">
                    {{ additionalInfo.studentCount }}
                </td>
                <td style="border: 1px solid">
                    Present :
                </td>
                <td style="border: 1px solid">
                    Absent :
                </td>
            </tr>
        </table>
        <table class="list-body stud-list" border="1" style='width:100%'>
            <thead>
                <tr>
                    <th style="border: 1px solid" width="5%" class="text-center">
                        #
                    </th>
                    <th style="border: 1px solid" width="15%">
                        REG. NO
                    </th>
                    <th style="border: 1px solid" width="25%">
                        NAME OF THE STUDENT
                    </th>
                    <th style="border: 1px solid" width="25%">
                        BARCODE
                    </th>
                    <th style="border: 1px solid" width="30%">
                        SIGNATURE OF THE STUDENT
                    </th>
                </tr>
            </thead>

            {% for studentDetail in studentDetails %}
                <tr>
                    <td style="border: 1px solid" class="text-center">
                        {{ loop.index }}
                    </td>
                    <td style="border: 1px solid" class="text-center">
                        {{ studentDetail.registerNo }}
                    </td>
                    <td style="border: 1px solid">
                        {{ studentDetail.studentName }}
                    </td>
                    <td style="border: 1px solid;">
                        <div style="height: 25mm; width:55mm">&nbsp;</div>
                    </td>
                    <td style="border: 1px solid">
                        &nbsp;
                    </td>
                </tr>
            {% endfor %}
        </table>
        <table class="no-border" style='width:100%;margin-top:20mm!important;'>
            <tr>
                <td width="50%">
                    <b>NAME OF THE INVIGILATOR</b>
                </td>
                 <td width="50%" align="right">
                    <b>SIGNATURE OF THE INVIGILATOR</b>
                </td>
            </tr>
        </table>
    </div>
{% endif %}
<style>
    .list-head {
        border: none;
        border-collapse: collapse !important;
        margin-top: 5mm;
        width: 100%;
    }

    .list-body {
        border: none;
        border-collapse: collapse !important;
        margin-top: 0mm;
        width: 100%;
    }

    .list-head tr td {
        height: 9mm;
        border: .1mm solid;
        padding-left: 1mm;
    }

    .list-body tr td {
        height: 8mm;
        border: .1mm solid;
        padding-left: 1mm;
    }

    .list-body tr th {
        height: 9mm;
        border: .1mm solid;
        font-weight: bold;
        text-align: center;
    }
    .stud-list{
        margin-top:3mm;
    }

    .ivg tr td {
        height:9mm;
        border: .1mm solid;
        padding-left: 1mm;
        padding:1mm;
    }
    .text-center{
        text-align:center;
    }
    .no-border{
        border: none;
    }
</style>