{# Template For UG Students In MES  STJOSEPH Collagees   
Changes : No show percentage in each subject
            Show semester grade and SGPA #}
<style>
  @font-face {
    font-family: 'Caladea';
    src: url('https://fonts.gstatic.com/s/caladea/v7/kJFTS2t0STgjw6dfmnYdfA.ttf') format('truetype');
  }
	.footer-class { font-size: 12px; text-align: center; margin-top:100px !important;}
    .pages {
        width: 100%;
        background: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        page-break-after: always;
        font-family: Caladea serif;
    }
    .pages-cnt-2 {
        width: 98%;
        padding-left: .3cm;
        padding-top: .5cm;
        background: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        page-break-after: always;
        font-family: Caladea serif;
    }
    .disclaimer {
      margin-top: 50px;
      width: 100%;
    }
    .content-area{
      position: relative;
    }
    .table-container{
        width:100%;
    }
    .markdisplay td,
    .markdisplay th {
        border: 1px solid #000 !important;
        border-collapse: collapse !important;
    }
    .markdisplay tr td:first-child,
    .markdisplay tr th:first-child {
        border-left: 1px solid #fff !important;
    }
</style>
  {% for student in data.studentData %}
  <div class="table-container">
    {% for academicTerm in student.academicTerms %}
        <div class="{{data.displayContentOptions.useWinPrint ? 'pages-cnt-2' : 'pages'}} content-area" style="no-border">
            {% set trcolSpan =  10 %}
            <table style='width:100%; font-size:12px; table-layout:fixed; margin:0 auto 0 autoborder="0"; text-align:center; border:1px solid #000; border-collapse: collapse !important;' cellpadding="0" cellspacing="0" border="0">
                    {% if data.displayContentOptions.enableCollegeBannerForSupply == '1' %}
                    <tr>
                        <td style=' padding:0 !important; margin:0 !important' width="100%">
                            <div style = 'width:100%; text-align:center; padding-top:10px !important'>
                                <img style = 'width: auto; height: 40mm;' src = '{{data.collegeAndOtherData.collegeHeader}}'>
                            </div>
                        </td>
                    </tr>
                    {% endif %}
                <tr>
                    <td style="text-align:center;height:30px;font-weight:bold;font-size: 14px;">{{data.examRegistrationData.name}}</td>
                </tr>
                {% if data.displayContentOptions.enableDateFlag == '1' %}
                    <tr><td style="text-align:right;height:40px;padding:0 25px 0 0;">Dated: {{ data.displayContentOptions.markListDate }}</td></tr>
                {% endif %}
                <tr>
                    <td style="text-align:left;height:40px;font-weight:bold; padding-left:25px;">
                       {{data.examRegistrationData.semInFullName}} Semester {{data.examRegistrationData.programName}}
                    </td>
                <tr>
                <tr>
                    <td style="text-align:center;height:100px;">
                        <table cellpadding="1" cellspacing="0" border="0" style="width:100%; height:50px; font-size:12px; text-align:left; border-top:1px solid #000; border-bottom:1px solid #000; border-collapse: collapse !important;">
                            <tr>
                                <td style="text-align:left;padding: 10px;">Name: <span style="margin:0; font-size:16px; font-weight:bold;"> {{student.name}}</span></td>
                                <td style="text-align:right;padding: 10px;">Register.No: <span style="margin:0; font-size:16px; font-weight:bold;">{{student.registerNo}}</span></td>
                                
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:right;height:30px;font-weight:bold;">{{academicTerm.registrationType}}</td>
                </tr>
                <tr>
                    <td>
                        <table class="markdisplay" cellpadding="0" cellspacing="0" width="100%" border="0" align="left" style="font-size:12px;padding-bottom:0px;margin-bottom: 7%;width:100%;border-collapse: collapse;">
                            <tr style="height:30px;" >					
                                <th width="10%" style="text-align:center;">Course Code</th>
                                <th width="50%" style="text-align:center;">Course Name</th>		
                                <th width="5%">
                                    <div style = 'text-align: center;padding: 10px;'>Grade Obtained</div>
                                </th>					
                                <th width="5%">
                                <div style = 'text-align: center;padding: 10px;'>Grade Point (G)</div>
                                </th>
                                <th width="5%">
                                    <div style = 'text-align: center;padding: 10px;'>Credit (C)</div>
                                </th>
                                <th width="5%">
                                    <div style = 'text-align: center;padding: 10px;'>Credit Point (C*G)</div>
                                </th>
                            </tr>
                            {% set slno = 0 %}
                            {% for subject in academicTerm.subjects %}
                                <tr style="height:35px;">
                                    <td style="text-align:left;padding-left:3px !important;"> {{subject.code}}</td>
                                    <td style="text-align:left;padding-left:3px !important;"> {{subject.name}}</td>
                                    <td style="text-align:center;">{{subject.grade}}</td>
                                    <td style="text-align:center;">{{subject.gradePoint|number_format(2, '.')}}</td>
                                    <td style="text-align:center;">{{subject.credit|number_format(2, '.')}}</td>
                                    <td style="text-align:center;">{{subject.creditGradePoint|number_format(2, '.')}}</td>
                                </tr>
                            {% endfor %}
                            <tr>
                                <td style = 'text-align: center;padding: 10px;'>Total</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td style = 'text-align: center;'> {{ student.failedStatus == 'PASSED' ? academicTerm.semesterCredit|number_format(2, '.') : '-'}} </td>
                                <td style = 'text-align: center;'>{{ student.failedStatus == 'PASSED' ? academicTerm.semesterCreditGradePoint|number_format(2, '.') : '-'}}</td>
                            </tr>
                            <tr>
                              <td colspan = '6' style="text-align:center;padding-top: 40px;font-size:14px;"><b>Semester Grade Point Average&nbsp;(SGPA {{data.examRegistrationData.semInRomanLetter}}) = : 
                                        {{student.failedStatus == 'PASSED' ? academicTerm.semesterSgpa|number_format(student.roundOff, '.') : '-'}}
                                    </b>
                                </td>
                            </tr>
                            <tr>
                                <td colspan = '6' style="text-align:center;border-top-style: hidden;font-size:14px;"><b>Letter Grade : {{academicTerm.semesterGrade}}</b></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                {% if data.displayContentOptions.principalSignFlag == '1' or data.displayContentOptions.examControllerSignFlag == '1' or data.displayContentOptions.collegeSealFlag == '1' %}
                <tr>
                    <td >
                        <table class='footer-class ' border="0" style='width:100%;margin-top: 5%;'>
                            <tr>
                                <td style='width:33%' >
                                    {% if data.displayContentOptions.examControllerSignFlag == '1' %}
                                        <img src='{{data.collegeAndOtherData.coeSign}}' style='width:92px;height:90px;margin-top:14px;'/> <br/>
                                    {% endif %}
                                    {% if data.displayContentOptions.examControllerNameFlag == '1' %}
                                        <b style='padding-left:6px;padding-right: 0px;padding-top:10px;'>{{data.collegeAndOtherData.examControllerName}}</b> <br>Controller of Examinations
                                    {% endif %}
                                </td>
                                <td style='width:33%' >
                                    {% if data.displayContentOptions.collegeSealFlag == '1' %}
                                        <img src='{{data.collegeAndOtherData.collegeSeal}}' style='width:110px;height:110px;padding-left:10px;'/> <br/>
                                    {% endif %}
                                </td>
                                <td style='width:33%'>
                                    {% if data.displayContentOptions.principalSignFlag == '1' %}
                                        <img src='{{data.collegeAndOtherData.principalSign}}' style='width:90px;height:90px;padding-left:10px;'/> <br/>
                                    {% endif %}
                                    {% if data.displayContentOptions.principalNameFlag == '1' %}
                                        <b style='padding-left: 16px;padding-right: 1px;padding-top:10px;'>{{data.collegeAndOtherData.principalName}}</b> <br>Principal
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <td style='widht:100%;text-align:left;' colspan = '3'>
                                    {% if data.displayContentOptions.disclaimerFlag == '1' or data.isStudentSideExamResult or data.displayContentOptions.enablePassPercentageNoteForSupply %}
                                    <div class="disclaimer">
                                        <b>Disclaimer:</b> The office of the Controller of Examinations is not responsible for any inadvertent error that may have crept in the information being published in the site. The details published are for immediate information of the candidate and cannot be treated as original documents. The final mark sheets issued by the college should only be treated as authentic and final.  
                                    </div>
                                    {% endif %}
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                {% endif %}
            </table>
        </div>
{% endfor %}
</div>
{% endfor %}