{# Template For SCMS OFFLINE NEW FORMAT
Changes : No show percentage in each subject
            Show semester grade and SGPA #}
<link href='https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap' rel='stylesheet'>

<style scoped>
	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:14px; 
        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;
    }
    .no-border-right {
        border-right:1px solid #000 !important;
    }
	.heading { font-weight: bold; }
	.footer-class { font-size: 14px; text-align: left; margin-top:60px !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%;
        page-break-after: always;
    }
    .print-footer {
        position: absolute;
        bottom: 3cm;
        width: 100%;
    }
    body{
        font-family: \"Times New Roman\", Times, serif; 
    }
    @media print {
        .pages {
            font-family:"Times New Roman", Times, serif;
        }
        .pageBreak {
            clear: both;
            page-break-after: always;
        }
     }
    .pages{
        font-family:"Times New Roman", Times, serif;
        page-break-after: always;
    }
</style>
{% for student in data.studentData %}
    <div class="single-page" style=" border">
        {% set trcolSpan =  7 %}
        <table id='markTable' style=" margin:0 auto; text-align:center;width: 100%; font-size:12px;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' %}
                     <div style="text-align:center;">
                        <div style="width:100%; text-align:left;  margin-bottom: -90px; margin-left:1%"> 
                            <img style='height:25mm !important; width:25mm;' src="{{data.collegeAndOtherData.collageLogo}}" class="college-header">
                        </div>
                        <span style="font-size:19pt"><b>SCMS COCHIN SCHOOL OF BUSINESS</b></span><br>
                        <span style="font-size:13pt"><b>Prathap Nagar, Muttom, Aluva - 683 106</b></span><br>
                    </div>
                    {% endif %}
                   
                    <div style='width:100%;padding-top: 25px;text-align:center;'>
                        <span style="font-size:12pt;">
                            <b>POST GRADUATE DIPLOMA IN MANAGEMENT <br> TwoYear Full Time (Equivalent to M.B.A.)</b>
                        </span>
                    </div>
                    {# <hr /> #}
                </td>
            </tr>
            <tr class="no-border-tr">
                <td style="text-align:center;  border-bottom:1px solid #fff !important;">
                    <table cellpadding="1" cellspacing="0" border="0" class="student-name no-border-table" style="" >
                        <tr>
                            <td style="text-align:left;">
                                <span style="margin-top:23px; font-size:15px; font-weight:bold;">Reg. No : {{student.registerNo}}</span>
                            </td>
                            <td style="text-align:right;">
                                <span style="margin-top:23px; font-size:15px; font-weight:bold;">Period of Study: {{data.examRegistrationData.batchStartYear}}-{{data.examRegistrationData.batchEndYear}}</span></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr class="no-border-tr">
                <td style="text-align:center;  border-bottom:1px solid #fff !important;">
                    <table cellpadding="1" cellspacing="0" border="0" class="student-name no-border-table" style="margin-top: -25px; margin-bottom: -25px;" >
                        <tr>
                            <td style="text-align:left;">
                                <span style="margin-top:5px; font-size:15px; font-weight:bold;">Name: {{student.name | upper}}</span></td>
                            <td style="text-align:right;">
                        </tr>
                    </table>
                </td>
            </tr>

            <tr class="no-border-tr">
                <td  style='text-align:left;height:30px;font-weight:bold;' >
                    <div style="width:67%;margin:5px auto;text-align:center;">
                         <span style=" font-size:12pt;"><b>Grade Sheet</b></span>
                    </div>
                    <span style="margin-left:25px;"></span>
                </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="border-bottom:1px solid #fff !important;">
                        <table class="markdisplay" cellpadding="0" cellspacing="0" border="0" align="left" style="font-size:14px; width:100% !important">
                            <tr style="height:60px;" class='heading'>
                                {% if not data.examRegistrationData.hideDcp %}
                                    <th width='40%' style="text-align:center;" class='no-border-right'>Courses</th>
                                {% else %}
                                    <th width='50%' style="text-align:center;" class='no-border-right'>Courses</th>
                                {% endif %}
                                <th width='10%' class='no-border-right' ><div style = 'text-align: center;padding: 3px;'>Internal Marks</div></th>
                                <th width='10%' class='no-border-right' ><div style = 'text-align: center;padding: 3px;'>External Marks</div></th>
                                <th width='10%' class='no-border-right' ><div style = 'text-align: center;padding: 3px;'>Credits</div></th>
                                <th width='10%' class='no-border-right' ><div style = 'text-align: center;padding: 3px;'>Grade Point</div></th>
                                <th width='10%' class='no-border-right' ><div style = 'text-align: center;padding: 3px;'>Grade</div></th>
                                {% if not data.examRegistrationData.hideDcp %}
                                    <th width='10%'><div style = 'text-align: center;padding: 3px;'>DCP</div></th>
                                {% endif %}
                            </tr>
                            {% set slno = 0 %}
                            <tr style="height:30px;" class='inner-tr'>
                                <td class="align-middle no-border-right" style=" text-align:left; vertical-align: middle;"><b> &nbsp; TERM {{data.examRegistrationData.semInRomanLetter }} </b></td>
                                <td class="align-middle text-center  no-border-right"></td>
                                <td class="align-middle text-center  no-border-right"></td>
                                <td class="align-middle text-center  no-border-right"></td>
                                <td class="align-middle text-center  no-border-right"></td>
                                <td class="align-middle text-center  no-border-right"></td>
                                {% if not data.examRegistrationData.hideDcp %}
                                    <td class="align-middle text-center  "></td>
                                {% endif %}
                            </tr>
                            {% for subject in student.subjects %}
                                {% set grade = subject.grade %}
                                <tr style="height:30px;" class='inner-tr'>
                                    <td class="align-middle no-border-right" style=" text-align:left; vertical-align: middle;"> &nbsp; {{subject.name |raw}}</td>
                                    <td class="align-middle text-center  no-border-right">{{subject.excludeSubjectFromTotal == "1" ? "-" :subject.internalMark}}</td>
                                    <td class="align-middle text-center  no-border-right">{{subject.excludeSubjectFromTotal == "1" ? "-" :subject.externalMark}}</td>
                                    <td class="align-middle text-center  no-border-right">{{subject.excludeSubjectFromTotal == "1" ? "-" :subject.credit}}</td>
                                    <td class="align-middle text-center  no-border-right">{{subject.excludeSubjectFromTotal == "1" ? "-" :subject.gradePoint}}</td>
                                    <td class="align-middle text-center  no-border-right">{{subject.excludeSubjectFromTotal == "1" ? "-" : grade }}</td>
                                    {% if not data.examRegistrationData.hideDcp %}
                                        <td class="align-middle text-center  ">{{subject.dcp}} </td>
                                    {% endif %}

                                </tr>
                            {% endfor %}
                        </table>
                    </tr>
                    <tr class="no-border-tr">
                            <table cellpadding="0" cellspacing="0" border="0" style="width:100%;margin:0 auto; text-align:center; font-size:15px;" class="no-border-table">
                                <tr style="height:30px;" >
                                    <td  style="width:20%;text-align:left;"><b style = 'padding-left: 8%;'>GPA - {{ student.semesterSgpa}}</b></td>
                                    
                                    <td  style="width:30%;text-align:left;padding:0 0 0 80px;"><b>CGPA - {{ student.semesterCgpa}}</b></td>
                                    <td  style="width:30%;text-align:right;"><b style = 'margin-right: 8%;'> </td>
                                </tr>
                            </table>
                    
                        {# <br/> #}
                    </td>
                {% endif %}
            </tr>
                <tr class="no-border-tr">
                    <td >
                        <table class='footer-class no-border-table' border="0" style='width:100%;font-size: 16px'>
                            <tr>
                                <td style='width:33%; text-align:left'>
                                    <span style='padding-left: 1px;padding-right: 1px;'>Date: {{ data.displayContentOptions.markListDate }}</span><br>
                                    <span style='padding-left:1px;padding-right: 1px;'>Checked:</span>
                                </td>
                                <td style='width:33%; text-align:left' >
                                        <br>
                                        Entered:
                                </td>
                                <td style='width:33%; text-align:right;padding-right:10mm;' >
                                    <b>Registrar</b>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
        </table>
    </div>
{% endfor %}