{# Template For St Claret COLLEGE #}
<style>
    table { 
        border-collapse: collapse;
    }
    .markdisplay th, .markdisplay td { 
        border: 1px solid black; 
        border-right-style: collapse;
        border-right: 1px solid black !important; 
        font-weight: bold;
    }
    .markdisplay tr.subject-row td {
        border-bottom: none !important;
    }
    .markdisplay tr.subject-row + tr.subject-row td {
        border-top: none !important;
    }
    .student-name{
        width:100%; 
        height:50px; 
        font-size:13px; 
        text-align:left;
    }
    .no-border-table tr td{
        border-right:1px solid #fff !important;
        border-left:1px solid #fff !important;
        border-top:1px solid #fff !important;
        border-bottom:1px solid #fff !important;
    }
    .heading { font-weight: bold;
        font-family: Arial, sans-serif !important;
        line-height: 20px;
        font-size:14px; 
    }
    .marks-card-body{
        font-family: 'Arial MT', Arial, sans-serif !important;
        line-height: 20px;
        font-size:13px; 
    }
    .footer-class { font-size: 13px; text-align: center; margin-top:100px !important;}
    .top { transform:rotate(270deg) translateX(10%); }
    .single-page {
        position: relative;
        width: 100%;
        height : 297mm;
        page-break-after: always;
    }
    .print-footer {
        position: absolute;
        bottom: 3cm;
        width: 100%;
    }
    .no-border-tr td{
        border: 1px solid #fff !important;
    }
    .bold{
        font-weight: bold;
    }
    .note{
        text-align:left; padding-top:5px;
    }
    .stud-details{
        padding:5px;
    }
    .text-center{
        text-align:center;
    }
    .border-td{
        border:1px solid #000!important;
    }

</style>
{% for student in data.studentData %}
    <div class="single-page">
        <table id='markTable' style="margin:0 auto; text-align:center;width: 100%; font-size:13px;" cellpadding="0" cellspacing="0" border="0">
            <tr class="no-border-tr">
                <td>
                    <table style="width:100%;margin:0 auto;">
                        <tr class='heading'>
                            <td class="border-td" style="width:33%!important; ">
                                <table style='width:50%'>
                                    <tr><td class="text-left" style="border:1px solid #000!important;width:30mm; padding:5px; font-size:18px !important;"><b>Serial No:</b></td><td style="border:1px solid #000!important;width:25mm;  padding:5px; font-size:18px !important;">KIMSMC{{ data.examRegistrationData.examYear|slice(2,2) }}{{student.slNo}}</td></tr>
                                    <tr><td class="text-left" style="border:1px solid #000!important;  padding:5px; font-size:18px !important;" ><b>Roll Number:</b></td><td style="border:1px solid #000!important;  padding:5px; font-size:18px !important;">{{student.rollNo}}</td></tr>
                                </table>
                            </td>
                            <td style="width:33%!important;text-align: center!important">
                                <img style = 'width: 100px; height: 115px;' src = '{{data.collegeAndOtherData.collageLogo}}'><br> 
                            </td>
                            <td style="width:33%!important;">
                                <img style = 'width:110px; height:130px; float: right;' src = '{{student.myImage}}'>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr class="no-border-tr" >
                <td style="width:100%;height:auto; vertical-align:top; text-align:left;" >
                    <div style="width:67%;margin:5px auto;text-align:center;">
                        <h5><b></b></h5>
                    </div>
                </td>
            </tr>
            <tr>
               <td style="padding-top:20mm;border-bottom:1px solid #fff !important;border-right:1px solid #fff !important;border-left:1px solid #fff !important;">
                    <table width="100%" class="markdisplay" cellpadding="0" cellspacing="0" border="0" align="left" style="font-size:17px;">
                        <tr class='' style='height:35px'>
                            <th width='25%' class="text-center">NAME OF THE CANDIDATE</th>
                            <th width='20%' class="text-center">UUCMS REG NUMBER</th>
                            <th width='25%' class="text-center">PROGRAMME</th>
                            <th width='10%' class="text-center">SEMESTER</th>
                            <th width='20%' class="text-center">MONTH & YEAR</th>
                        </tr>
                        <tr class="">
                            <td class="text-center stud-details bold">{{student.name | upper}}</td>
                            <td class="text-center stud-details bold">{{student.registerNo}}</td>
                            <td class="text-center stud-details bold">{{data.examRegistrationData.programName}}</td>
                            <td class="text-center stud-details bold">{{data.examRegistrationData.semInRomanLetter}}</td>
                            <td class="text-center stud-details bold">{{data.examRegistrationData.examMonthName}} - {{data.examRegistrationData.examYear}}</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                {% if student.isResultBlocked %}
                    <td style="border-bottom:2px solid #fff !important;color:red" class="full-width pull-left text-center bold" >
                        {{student.blockingMsg |raw}}
                    </td>
                {% else %}
                    <td style="padding-top:10px !important;border-bottom:1px solid #fff !important;border-right:1px solid #fff !important;border-left:1px solid #fff !important;">
                        <table class="markdisplay" cellpadding="0" cellspacing="0" border="0" align="left" style="font-size:15px;">
                            <tr class='heading'>
                                <th rowspan="2" width='14%' style="text-align:center;">COURSE CODE</th>
                                <th rowspan="2" width='30%' style="text-align:center;">COURSE TITLE</th>
                                <th rowspan="2" width='5%' style="text-align:center;">CREDITS</th>
                                <th colspan="2" width='12%' style="text-align:center;">INTERNAL ASSESSMENT (CIA)</th>
                                <th colspan="2" width='12%' style="text-align:center;">END SEMESTER EXAMINATION (ESE)</th>
                                <th colspan="2" width='12%' style="text-align:center;">TOTAL MARKS</th>
                                <th rowspan="2" width='6%' style="text-align:center;">Credit Points = credits earned X Grade points</th>
                                <th rowspan="2" width='5%' style="text-align:center;">GRADE</th>
                                <th rowspan="2" width='5%' style="text-align:center;">GRADE POINTS</th>
                                <th rowspan="2" width='5%' style="text-align:center;">RESULT</th>
                            </tr>
                            <tr class='heading'>
                                <th style="text-align:center;">MAX MARKS</th>
                                <th style="text-align:center;">MARKS OBTAINED</th>
                                <th style="text-align:center;">MAX MARKS</th>
                                <th style="text-align:center;">MARKS OBTAINED</th>
                                <th style="text-align:center;">MAX MARKS</th>
                                <th style="text-align:center;">MARKS OBTAINED</th>
                            </tr>
                            {% set slno = 0 %}
                            {% for subject in student.subjects %}
                                {% set slno = slno + 1 %}
                                <tr style="height:35px;" class='inner-tr marks-card-body subject-row'>
                                    <td class="align-middle text-center bold">{{subject.code|upper}} </td>
                                    <td class="align-middle bold" style=" text-align:left; vertical-align: middle;"> 
                                        <div style = 'text-align: left;padding-left:10px'>{{subject.name|upper}} 
                                            {% if subject.excludeSubjectFromTotal == "1" and data.examRegistrationData.courseTypeName != 'UG'%}<span style="color:red;">*{% endif %}
                                    </td>
                                    <td class="align-middle text-center bold">{{subject.credit}} </td>
                                    {% if subject.isShowMarkAndResult %}
                                        <td class="align-middle text-center bold">{{subject.isInternal ? subject.internalMaxMark}}</td>
                                        <td class="align-middle text-center bold">{{subject.isInternal ? subject.internalMark}}</td>
                                        <td class="align-middle text-center bold">{{subject.isExternal ? subject.externalMaxMark}}</td>
                                        <td class="align-middle text-center bold">{{subject.isExternal ? subject.externalMark}}</td>
                                        <td class="align-middle text-center bold">{{subject.totalMaxMark}}</td>
                                        <td class="align-middle text-center bold">{{subject.markObtained}}</td>
                                        <td class="align-middle text-center bold">{{subject.creditGradePoint}}</td>
                                        <td class="align-middle text-center bold">{{subject.grade}}</td>
                                        <td class="align-middle text-center bold">{{subject.gradePoint}}</td>
                                        <td class="align-middle text-center bold">{{subject.failedStatus == 'PASSED' ? 'PASS' : 'FAIL'}}</td>
                                    {% else %}
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                        <td class="align-middle text-center "></td>
                                    {% endif %}
                                          
                                </tr>
                                
                            {% endfor %}
                            {% for i in 1..3 %}
                                <tr>
                                    {% for j in 1..13 %}
                                        {% if j == 1 %}
                                            <td style="height:40px; border-left:1px solid #000; border-right:1px solid #000; border-top:none; border-bottom:none;">&nbsp;</td>
                                        {% else %}
                                            <td style="height:40px; border-right:1px solid #000; border-top:none; border-bottom:none;">&nbsp;</td>
                                        {% endif %}
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                 
                            <tr>
                                <td colspan="2" class="text-left bold" style="padding:5px">TOTAL MARKS IN WORDS:</td>
                                <td style="padding:5px" colspan="5" class="text-left">{{student.semesterMarkObtainedInWords | upper}}</td>
                                <td class="align-middle text-center bold">{{student.semesterTotalMarks}}</td>     
                                <td class="align-middle text-center bold">{{student.semesterMarkObtained}}</td>     
                                <td></td><td></td><td></td><td></td>
                            </tr>
                           
                        </table>
                    </tr>
                {% endif %}
            </tr>
            <tr class='marks-card-body'>
               <td style="padding-top:10px !important;border-bottom:1px solid #fff !important;border-right:1px solid #fff !important;border-left:1px solid #fff !important;">
                    <table width="100%" class="markdisplay" cellpadding="0" cellspacing="0" border="0" align="left" style="font-size:15px;">
                        <tr style="height:30px;" class='heading'>
                            <td style="text-align:left;padding-left:5px;">RESULT : {{student.failedStatus == 'PASSED' ? 'PASS' : 'RA'}}</td>
                            <td style="text-align:left;padding-left:5px;">PERCENTAGE : {{student.failedStatus == 'PASSED' ? student.semesterPercentage : '-'}}</td>
                            <td style="text-align:left;padding-left:5px;">OVERALL GRADE : {{student.semesterGrade}}</th>
                            <td style="text-align:left;padding-left:5px;">TOTAL CREDITS OBTAINED : {{student.semesterCredit}}</th>
                            <td style="text-align:left;padding-left:5px;">SGPA : {{student.failedStatus == 'FAILED' ? '-': student.semesterSgpa}}</th>
                            <td style="text-align:left;padding-left:5px;">CGPA : {{student.overallFailedStatus == 'FAILED' ? '-': student.semesterCgpa}}</th>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr class="no-border-tr marks-card-body">
                <td class='note bold'>
                    AB: Absent. SGPA: Semester Grade Point Average. RA: Reappear. The aggregate minimum for pass in each paper is 40% with a minimum of 35% in End Semester
                    Examination. <td>
                 
            </tr>
            <tr class="date no-border-tr">
               <td class='' style="width:33%;text-align:left;padding-top:20px;"><b>Date of Issue: </b>{{data.displayContentOptions.markListDate}}</td>
            </tr>
            <tr class="no-border-tr">
                <td class='' style="width:33%;text-align:left;padding-top:5px;"><b>College Address: </b> #31/1, Kadusonappanahalli, Kannur Po, Hennur Bagalur Road, Bengaluru – 560077</td>
            </tr>
        
        </table>
    </div>
{% endfor %}
