{# Template For PG Students In SJCD Collagees  #}
<style>
     td, th { padding: 5px; }
     body{
        font-family: \"Times New Roman\", Times, serif; 
    }
    .border-0{
        border:1px solid #fff !important;
    }
    .border-trl-0{
        border-top:1px solid #fff !important;
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .border-rl-0{
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .border-b-0{
        border-bottom:1px solid #fff !important;
        border-top:1px solid #000 !important;
    }
    .border-t-0{
        border-top:1px solid #fff !important;
        border-bottom:1px solid #000 !important;
    }
    .noborder-r-0{
       border-right-style: none;
    }
    .border-bt-0{
        border-bottom:1px solid #fff !important;
        border-top:1px solid #fff !important;
    }
    .markTab{
        width:100%;
        margin:4px auto 20px auto;
        font-size: 16px;
        padding:0;
        text-align:center;
        border-collapse: collapse;
    }
    .markTab td{
        margin: 0;
        font-size: 16px;
        padding:3px;
        color: #000;
        text-align: center;
        border-collapse: collapse;
    }
    .rotate{
        position: absolute;
        top: 52px;
        left: -42px;
        width: 120px;
        text-align:center;
        line-height: 13px;
        font-size: 14px;
        white-space: nowrap;
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform-origin: center center;
        -webkit-transform-origin: center center;
    }
    .vertical-header-cell{
        position: relative;
        height: 120px;
        width: 36px;
        min-width: 36px;
        padding: 0 !important;
        vertical-align: middle;
        overflow: visible;
    }
    .vertical-rotate-box{
        display: block;
        position: relative;
        width: 36px;
        height: 120px;
        margin: 0 auto;
        overflow: visible;
    }
    .register-header-cell{
        position: relative;
        height: 120px;
        width: 80px;
        min-width: 80px;
        padding: 0 !important;
        vertical-align: middle;
        overflow: visible;
    }
    .register-rotate-box{
        display: block;
        position: relative;
        width: 80px;
        height: 120px;
        margin: 0 auto;
        overflow: visible;
    }
    .register-rotate{
        position: absolute;
        top: 34px;
        left: 0;
        width: 80px;
        text-align:center;
        line-height: 18px;
        white-space: normal;
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform-origin: center center;
        -webkit-transform-origin: center center;
    }
    .celldiv{
        width:100%;
        height: auto;
        float: none;
        margin: 0px auto;
        text-align: center;
        /*border: 1px solid #000;*/
        border-collapse: collapse;
        display: block;
    }
    .cellspan_left{
        float: left;
    }
    .cellspan_right{
        float: left;
    }
    .cellspan_left, .cellspan_right{
        width:50%;
        height: auto;				
        /*border:1px solid #000;*/
        padding: 5px 0;				
        border-collapse: collapse;
        display: block;
    }
    .subject-header-cell{
        position: relative;
        height: 70px;
        width: 18px;
        min-width: 18px;
        padding: 0 !important;
        vertical-align: middle;
        overflow: visible;
    }
    .subject-rotate-box{
        display: block;
        position: relative;
        width: 18px;
        height: 70px;
        margin: 0 auto;
        overflow: visible;
    }
    .subject-rotate{
        position: absolute;
        top: 28px;
        left: -23px;
        width: 64px;
        text-align:center;
        line-height: 10px;
        font-size: 10px;
        white-space: nowrap;
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform-origin: center center;
        -webkit-transform-origin: center center;
    }
    .summary-main-header-cell{
        height: 120px;
        width: 28px;
        min-width: 28px;
        padding: 0 !important;
        vertical-align: middle;
    }
    .summary-header-svg{
        display: block;
        width: 28px;
        height: 120px;
        margin: 0 auto;
    }
    .summary-header-svg text{
        font-family: "Times New Roman", Times, serif;
        font-size: 10px;
        font-weight: bold;
    }
    .credit-calc-table{
        width:92%;
        border:1px solid #000;
        border-collapse: collapse;
        margin: 0 0 0 auto;
        font-size: 13px;
        line-height: 16px;
    }
    .credit-calc-table td{
        border:1px solid #000 !important;
        padding:2px 5px;
        text-align:center;
        font-size: 13px;
        line-height: 16px;
    }
    .tr-meta-table{
        width:100%;
        margin:0 0 2px 0;
        border-collapse: collapse;
    }
    .tr-meta-table > tbody > tr > td,
    .tr-meta-table > tr > td{
        border:0 none !important;
        padding:0;
        vertical-align:bottom;
    }
    .tr-meta-details-cell{
        width:78%;
    }
    .tr-meta-credit-cell{
        width:22%;
    }
    .tr-details-table{
        width:100%;
        margin:0;
        font-size: 14px;
        border-collapse: collapse;
    }
    .tr-details-table td{
        text-align:left;
        padding:2px 0;
        font-size: 14px;
        line-height: 18px;
    }
    .report-header-table{
        width:100%;
        margin: 0 auto 8px auto;
        border-collapse: collapse;
    }
    .report-header-table > tbody > tr > td,
    .report-header-table > tr > td{
        padding:2px 0;
        border:0 none !important;
        vertical-align:top;
    }
    .report-title-cell{
        width:56%;
        text-align:center;
    }
    .report-header-image-cell{
        width:100%;
        text-align:center;
    }
    .report-side-cell{
        width:22%;
    }
    .college-header{
        height:40mm !important;
        width:auto;
        display:block;
        margin:0 auto;
    }
    .report-college-name{
        display:block;
        text-align:center;
        font-size: 18px;
    }
    .report-college-address{
        display:block;
        text-align:center;
        font-size: 14px;
    }
    .report-exam-title{
        display:block;
        text-align:center;
        font-size: 14px;
        line-height: 18px;
    }
    .report-main-title{
        font-size: 18px;
        line-height: 22px;
    }
    .signature-footer-table{
        width:100%;
        margin:70px 0 0 0;
        border-collapse: collapse;
        font-size: 13px;
    }
    .signature-footer-table td{
        width:25%;
        border:0 none !important;
        padding:0;
        text-align:center;
        font-size: 13px;
    }
    
</style>
    <div class="page" style="width:100%;">
    
    {% set subjectLen =  data.examRegistrationData.subjects|length   %}
    {% set semesterLen =  data.examRegistrationData.semesters|length   %}
    {% set subjectColSpan =   subjectLen * 9 %}
    {% set trcolSpan =  subjectColSpan + 8 + semesterLen  %}
    {% set colspan = trcolSpan %}
    {% set widthtr =  80 / subjectLen %}
    {% set extraColspan =  colspan - 4 %}
    <table class="report-header-table" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="3" class="report-header-image-cell">
                <img src="{{data.collegeData.collegeHeader}}" class="college-header">
            </td>
        </tr>
        <tr>
            <td class="report-side-cell">&nbsp;</td>
            <td class="report-title-cell">
                <b class="report-exam-title report-main-title">PROGRAMME : {{data.examRegistrationData.programName}} </b>
            </td>
            <td class="report-side-cell">&nbsp;</td>
        </tr>
        <tr>
            <td class="report-side-cell">&nbsp;</td>
            <td class="report-title-cell">
                <b class="report-exam-title report-main-title">{{data.examRegistrationData.name}} </b>
            </td>
            <td class="report-side-cell">&nbsp;</td>
        </tr>
    </table>
    <table class="tr-meta-table" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td class="tr-meta-details-cell">
                <table class="tr-details-table" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <b>Month &amp; Year of Examination : </b>
                            <b style="text-transform:uppercase">{{data.examRegistrationData.examMonthName}} {{data.examRegistrationData.examYear}}</b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Board Meeting Held on : </b>
                            <b>{{data.examRegistrationData.boardMeatingDate}}</b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Result Published on : </b>
                            <b>{{data.examRegistrationData.resultPublishDate}}</b>
                        </td>
                    </tr>
                     <tr>
                        <td>

                        </td>
                    </tr>
                </table>
            </td>
            <td class="tr-meta-credit-cell">
                <table class="credit-calc-table" cellpadding="0" cellspacing="0">
                    <tr><td><b>Credit Point Calculation</b></td></tr>
                    <tr><td><b>ExtWt = (Ewgp)*4</b></td></tr>
                    <tr><td><b>Wgpa = (ExtWt+Iwgpa)/5</b></td></tr>
                    <tr><td><b>Crpt = Wgpa* Credit</b></td></tr>
                    <tr><td><b>Minimum Wgpa - 2(C)</b></td></tr>
                    <tr><td><b>Minimum SGPA - 2(C)</b></td></tr>
                </table>
            </td>
        </tr>
    </table>
    <table class="markTab" border="1" cellpadding="0" cellspacing="0" style = "">
        <thead>
            <tr>
                <th rowspan="4" class='text-center bold vertical-header-cell' data-a-h='center' data-a-v='middle'><div class="vertical-rotate-box"><div class="rotate">Sl.No</div></div></th>
                <th rowspan="4"class='text-center bold register-header-cell' data-a-h='center' data-a-v='middle'><div class="register-rotate-box"><div class="register-rotate">Register </br> No / </br>Name</div></div></th>
                {% for subject in data.examRegistrationData.subjects %}
                    <th colspan="9" width='{{widthtr}}'  class='text-center' data-a-h='center' data-a-v='middle'>{{subject.code}}</th>
                {% endfor %}
                {% set semIndication = data.examRegistrationData.semInSemNumber == 1 ? 'st' : (data.examRegistrationData.semInSemNumber == 2 ? 'nd' : (data.examRegistrationData.semInSemNumber == 3 ? 'rd' : 'th')) %}
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">Total Credit Points</text></svg></th>
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">SGPA {{data.examRegistrationData.semInSemNumber}}{{semIndication}} Sem</text></svg></th>
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">Grade</text></svg></th>
                {% for semester in data.examRegistrationData.semesters %}
                    {% set semIndication = semester.semInSemNumber == 1 ? 'st' : (semester.semInSemNumber == 2 ? 'nd' : (semester.semInSemNumber == 3 ? 'rd' : 'th')) %}
                    <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">SGPA {{semester.semInSemNumber}}{{semIndication}} Sem</text></svg></th>
                {% endfor %}
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">CGPA</text></svg></th>
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">Grade</text></svg></th>
                <th rowspan="4" class='text-center bold summary-main-header-cell' data-a-h='center' data-a-v='middle'><svg class="summary-header-svg" viewBox="0 0 28 120"><text x="14" y="60" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 14 60)">Folio No.</text></svg></th>
            </tr>
             <tr>
                {% for subject in data.examRegistrationData.subjects %}
                    <th colspan="9" class='text-center ' data-a-h='center' data-a-v='middle'>{{subject.name}}</th>
                {% endfor %} 
            </tr>
            <tr>
                {% for subject in data.examRegistrationData.subjects %}
                    <th colspan="9" class='text-center ' data-a-h='center' data-a-v='middle'>Credit : {{subject.credit}}</th>
                {% endfor %} 
            </tr>
            <tr>
                {% for subject in data.examRegistrationData.subjects %}
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">Iwgpa</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">IGrade</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">Ewgp</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">EWCPA</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">E Grade</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">WGPA</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">Grade</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">CrPt</div></div></th>
                    <th class='text-center subject-header-cell' data-a-h='center' data-a-v='middle'><div class="subject-rotate-box"><div class="subject-rotate">Status</div></div></th>
                {% endfor %} 
            </tr>
        </thead>
        <tbody>
             {% set slno = 0 %}
            {% for student in data.studentData %}
            {% for academicTerm in student.academicTerms %}
                {% set slno = slno + 1 %}
                <tr>
                    <td class="align-middle text-center ">{{slno}}</td>
                    <td style="text-align:left;padding: 4px; ">{{student.registerNo}} <br/>{{student.name}} </td>
                    {% for subject in data.examRegistrationData.subjects %}
                        {% set isEntered = false %}
                        {% for studentSubject in academicTerm.subjects %}
                            {% if studentSubject.id == subject.id %}
                                <td>{{ studentSubject.isInternal ? studentSubject.internalGradePoint : '' }}</td>
                                <td>{{ studentSubject.isInternal ? studentSubject.internalGrade : '' }}</td>
                                {% if studentSubject.attendanceStatus == "PRESENT" %}
                                    <td>{{ studentSubject.externalGradePoint }}</td>
                                    <td>{{ studentSubject.externalMark }}</td>
                                    <td>{{ studentSubject.externalGrade }}</td>
                                {% elseif studentSubject.attendanceStatus == "MAL" or studentSubject.attendanceStatus == "MALPRACTICE" %}
                                    <td style="color:red;">MAL</td>
                                    <td style="color:red;">MAL</td>
                                    <td style="color:red;">MAL</td>
                                {% else %}
                                    <td style="color:red;">AB</td>
                                    <td style="color:red;">AB</td>
                                    <td style="color:red;">AB</td>
                                {% endif %}
                                <td>{{ studentSubject.gradePoint }}</td>
                                <td>{{ studentSubject.grade }}</td>
                                <td>{{ studentSubject.creditGradePoint }}</td>
                                <td>{{ studentSubject.failedStatus == 'FAILED' ? 'Fail' : 'Pass' }}</td>
                                {% set isEntered = true %}
                            {% endif %}
                        {% endfor %}
                        {% if isEntered == false %}
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                            <td>*</td>
                        {% endif %}
                    {% endfor %}
                    <td class="align-middle text-center">{{academicTerm.creditGradePoint}}</td>
                    {% if academicTerm.failedStatus == 'PASSED' %}
                        <td class="align-middle text-center">{{academicTerm.semesterSgpa}}</td>
                        <td class="align-middle text-center">{{academicTerm.semesterGrade}}</td>
                    {% else %}
                        <td> - </td>
                        <td> - </td>
                    {% endif %}
                    {% for semester in data.examRegistrationData.semesters %}
                        {% set isEntered = false %}
                        {% for otherAcademicTerm in student.otherAcademicTerms %}
                            {% if otherAcademicTerm.id == semester.id %}
                                <td class="text-center noborder-r-0">
                                    {% if otherAcademicTerm.failedStatus == "PASSED" %}
                                        {{ otherAcademicTerm.semesterSgpa }}
                                    {% else %}
                                        <span > - </span>
                                    {% endif %}
                                </td>
                                {% set isEntered = true %}
                            {% endif %}
                        {% endfor %}
                        {% if isEntered == false %}
                            <td class="text-center"> - </td>
                        {% endif %}
                    {% endfor %}
                    {% if student.failedStatus == 'PASSED' %}
                        <td class="align-middle text-center">{{student.cgpa}}</td>
                        <td class="align-middle text-center">{{student.grade}}</td>
                    {% else %}
                        <td> - </td>
                        <td> - </td>
                    {% endif %}
                        <td> {{student.folioNumber}} </td> {#  For Folio Number #}

                </tr>
            {% endfor %} 
            {% endfor %}
        </tbody>
    </table>
    <table class="signature-footer-table" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><b>Prepared by</b></td>
            <td><b>Checked by</b></td>
            <td><b>Controller of Examinations</b></td>
            <td><b>Principal</b></td>
        </tr>
    </table>
</div>
