{# Template For CCM revaluation Memo    #}
<style>
    .slant{
		white-space: nowrap;
		margin: 60px -27px;
		width: 77px;
		padding: 5px;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg) translateX(-30%);
		display: inline-block;
	}
	table { 
        border-collapse: collapse;border-right-style: hidden;
        border-left-style: hidden; 
    }
    .markdisplay{
        border-right:1px solid #000 !important;
        border-left:1px solid #000 !important;
        border-top:1px solid #000 !important;
        border-bottom:1px solid #000 !important;
    }
    .student-name{
        width:100%; 
        height:50px; 
        font-size:12px; 
        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;
    }
	.heading { font-weight: bold; }
	.footer-class { font-size: 12px; text-align: center; margin-top:100px !important;}
	.top { transform:rotate(270deg) translateX(10%); }
	
    .pages {
        font-family: 'Times New Roman', serif;
        width: 100%;
        padding-right: .5cm;
        padding-left: .5cm;
        padding-top: .5cm;
        padding-bottom: .5cm;
        background: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        page-break-after: always;
    }
    
    
</style>
{% for student in data.studentData %}
    <div class="pages" style=" border">
        {% set trcolSpan =  2 %}
        <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 style=''>
                <td colspan="{{trcolSpan}}" style="height:auto; vertical-align:top; text-align:left;border-bottom:1px solid #fff !important; " >
                    <div style="width:67%;margin:5px auto;text-align:center;">
                        <div style='font-size:20px; margin-top:10px;'>OFFICE OF THE CONTROLLER OF EXAMINATIONS</div>
                    </div>
                    <div style="text-align:center;margin-top:10px">
                        <img id='college_logo' class = 'college_logo' src = '{{data.collegeAndOtherData.collageLogo}}' style = 'width: 85px; height: 115px;'>
                            <div align="center">
                            <div style='font-size:20px; margin-top:10px;'>{{data.collegeAndOtherData.collegeName}} </div>
                            <div>{{data.collegeAndOtherData.collegeAddress}}</div>
                            <div>{{data.collegeAndOtherData.collegeAddress2 |escape}}</div>
                           
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style='width:50%;height:15px;text-align:left;padding:0px 0px 0 25px; border-bottom:1px solid #fff !important;'  >
                    <div style="text-align:left;font-size:16px;"> No : {{ student.memoNumber}}</div>
                </td>
                <td style='width:50%;height:15px;text-align:right;padding:0px 25px 0 0px; border-bottom:1px solid #fff !important;'  >  
                    <div style="text-align:right;font-size:16px; "> Date : {{ data.displayContentOptions.markListDate }}</div>
                </td>
            </tr>
            <tr >
                <td colspan="{{trcolSpan}}" style="padding:30px 0 0 0; height:auto; vertical-align:top;border-bottom:1px solid #fff !important; text-align:center;" >
                    <div style='font-size:20px; margin-top:10px;'>REVALUATION RESULT MEMO</div>
                </td>
            </tr>
            <tr >
                <td colspan="{{trcolSpan}}" style="padding:50px 25px 0 25px; text-align:left;border-bottom:1px solid #fff !important; " >
                   <div style='font-size:18px; margin-top:10px;line-height: 1.6;text-align: justify;text-justify: inter-word;'>
                        With reference to the application for Revaluation dated 
                        {{ student.memoDate}}, &nbsp;{{ student.name }} with Register No. {{ student.registerNo }}  is hereby informed that the following is the result of the 
                        Revaluation of answer papers of {{data.examRegistrationData.parentExamRegistrationName}}. 
                   
                   </div>
                </td>
            </tr>

            <tr>
                <td colspan="{{trcolSpan}}" style="border-bottom:1px solid #fff !important;padding:50px 25px 25px 25px;">
                    <table class="markdisplay" cellpadding="0" cellspacing="0" border="1" align="left" style="font-size:14px;width:100%;">
                        <tr style="height:60px;" class='heading'>
                            <th width='5%' style="text-align:center;padding: 3px;">Sl. No.</th>
                            <th width='20%' style="text-align:center;padding: 10px;">Course Code</th>
                            <th width='55%' style="text-align:center;">Course Name</th>
                            <th width='10%' style="text-align:center;padding: 3px;">Obtained Regular Mark</th>
                            <th width='10%' style="text-align:center;padding: 3px;">Obtained Revaluation Mark</th>
                        </tr>
                        {% set slno = 0 %}
                        {% for subject in student.subjects %}
                            <tr style="height:35px;" class='inner-tr'>
                            {% set slno = slno + 1 %}
                                <td class="align-middle" style=" text-align:center; vertical-align: middle;"> &nbsp; {{slno |raw}}</td>
                                <td class="align-middle" style=" text-align:center; vertical-align: middle;"> &nbsp; {{subject.code |raw}}</td>
                                <td class="align-middle" style=" text-align:left; vertical-align: middle;"> &nbsp; {{subject.name |raw}}</td>
                                <td class="align-middle" style=" text-align:center; vertical-align: middle;"> &nbsp; {{subject.externalMarkObtainedInExamUpdated |number_format(2, '.', ',')}}</td>
                                <td class="align-middle" style=" text-align:center; vertical-align: middle;"> &nbsp; {% if subject.revaluationMarkUpdated is not null %}{{subject.revaluationMarkUpdated |number_format(2, '.', ',')}}{% endif %}</td>
                            </tr>
                        {% endfor %}
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="{{trcolSpan}}" style="padding:10px 25px 40px 25px;">
                   <ul>
                        <li>
                            <div style="text-align:left;font-size:16px; "> The above marks are before effecting moderation/ grace marks, if any.</div>
                        </li>
                   </ul>
                </td>
            </tr>
            <tr>
                <td colspan="{{trcolSpan}}" style="padding:10px 25px 40px 25px;">
                    <table class='footer-class no-border-table' border="0" style='width:100%;margin-top: 5%;'>
                        <tr>
                            <td style='width:37%'>
                                <img src='{{data.collegeAndOtherData.principalSign}}' style='width:100px;height:40px;padding-left:10px;'/> <br/>
                                <b style='padding-left: 16px;padding-right: 1px;'>{{data.collegeAndOtherData.principalName}}</b> <br>{{data.collegeAndOtherData.principalVar}}
                            </td>
                            <td style='width:31%' >
                                <img src='{{data.collegeAndOtherData.collegeSeal}}' style='width:120px;height:90px;padding-left:10px;'/> <br/>
                                Seal
                            </td>
                            <td style='width:33%' >
                                <img src='{{data.collegeAndOtherData.coeSign}}' style='width:100px;height:33px;padding-left:10px;'/> <br/>
                                <b style='padding-left:6px;padding-right: 0px;'>{{data.collegeAndOtherData.examControllerName}}</b> <br>Controller of Examinations
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
{% endfor %}