{# Template For  MES VIMALA STJOSEPH Collages
 #}
<link href='https://fonts.googleapis.com/css2?family=Times New Roman:ital,wght@0,400;0,700;1,400;1,700&display=swap' rel='stylesheet'>
<style>
     td, th { padding: 5px; }
    .pages{
        font-family: "Times New Roman", Times, serif; 
    }
    .no-border {
        border-style: none !important;
        border-top:1px solid #fff !important;
        border-bottom:1px solid #fff !important;
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .border-1px-without-bottom{
        border-style: solid; 
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
        border-left:1px solid #000 !important;
        border-right:1px solid #000 !important;
    }
    .border-1px-without-top{
        border-style: solid; 
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
        border-left:1px solid #000 !important;
        border-right:1px solid #000 !important;
    }
    .border-1px {
        border-style: solid; 
        border-width: 1px;
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
        border-left:1px solid #000 !important;
        border-right:1px solid #000 !important;
    }
   
    .pages {
        width: 100%;
        background: no-repeat;
        text-align:center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        page-break-after: always;
    }  
    .subject-details tr th{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        text-align:center;
        background: none !important;
        font-size : 15px;
       font-weight: bold;
    }
    .subject-details tr td{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        text-align:center;
        font-size : 15px;
        
    }
    .collage-header tr{
        height:7mm !important;
    }
    .water-mark {
        background-image: url({{data.collegeData.watermark}});
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
    }
    .student-image{
        height:150px;
        width:150px;
        padding: 1mm;
        text-align:left;
    }
    .college-header{
        height:35mm;
        width:auto%;
        margin:0 10%;
    }
    .subject-values {
        height: 30px !important;
    }

    .subject-values td {
        font-size: 13px !important;
        line-height: 30px !important;
    }
</style>
{% for student in data.studentData %}
    <div class="pages" style=" no-border">
        <div class="subpage">
            <table style = 'text-align:center;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0' class='collage-header'>
                <thead>
                    {% if data.collegeData.isHeaderEnabled %}
                        <tr>
                            <td>
                                <img class = 'college-header' src = '{{data.collegeData.collegeHeader}}'>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td width="10%">
                                <img style = 'width: 100px; height: 115px;float: left;' src = '{{data.collegeData.collageLogo}}'>
                            </td>
                            <td width="90%" >
                                <div style = 'width:100%;line-height:25px;'>
                                    <div  style = 'text-align:center;'>
                                        <font size = '5'><b>{{data.collegeData.collegeName}}</b></font><br />
                                        <font size = '3'><b>{{data.collegeData.collegeAddress}}</b></font><br />
                                        <font size = '3'><b>{{data.collegeData.collegeAddress2 |escape}}</b></font>
                                    </div>
                                </div>	
                            </td>
                    </tr>
                    {% endif %}
                </thead>
            </table>

            <table style = 'margin:5px auto; text-align:center;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0'>
                <thead>
                    <tr>
                        <td width="100%" style="font-size:20px;"> <b> {{data.examRegistrationData.name|upper}} </b> </td>
                    </tr>
                    <tr>
                        <td width="100%" style="font-size:18px;"><b>ADMIT CARD</b></td>
                    </tr>
                </thead>
            </table>
            <div style="width:100%;text-align:left;margin-bottom:-8px !important;">
                <img src="{{student.studentImage}}" alt="Student Image" style="width: 100px; height: 115px; float: right;">
            </div>
            <table style = 'margin:5px auto; text-align:left;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0'>
                <thead>
                    <tr>
                        <td width="10%"><b>Name </b></td>
                        <td width="50%">:&nbsp; &nbsp; {{student.studentName}} </td>
                    </tr>
                    <tr>
                        <td width="10%"><b>Reg.No </b></td>
                        <td width="50%">:&nbsp; &nbsp; {{student.registerNo}} </td>
                    </tr>
                    <tr>
                        <td width="10%"><b>Batch </b></td>
                        <td width="50%">:&nbsp; &nbsp; {{student.batchName}} </td>
                    </tr>
                    <tr>
                        <td width="10%"><b>Semester </b></td>
                        <td width="50%">:&nbsp; &nbsp; {{student.semInSemNumber}} </td>
                    </tr>
                    <tr>
                        <td width="10%"><b>Time </b></td>
                        <td width="50%">:&nbsp; &nbsp; {{data.timeDetails.session == 'FN' ? 'Forenoon' : 'Afternoon'}} Session: {{data.timeDetails.time}} </td>
                    </tr>
                </thead>
            </table>
             {% if student.isHallTicketBlocked %}
                <div class="text-center bold" style="margin:5mm 0;color:red">
                    {{student.blockingMsg |raw}}
                </div>
            {% else %}
                <table class='subject-details' cellspacing="0" style=" text-align:left;width: 100%;font-size:15px;border:1px solid #000;">
                    <thead>
                        <tr style='height:30px; font-weight: bold;' class='border-1px-without-top'>
                            <td class='border-1px-without-top' width="5%" rowspan="2">Semester</td>
                            <td class='border-1px-without-top' width="10%" rowspan="2">Subject Code</td>
                            <td class='border-1px-without-top' width="50%" rowspan="2">Subject Name</td>
                            <td class='border-1px-without-top' width="20%" colspan="2">Exam Schedule</td>
                            <td class='border-1px-without-top' width="15%" rowspan="2">invigilator's<br>Signature</td>
                        </tr>
                        <tr style='height:30px;' class='border-1px-without-top'>
                            <td class='border-1px-without-top' width="10%">Date</td>
                            <td class='border-1px-without-top' width="10%">Session  </td>
                        </tr>
                    </thead>
                    <tbody>
                        {% set slNo = 0 %}
                        {% for subject in student.subjects %}
                            {% set slNo = slNo + 1 %}
                            <tr style='' class="subject-values">
                                <td class='border-1px'>
                                    {{student.semInRomanLetter}}
                                </td>
                                <td class='border-1px'" style="text-align:left;">
                                    {{subject.code|raw}}
                                </td>
                                <td class='border-1px'" style="text-align:left;">
                                    {{subject.name|upper}}
                                </td>
                                <td class='border-1px'>
                                    {{subject.assessmentDate  ? subject.assessmentDate|date("d-M-Y") : "" }}
                                </td>
                                <td class='border-1px'>
                                    {{subject.assessmentDate ? (subject.session == 'AN' ? 'PM' : 'AM') : ''}}
                                </td>
                                <td class='border-1px'>
                                    &nbsp;
                                </td>                                
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}
            <table style = 'margin:10px auto; text-align:center;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0'>
                <thead>
                    <tr>
                        <td width='33%'></td>
                        <td width='33%'><img src="{{data.collegeData.coeSign}}" style="width:100px;height:40px;" alt="COE Sign"></td>
                        <td width='33%'><img src="{{data.collegeData.principalSign}}" style="width:100px;height:40px;" alt="Principal Sign"></td>
                    </tr>
                    <tr>
                        <td width='33%'>Signature of the Student</td>
                        <td width='33%'>Controller of Examinations</td>
                        <td width='33%'>Principal</td>
                    </tr>
                </thead>
            </table>
            <table style = 'text-align:left;width: 100%;font-size:14px;page-break-before:always!important;' cellpadding='0' cellspacing='0' border='0'>
                <thead>
                    <tr>
                        <td width="100%">
                            <div style="text-align:center;font-size:22px;margin-top:50px !important;"><b> Instructions to Candidates </b></div>
                            <div style="margin:10px;border:1px solid #000;padding:5px;">
                                <ol style="font-size:18px; padding-bottom:5px;">
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate must have ID Card and Admit Card to enter the Examination hall.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  Verify the details in the Admit Card with the Time-Table displayed on the notice board.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate must be seated in the examination hall 15 minutes prior to the commencement of exam.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate must remain in the exam hall for a minimum period of two hours.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  After 30 minutes of commencement of examination, no candidate shall be permitted to enter the Examination hall.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  Cell phone, Watch and Electronic gadgets are not permitted inside the examination hall.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate should not write his/her register number anywhere in the answer booklet or map/graph.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate should write his/her register number in the question paper.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate should not tear /detach any sheet from the main answer booklet.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  The candidate should not write Name / Number/ ID Mark/ Religious Symbol in the answer booklet/admit card.</li><br>
                                    <li style="font-size:18px; padding-bottom:5px;">  If the candidate possesses written or printed materials, cell phone or any other material he/she will be booked for
                                    malpractice and the candidate will not be permitted to appear for the remaining subjects/papers as per the institution
                                    norms.</li>
                                </ol>
                            </div>
                        </td>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
{% endfor %}
