{# Template For SJCC Collage
 #}
<link href='http://fonts.googleapis.com/css?family=Book+Antiqua' rel='stylesheet' type='text/css'>
<style>
    td, th { padding: 5px; }
    body{
        font-family: \"Times New Roman\", Times, serif;
        font-weight: 400 !important;
        color: #000 !important;
    }
    .no-border {
        border-style: none !important;
        border-top:1px solid #fff !important;
        border-bottom:1px solid #fff !important;
        border-left:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }
    .slant
    {
        margin: 0px 0px;
        width: 65px;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg) translateX(-30%);
    } 
    .border {
        border-style: solid; 
        border-width: 1px;
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
        border-left:1px solid #000 !important;
        border-right:1px solid #000 !important;
    }
    .border-l-0 {
        border-left:none !important;
    }
    .border-r-0 {
        border-right:none !important;
    }
    .border-t{
        border-top:1px solid #000 !important;
    }
    .border-t-b{
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
    }
    .pages {
        width: 100%;
        padding: 1cm;
        background: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        page-break-after: always;
    }  
    .single-page {
        position: relative;
        width: 100%;
        height : 297mm;
        page-break-after: always;
        font-family: 'book antiqua', Times, serif;
    }
    .subject-details tr th{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        text-align:center;
        background: none !important;
        padding: 0px !important;
       
    }
    .subject-details tr td{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        text-align:center;
        font-size:13px;
    }
    .subject-details tr:last-child {
        border-bottom: 1px solid #000;
    }
    .student-details tr td,tr th{
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    
    }
    .collage-header tr{
        height:7mm !important;
    }
    .secondary-table tr td{
        padding: 2mm;
        line-height:15px !important;
        height:6mm !important;
        border:none;
        text-align:center;
        vertical-align:middle !important;
    }
    .college-name-header {
		font-size: 20px;
		font-weight: bold;
		vertical-align: top;
    	line-height: 20mm;
	}
    .thPadding{
		padding:4px;
	}
    .barcodeDiv {
        width:5.25cm; 
        line-height:2cm; 
        vertical-align:middle !important; 
        text-align: center;
        margin:1.5mm 0;
        font-family: Arial;
    }
    .barcodeDiv > div { margin: auto; }
