{# 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>
    .border-2px tr td,.border-2px tr th{
        border: 2px solid #000; 
    }
     /* 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: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;
    }

	.heading { font-weight: bold; }
	.footer-class { font-size: 16px; text-align: center;}
	.top { transform:rotate(270deg) translateX(10%); }
	.markdisplay tr.inner-tr:last-child td { border-top: 0; }  
     .single-page {
        position: relative;
        width: 100%;
        height : auto;
        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;
        }
    }
    
</style>
{% for student in data.studentData %}
    <div  class="single-page {{ data.displayContentOptions.isBorderEnabled ? 'with-borders' : 'without-borders' }}" style=" border:1px solid #000; padding: 0; ">
        {% set trcolSpan =  7 %}
        <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 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 style = 'text-decoration:underline;'><b>{{data.displayContentOptions.regularMarkCardTitle}}</b></h4>
                        </div>
                    {% else %}
                        <div style="width:67%;margin:5px auto;text-align:center;">
                            <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; font-weight:bold; text-decoration: underline;">
                            Examination Result 
                        </span>
                    </div>
                   
                    <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:1px solid #000 !important; font-size:16px; padding: 20px 0px;">
                 <hr style="border-top: 1px solid #000;"></hr>
                    <span style="margin-left:20px; padding: 10px;">Programme : {{data.examRegistrationData.programName}}</span>
                    {% if data.displayContentOptions.enableDateFlag == '1' %}
                        <span style="float:right; margin-right:23px; white-space:nowrap; font-size:14px;">
                            {% 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-top:1px solid #000 !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: 6px; 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>
                            {% if not data.displayContentOptions.changeResultSheetDateAsTrDateAndAddFooterInBottom %}
                                <tr>
                                    <td colspan = '8' style="text-align:center;padding-top: 5px;padding-bottom: 5px;border-top-style: hidden;font-size:15px;"><b>Class :  {{student.failedStatus == 'FAILED' ? '-': student.semesterClass}}</b></td>
                                </tr>
                            {% endif %}
                        </table>
                    </td>
                {% endif %}
            </tr>
            
            {% 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 >
                        <br>
                        <table class='footer-class no-border-table' border-top="2px solid #000" 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.isStudentSideExamResult %}
                <tr class="no-border-tr">
                    <td style="text-align:left;padding-left:5px;padding-right:5px;">
                        <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 %}