{# Template For PG Students In MES  STJOSEPH Collagees   
Changes : No show percentage in each subject
            Show semester grade and SGPA #}
<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>
    @font-face {
      font-family: 'Caladea';
      src: url('https://fonts.gstatic.com/s/caladea/v7/kJFTS2t0STgjw6dfmnYdfA.ttf') format('truetype');
    }
    #markTable{
      font-family: Caladea Times serif !important; /* caladea is an alternative font to cambria, looks the same */
    }
    .custom-h4{
      font-family: Caladea Times serif !important; /* one of the global css imports override the h4 tag to a default font */
    }
    .border-2px tr td,.border-2px tr th{
        border: 2px solid black; 
    }
     /* Border styles when isBorderEnabled is true */
    .with-borders {
        border: 1px solid #000 !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    .with-borders #markTable {
        border: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .with-borders .student-name tr:first-child td {
        border-top: 1px solid #000 !important;
        border-bottom: 1px solid #000 !important;
        border-right: 1px solid #fff !important;
        border-left: 1px solid #fff !important;
    }
    .with-borders .student-name tr:last-child td {
        border: none !important;
        border-right: 1px solid #fff !important;
        border-left: 1px solid #fff !important;
    }
    .with-borders .markdisplay {
        border-left: none !important;
        border-right: none !important;
    }
    .with-borders .markdisplay th,
    .with-borders .markdisplay td {
        border: 1px solid #000 !important;
    }
    .with-borders .markdisplay th:first-child,
    .with-borders .markdisplay td:first-child {
        border-left: none !important;
    }
    .with-borders .markdisplay th:last-child,
    .with-borders .markdisplay td:last-child {
        border-right: none !important;
    }
	table { 
        border-collapse: collapse;border-right-style: hidden;
        border-left-style: hidden; 
    }
	.markdisplay th, .markdisplay td { 
        border: 1px solid black; 
    }
    .student-name{
        width:100%; 
        height:50px; 
        font-size:13px; 
        text-align:left;
    }
    .no-border-table tr td{
        border-right:2px solid #fff !important;
        border-left:2px solid #fff !important;
        border-top:2px solid #fff !important;
        border-bottom:2px solid #fff !important;
    }
	.heading { font-weight: bold; }
	.footer-class { font-size: 16px; text-align: center; margin-top:100px !important;}
	.top { transform:rotate(270deg) translateX(10%); }
	.markdisplay tr.inner-tr:not(:last-child) td { border-bottom: 0; border-top: 0; }
	.markdisplay tr.inner-tr:last-child td { border-top: 0; }  
     .single-page {
        position: relative;
        width: 100%;
        height : 297mm;
        page-break-after: always;
    }
    .print-footer {
        position: absolute;
        bottom: 3cm;
        width: 100%;
    }
    @media print {
        .with-borders {
            border: 1px solid #000 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            margin: 0 auto !important;
            page-break-inside: avoid;
        }
        .with-borders .student-name tr:first-child td {
            border-top: 1px solid #000 !important;
            border-bottom: 1px solid #000 !important;
        }
    }
    
</style>
{% for student in data.studentData %}
    <div  class="single-page {{ data.displayContentOptions.isBorderEnabled ? 'with-borders' : 'without-borders' }}" style=" border">
        {% set trcolSpan =  7 %}
        <table id='markTable' style=" margin:0 auto; text-align:center;width: 100%; font-size:13px;border:1px solid #000;" cellpadding="0" cellspacing="0" border="0">
            <tr class="no-border-tr">
                <td style="height:auto; vertical-align:top; text-align:left;" >
                    {% if data.displayContentOptions.collegeHeaderAndLogoFlag == '1' %}
                        {% if data.displayContentOptions.isShowStudentImageInMarkCards %}
                                <table style="width: 100%;">
                                    <tr>
                                        <td style="text-align:center;">
                                            <img style='height:40mm !important; width:auto;' src="{{data.collegeAndOtherData.collegeHeader}}" class="college-header">
                                        </td>
                                        <td style="text-align:right; vertical-align:top;">
                                            <img width='100' height='110'   src='{{student.myImage}}'>
                                        </td>
                                    </tr>
                                </table>
                            {% else %}
                            <div style="text-align:center;">
                                <img style='height:40mm !important; width:auto;' src="{{data.collegeAndOtherData.collegeHeader}}" class="college-header">
                            </div>
                            {% endif %}
                    {% endif %}
                    {% if data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
                        <div style="width:67%;margin:5px auto; padding-top:40px; text-align:center;">
                            <h4 class="custom-h4" style = 'text-decoration:underline;'><b>{{data.displayContentOptions.regularMarkCardTitle}}</b></h4>
                        </div>
                    {% else %}
                        <div style="width:67%;margin:5px auto;text-align:center;">
                            <h4 class="custom-h4" style = 'text-decoration:underline;'><b>{{data.displayContentOptions.regularMarkCardTitle}}</b></h4>
                        </div>
                    {% endif %}
                   
                    <div style='width:78%;margin:5px auto;text-align:center;margin-left: 11%;'>
                        <span style="font-size:18px;">
                        {% if data.displayContentOptions.isShowExamRegistrationNameAsHeader %}
                                <b>{{data.examRegistrationData.name |upper}} </b>
                            {% else %}
                            {% if data.displayContentOptions.examinationNameFlag == '1' %}
                            <b>{{data.examRegistrationData.name}}</b>
                            {% else %}
                                  <b>{{data.examRegistrationData.semInFullName |upper}} SEMESTER {{student.degreeName }} REGULAR EXAMINATIONS - {{data.examRegistrationData.examMonthName |upper}} {{data.examRegistrationData.examYear}} </b>
                            {% endif %}
                         {% endif %}   
                        </span>
                    </div>
                    {# <hr /> #}
                </td>
            </tr>
            <tr class="no-border-tr">
                <td style="text-align:left; height:30px; font-weight:bold; border-bottom:2px solid #fff !important; font-size:16px;">
                    <span style="margin-left:25px;">Programme : {{data.examRegistrationData.programName}}</span>
                    {% if data.displayContentOptions.enableDateFlag == '1' %}
                        <span style="float:right; margin-right:25px; white-space:nowrap;">
                            {% if data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
                                Result Published Date : {{ data.displayContentOptions.resultPublishTrDate }}
                            {% else %}
                                Date : {{ data.displayContentOptions.markListDate }}
                            {% endif %}
                        </span>
                    {% endif %}
                </td>
            </tr>
            <tr class="no-border-tr">
                <td style="text-align:center; border-bottom:2px solid #fff !important;">
                    <table cellpadding="1" cellspacing="0" border="0" class="student-name no-border-table" style="width:100%;">
                        <tr>
                            <td style="text-align:left;">
                                <span style="margin:23px; font-size:16px; font-weight:bold;">Name: {{student.name | upper}}</span>
                            </td>
                            <td style="text-align:right;">
                                <span style="margin:23px; font-size:16px; font-weight:bold;">Register No : {{student.registerNo}}</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                {% if student.isResultBlocked %}
                    <td style="border-bottom:1px solid #fff !important;color:red" class="full-width pull-left text-center bold" >
                        {{student.blockingMsg |raw}}
                    </td>
                {% else %}
                    <td style="border-bottom:1px solid #fff !important;">
                        <table class="markdisplay" cellpadding="0" cellspacing="0" border="0" align="left" style="font-size:15px;">
                            <tr style="height:60px;" class='heading'>
                                <td width="25%" style="text-align:center;padding: 15px 10px; word-break: break-word; white-space: normal;">Course Code</td>
                                <td width="41%" style="text-align:center;padding: 15px 10px;">Title of Course</td> 
                                <td width="5%" style="text-align:center;padding: 15px 5px;">Credits</td>
                                <td width="7%" style="text-align:center;padding: 15px 5px;">External Grade</td>						
                                <td width="7%" style="text-align:center;padding: 15px 5px;">Internal Grade</td>
                                <td width="5%" style="text-align:center;padding: 15px 5px;">Total Grade</td>			
                                <td width="5%" style="text-align:center;padding: 15px 5px;">Credit Point</td>
                                <td width="5%" style="text-align:center;padding: 15px 5px;">Status</td>
                            </tr>
                            {% set slno = 0 %}
                            {% set firstAuditCourse = true %}
                            {% for subject in student.subjects %}
                                {% set grade = subject.grade %}
                                {% set externalGrade = subject.externalGrade %}
                                    {% if data.displayContentOptions.showGradAsAbsent and subject.attendanceStatus == "ABSENT" %}
                                        {% set grade = "AB" %}
                                        {% set externalGrade = "AB" %}
                                    {% endif %}
                            {% if ((subject.excludeSubjectFromTotal != "1" and not data.displayContentOptions.showExcludedSubjectForPgInIndividualMarksCard) or data.displayContentOptions.showExcludedSubjectForPgInIndividualMarksCard) %}
                                {% if data.displayContentOptions.showAuditCourseAsGrouped and subject.excludeSubjectFromTotal == "1"  %}
                                <tr style="height:35px;" class='inner-tr'>
                                    <td style="text-align:left; vertical-align: middle; padding: 6px; padding-right: 15px; word-break: break-word; white-space: normal; max-width: 120px;"> &nbsp; {{subject.code |raw}}</td>
                                    <td class="align-middle" style="text-align:left; vertical-align: middle; padding-left:15px; word-wrap: break-word;">{{subject.name |raw}}</td>
                                    <td style="text-align:center;padding: 6px;">{{subject.credit}}</td>
                                    <td colspan="5" style="text-align:center;padding: 6px;{{ firstAuditCourse ? ' border-top: 1px solid black;' : '' }}">{{subject.failedStatus == 'FAILED' ? 'FAILED' : 'PASSED'}}</td>
                                </tr>
                                {% set firstAuditCourse = false %}
                                {% else %}
                                <tr style="height:35px;" class='inner-tr'>
                                    <td style="text-align:left; vertical-align: middle; padding: 6px; padding-right: 15px; word-break: break-word; white-space: normal; max-width: 120px;"> &nbsp; {{subject.code |raw}}</td>
                                    <td class="align-middle" style="text-align:left; vertical-align: middle; padding-left:15px; word-wrap: break-word;">{{subject.name |raw}}</td>
                                    <td style="text-align:center;padding: 6px;">{{subject.credit}}</td>
                                    <td style="text-align:center;padding: 6px;">{{subject.isExternal ? externalGrade : '-'}}</td>
                                    <td style="text-align:center;padding: 6px;"> {{subject.isInternal ? subject.internalGrade : '-' }}</td>
                                    <td style="text-align:center;padding: 6px;">{{subject.failedStatus == 'FAILED' ? (data.displayContentOptions.showMarkAsHyphen == '1' ? '-' : grade) : grade}}</td>
                                    <td style="text-align:center;padding: 6px;">{{subject.failedStatus == 'FAILED' ? (data.displayContentOptions.showMarkAsHyphen == '1' ? '-' : subject.creditGradePoint) : subject.creditGradePoint}}</td>
                                    <td style="text-align:center;padding: 6px;"> {{subject.failedStatus == 'FAILED' ? 'F': 'P'}} </td>
                                </tr>
                                {% endif %}
                            {% endif %}
                            {% endfor %} 
                            <tr style="height:50px;" class="border">
                                <td style = 'text-align: center;padding: 10px;'>Total</td>
                                <td></td>
                                <td style = 'text-align: center;'>{{student.semesterCredit}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td style = 'text-align: center;'>{{student.creditGradePoint}}</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td colspan = '8' style="text-align:center;padding-top: 40px;font-size:15px;"><b style = 'font-size: 16px;'>Semester Grade Point Average &nbsp (SGPA {{data.examRegistrationData.semInRomanLetter}}) = : {{ student.failedStatus == 'FAILED' ? '-': student.semesterSgpa}}</b></td>
                            </tr>
                            <tr>
                                <td colspan = '8' style="text-align:center;padding-top: 5px;border-top-style: hidden;font-size:15px;    "><b>Letter Grade :  {{student.failedStatus == 'FAILED' ? '-': student.semesterGrade}}</b></td>
                            </tr>
                        </table>
                    </td>
                {% endif %}
            </tr>
            {% if data.examRegistrationData.passCriteria.overallPassCriteria and data.examRegistrationData.passCriteria.externalPassCriteria %}
            {% if data.displayContentOptions.footerFlag == '1' %}
            <tr class="no-border-tr">
                <td style="text-align:left;padding-left:5px;padding-right:5px;padding-top:5px;">
                For a pass in each course, {{data.examRegistrationData.passCriteria.overallPassCriteria}}% aggregate (internal and external put together) with a minimum of {{data.examRegistrationData.passCriteria.externalPassCriteria}}% in external or P grade is necessary
                </td>
            </tr>
            {% endif %}
            {% endif %}
            
            {% if data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
            <tr class="no-border-tr">
                <td style="text-align:left;padding:8px 5px; font-size:14px;"><div style="text-align:left; margin-bottom:5px; margin-left:10px;">Issued Date : {{ data.displayContentOptions.markListDate }}</div>
                </td>
            </tr>
            {% endif %}
            {% if not data.isStudentSideExamResult %}
                <tr class="no-border-tr">
                    <td >
                        <table class='footer-class no-border-table' border="0" style='width:100%;margin-top: 5%;'>
                            <tr style='display: flex; justify-content: space-between; align-items: flex-end;'>
                                <td style='width:33%; text-align: center;'>
                                    {% if data.displayContentOptions.principalSignFlag == '1' %}
                                        {% if data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
                                            <img src='{{data.collegeAndOtherData.principalSign}}' style='width:160px;height:60px;padding-left:10px;'/> 
                                        {% else %}
                                            <img src='{{data.collegeAndOtherData.principalSign}}' style='width:100px;height:40px;padding-left:10px;'/> 
                                        {% endif %}
                                        <br/>
                                    {% endif %}
                                    {% if data.displayContentOptions.principalNameFlag == '1' %}
                                        <b style='padding-left: 16px;padding-right: 1px;'>{{data.collegeAndOtherData.principalName}}</b>
                                    {% endif %}
                                    {% if data.displayContentOptions.principalLabelFlag == '1' %}
                                        </br><span style='padding-left: 16px;padding-right: 1px;'><b>Principal</b></span>
                                    {% endif %}
                                    {% if data.displayContentOptions.principalSealFlag == '1' %}
                                        <br> <img src='{{data.collegeAndOtherData.principalSeal}}' style='width:150px;height:70px;padding-left:10px;'/> 
                                    {% endif %}
                                </td>
                                <td style='width:33%; text-align: center;' >
                                    {% if data.displayContentOptions.collegeSealFlag == '1' %}
                                            <img src='{{data.collegeAndOtherData.collegeSeal}}' style='width:110px;height:auto;padding-left:10px;'/> 
                                    {% elseif data.displayContentOptions.collegeSealLabelFlag == '1' %}
                                        <br/>
                                        <br/>
                                        <br/>
                                        <b>Seal</b>
                                    {% endif %}
                                </td>
                                <td style='width:33%; text-align: center;' >
                                    {% if data.displayContentOptions.examControllerSignFlag == '1' %}
                                        {% if data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
                                            <img src='{{data.collegeAndOtherData.coeSign}}' style='width:160px;height:60px;padding-left:10px;'/>
                                        {% else %}
                                            <img src='{{data.collegeAndOtherData.coeSign}}' style='width:100px;height:40px;padding-left:10px;'/>
                                        {% endif %}                                        
                                        <br/>
                                    {% endif %}
                                    {% if data.displayContentOptions.examControllerNameFlag == '1' %}
                                        <b style='padding-left:6px;padding-right: 0px;'>{{data.collegeAndOtherData.examControllerName}}</b>
                                    {% endif %}
                                    {% if data.displayContentOptions.examControllerLabelFlag == '1' %}
                                        </br><span style='padding-left: 16px;padding-right: 1px;'><b>Controller of Examinations</b></span>
                                    {% endif %}
                                    {% if data.displayContentOptions.coeSealFlag == '1' %}
                                        <br><img src='{{data.collegeAndOtherData.coeSeal}}' style='width:150px;height:70px;padding-left:10px;'/> 
                                    {% endif %}
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            {% endif %}
            {% if data.displayContentOptions.disclaimerFlag == '1' or data.isStudentSideExamResult %}
                <tr>
                    <td style="text-align:left;padding-left:5px;padding-right:5px; padding-top: 30px">
                        <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.
                    </td>
                </tr>
            {% endif %}

        </table>
    </div>
{% endfor %}