</style>
{% for student in data.studentData %}
    {% if student.isResultBlocked %}
        <div style='height:210mm!important;page-break-inside:avoid;display:flex;align-items:center;justify-content:center;' class='bg-image'>
            <div style='width:100%;text-align:center;' class='block-msg'>{{student.blockingMsg |raw}}</div>
        </div>
    {% else %}
        <div class="single-page" style=" no-border">
            <div class="subpage">
                {% set trcolSpan =  14 %}
                {% set subjectLen =  student.subjects|length %}
                <div style="height:60px;width:100%;clear:both;"></div>
                <table style = 'margin:15px auto; text-align:center;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0' class='collage-header'>
                    <thead>
                        {% if data.displayContentOptions.collegeHeaderAndLogoFlag == '1' %}
                            <tr>
                                <td>
                                </td>
                                <td>
                                    <div style = 'width:100%;line-height:25px;'>
                                       
                                    </div>	
                                </td>
                                <td >
                                    <img style = 'margin-top:25px; width:115px; height:115px; float: right;' src = '{{student.myImage}}'>
                                </td>
                            </tr>
                        {% endif %}
                         <tr>
                            <td>
                                <div style="text-align: left">
                                    {{ student.barcodeObj|raw }}
                                </div>
                            </td>
                            <td>
                                <div style = 'width:100%;line-height:25px;'>
                                </div>	
                            </td>
                            <td >
                                <div style = 'width:110px;vertical-align:top;text-align:left;color:red;font-size:14px; float: right'>No : {{student.slNo}}</div>
                            </td>
                        </tr>
                    </thead>
                </table>
                <table style = 'margin:10px auto; text-align:center;width: 100%;font-size:16px;' cellpadding='0' cellspacing='0' border='0'>
                    <tr>
                        <td colspan='3' height='30'>
                            <div style='width:60%;text-align:left;float:left;display:block;'>
                            </div>
                            <div style = 'width:40%;text-align:right;float:right;'>
                                <span style='width:50%;text-align:left;float:left;'>ABC ID</span>
                                <span style='width:6%;text-align:left;float:left;'> : </span>
                                <span style='width:44%;text-align:left;float:left;'>  {{ student.abcId }}</span>
                            </div>
                        </td>
                    </tr>
                     <tr>
                        <td colspan='3' height='30'>
                            <div style='width:60%;text-align:left;float:left;display:block;'>
                                <span style='width:25%;text-align:left;float:left;'>Degree</span>
                                <span style='width:5%;text-align:left;float:left;'> : </span>
                                <span style='width:70%;text-align:left;float:left;'>{{data.examRegistrationData.degreeName}}</span>
                            </div>
                            <div style = 'width:40%;text-align:right;float:right;'>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan='3' height='30'>
                            {% if student.specialization %}
                                <div style="width:60%;text-align:left;float:left;display:block;">
                                    <span style="width:25%;text-align:left;float:left;">Specialization</span>
                                    <span style="width:5%;text-align:left;float:left;"> : </span>
                                    <span style="width:70%;text-align:left;float:left;">{{ student.specialization }}</span>
                                </div>
                            {% endif %}

                            <div style = 'width:40%;text-align:right;float:right;'>
                                <span style='width:50%;text-align:left;float:left;'>Date</span>
                                <span style='width:6%;text-align:left;float:left;'> : </span>
                                <span style='width:44%;text-align:left;float:left;'>  {{ data.displayContentOptions.markListDate }}</span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan='3' height='30'>
                            <div style='width:60%;text-align:left;float:left;display:block;'>
                                <span style='width:25%;text-align:left;float:left;'>Semester</span>
                                <span style='width:5%;text-align:left;float:left;'> : </span>
                                <span style='width:70%;text-align:left;float:left;'>{{data.examRegistrationData.semInRomanLetter}}</span>
                            </div>	
                            <div style = 'width:40%;text-align:right;float:right;'>
                                <span style='width:50%;text-align:left;float:left;'>Month/Year of Exam</span>
                                <span style='width:6%;text-align:left;float:left;'> : </span>
                                <span style='width:44%;text-align:left;float:left;'>{{data.examRegistrationData.examMonthName}} {{data.examRegistrationData.examYear}}</span>
                            </div>				
                        </td>
                    </tr>
                    <tr>
                        <td colspan='3' height='30'>
                            <div style='width:60%;text-align:left;float:left;display:block;'>
                                <span style='width:25%;text-align:left;float:left;'>Name</span>
                                <span style='width:5%;text-align:left;float:left;'> : </span>
                                <span style='width:70%;text-align:left;float:left;'><b>{{student.name}}</b></span>
                            </div>
                            <div style = 'width:40%;text-align:right;float:right;'>
                                <span style='width:50%;text-align:left;float:left;'>Register Number</span>
                                <span style='width:6%;text-align:left;float:left;'> : </span>
                                <span style='width:44%;text-align:left;float:left;'><b>{{student.registerNo}}</b></span>
                            </div>
                        </td>
                    </tr>
                </table>
                <table class='subject-details' cellspacing="0" style="font-size:12px;font-family: 'book antiqua', Times, serif;border:1px solid #000; width:100%">
                    <thead>
                        <tr style='height:30px;font-size:12px;' class=''>
                            <th rowspan='2' width="10%" style="text-align:center;padding: 10px;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;" class='syllabusCode1'><text>Course / Activity Code </text></th>
                            <th rowspan='2' width="50%" style="text-align:center;text-transform:uppercase;font-weight:bold;font-size:12px;"><text>Courses</text></th>
                            <th rowspan='2' width="5%" style="text-align:center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;">
                                <svg width='5mm' height='26mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>Credits </text>
                                </svg>
                            </th>
                            <th width="5%" colspan="3" style="text-align:center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;"><text>Total Marks</text></th>
                            <th rowspan='2' width="5%" style="text-align:center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;">
                                <svg width='10mm' height='26mm'>
                                    <text transform='rotate(180)' y='-50%' x='-25%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>
                                    Grade</text>
                                    <text transform='rotate(180)' y='-50%' x='-75%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>
                                    Points</text>
                                </svg>
                            
                            </th>
                            <th rowspan='2' width="5%" style="text-align:center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;">
                                <svg width='5mm' height='26mm'>
                                    <text transform='rotate(180)' y='-50%' x='-50%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>Grade </text>
                                </svg>
                            </th>
                            <th rowspan='2' width="5%" style="text-align:center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;">
                                <svg width='10mm' height='26mm'>
                                    <text transform='rotate(180)' y='-50%' x='-25%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>
                                    Credits</text>
                                    <text transform='rotate(180)' y='-50%' x='-75%' style='writing-mode: tb;text-anchor: middle;font-size:12px;'>
                                    earned</text>
                                </svg>
                            </th>
                            <th rowspan='2' width="5%" style="font-size:12px;">
                                <text style = 'text-align: center;text-transform:uppercase;font-weight:bold;line-height:18px;font-size:12px;'>Credit Earned<br />X<br />Grade Points</text>
                            </th>
                        </tr>
                        
                        <tr style="font-size:12px;" class=''>
                            <th width="5%" style="font-size:12px;">
                                <div style = 'text-align: center;padding: 10px;font-weight:bold;font-size:12px;'>CIA <br />50</div>
                            </th>
                            <th width="5%" style="font-size:12px;">
                                <div style = 'text-align: center;padding: 10px;font-weight:bold;font-size:12px;'>ESE <br />50</div>
                            </th>
                            <th width="5%" style="font-size:12px;">
                                <div style = 'text-align: center;padding: 10px;font-weight:bold;font-size:12px;'>TOTAL <br />100</div>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% set slno = 0 %}
                        {% for subjectCat in student.subjectCategories %}
                            <tr style="height:15px;" class=''>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="vertical-align: top;padding:7px;text-align:left;"><b>{{subjectCat.categoryName}}</b></td>	
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                                <td class = 'removeTdBorder' style="text-align:center;vertical-align: top;padding:7px;"></td>
                            </tr>
                            {% for subject in subjectCat.subjects %}
                                <tr style="height:15px;" class=''>
                                    <td class="align-middle " style="">{{subject.code}}</td>
                                    <td class="align-middle " style = 'text-align:left;width: 35%;'>{{subject.name}}</td>
                                    <td class="align-middle text-center ">{{subject.credit}}</td>
                                    {% if subject.isInternal %}
                                        {% if subject.showOnlyGradeAndCredit %}
                                            <td class="align-middle text-center "></td>
                                        {% elseif subject.isInternalFailed == 'ABSENT'%}
                                            <td class="align-middle text-center" style='color:red;'>AB</td>
                                        {% elseif subject.isInternalFailed == 'MAL_PRACTICE'%}
                                            <td class="align-middle text-center" style='color:red;'>MAL</td>
                                        {% elseif subject.isInternalFailed == 'EXEMPTED'%}
                                            <td class="align-middle text-center" style='color:red;'>EX</td>
                                        {% else %}
                                            <td class="align-middle text-center ">{{subject.internalMark}}</td>
                                        {% endif %}
                                    {% else %}
                                        <td class="align-middle text-center ">{{ subject.showOnlyGradeAndCredit ? '' : '-'}}</td>
                                    {% endif %}
                                    {% if subject.isExternal %}
                                        {% if subject.showOnlyGradeAndCredit %}
                                            <td class="align-middle text-center "></td>
                                        {% elseif subject.attendanceStatus == 'ABSENT'%}
                                            <td class="align-middle text-center "style='color:red;'>AB</td>
                                        {% elseif subject.attendanceStatus == 'MAL_PRACTICE'%}
                                            <td class="align-middle text-center " style='color:red;'>MAL</td>
                                        {% elseif subject.isInternalFailed == 'EXEMPTED'%}
                                            <td class="align-middle text-center" style='color:red;'>EX</td>
                                        {% else %}
                                            <td class="align-middle text-center ">{{subject.externalMark}}</td>
                                        {% endif %}
                                    {% else %}
                                        <td class="align-middle text-center ">{{ subject.showOnlyGradeAndCredit ? '' : '-'}}</td>
                                    {% endif %}
                                    <td class="align-middle text-center " style="{{subject.markObtained == 'EX' ? 'color:red;' : ''}}">{{subject.showOnlyGradeAndCredit ? '' : subject.markObtained}}</td>
                                    <td class="align-middle text-center ">{{subject.showOnlyGradeAndCredit ? '' : subject.gradePoint}}</td>
                                    <td class="align-middle text-center ">{{subject.grade}}</td>
                                    <td class="align-middle text-center ">{{subject.failedStatus == 'FAILED' ? '-' : subject.credit}}</td>
                                    <td class="align-middle text-center ">{{subject.showOnlyGradeAndCredit ? '' : subject.creditGradePoint}}</td>
                                </tr>
                            {% endfor %}
                        {% endfor %}
                        <tr class='' >
                            <td class = ' '>
                                {# space below subjects #}
                                <div style="min-height: 200px">
                                    &nbsp;
                                </div>
                            </td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            <td class = ' '></td>
                            
                        </tr>
                        <tr style="height:15px;" class=''>
                            <td class="border-t" colspan = '2' style = 'padding:7px;text-align:center;'></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;text-align:center;'><b>{{student.semesterCredit}}</b></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;'></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;'></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;text-align:center;'><b>{{student.semesterMarkObtained}}</b></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;'></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;'></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;text-align:center;'><b>{{student.semesterCreditEarned}}</b></td>
                            <td class="border-t" colspan = '1' style = 'padding:7px;text-align:center;'><b>{{student.semesterCreditGradePoint}}</b></td>
                        </tr>
                        <tr style="height:15px;" class='' >
                            <td class="border-t-b" colspan = '10' style = 'padding:7px;text-align:left;'>Grand Total (in words) : <b> {{student.semesterMarkObtainedInWord}} Only </b></td>
                        </tr>
                        <tr style="height:15px;" class=''>  
                            <td colspan='2' style='padding:0;'>
                                <div style='width:49%;text-align:center;display:inline-block;border-right:1px solid #000;padding:7px 0;'>SGPA : <b>{{  student.failedStatus == 'FAILED' ? '-' : student.semesterSgpa}}</b></div>
                                <div style='width:49%;text-align:center;display:inline-block;'>Grade : <b>{{student.semesterGrade}}</b></div>
                            </td>
                            <td colspan='8'>
                                <div style='width:100%;text-align:center;'>Result : <b>{{student.semesterClass}}</b></div>
                            </td>   
                        </tr>
                    </tbody>
                </table>

                <table style = "margin:12px auto; text-align:center;width: 100%;font-size:16px;margin-top: 15px;width: 100%;font-family: 'book antiqua', Times, serif; " cellspacing="0">
                    <tbody>
                        {% if data.displayContentOptions.principalSignFlag == '1' or data.displayContentOptions.examControllerSignFlag == '1' or data.displayContentOptions.collegeSealFlag == '1' %}
                        <tr class="" style="">
                            <td style='width:33%; padding-top: 10px!important;' class="no-border">
                                <img src='{{student.studentSignature}}' style='width:115px;padding-left:10px;height:60px'/> <br/>
                                <b style='padding-left: 16px;padding-right: 1px;'><i style='font: size 16px;px;margin-top:10px'>Student Signature</i></b>
                            </td>
                            <td style='width:33%; padding-top: 10px!important;' class="no-border">
                                {% if data.displayContentOptions.examControllerNameFlag == '1' %}
                                    <br><br><br>
                                    <b style='padding-left: 16px;padding-right: 1px;'><i style='font-size:14px;margin-top:10px'>Controller of Examination</i></b>
                                {% endif %}
                            </td>
                            <td style='width:33%; padding-top: 10px!important;' class="no-border">
                                {% if data.displayContentOptions.principalSignFlag == '1' %}
                                    <img src='{{data.collegeAndOtherData.principalSign}}' style='width:115px;padding-left:10px;height:60px'/> <br/>
                                {% else %}
                                    <br/><br/><br/>
                                {% endif %}
                                {% if data.displayContentOptions.principalNameFlag == '1' %}
                                    <b style='padding-left: 16px;padding-right: 1px;'><i style='font-size:16px;margin-top:10px'>Principal</i></b>
                                {% endif %}
                            </td>
                        
                        </tr>
                                
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endif %}
{% endfor %}