<style>
     td, th { padding: 5px; }
    .valign-top{
        vertical-align: top !important;
    }
   
    .print-border-0 td{
        border:1px solid #fff !important;
        background-color: #fff !important;
        height: 5mm !important;
        font-family: 'Lora', serif;
    }
    tr.print-border-0{
        height: 5mm !important;
    }
    .text-left{
        text-align:left !important;
    }
    /* .sem-head th{
        font-weight:normal;
    } */
    .footer-class {
        margin:45mm  0 0 0 !important;
        font-weight: bold !important;
        font-family: 'Lora', serif;
    }
    .no-border {
        border: 1px solid #fff !important;
    }
    .b-r-t {
		border-right-width: thick !important;
	}
    #subjectHeader b{
        font-size: 16px !important;
    }
   
</style>
    <div class="page" style="width:100%;">
    {% set trcolSpan =  10  %}
    <table id="subjectHeader" class="print-border-0">
        <tr>
            <td class='text-center' data-f-bold='true' data-a-h='center' style="line-height: 20px !important; text-transform:uppercase;">
                <b style = 'font-size: 20px; text-decoration:underline;'> RESULT NOTIFICATION</b>
            </td>
        </tr>
        <tr>
            <td class='text-left'>
                Ref:
            </td>
        </tr>
        <tr>
            {% if additionalDetails.isPrint %}
                 {% set lineHeight = 19 %}      
            {% else %}
                 {% set lineHeight = 30 %}      
            {% endif %}

            <td class='' data-f-bold='true' data-a-h='center' style="line-height: {{lineHeight}}px !important; text-align:justify; text-indent: 35mm;">
                This is to certify that the following students admitted in the academic year <b>{{ additionalDetails.startYear }} - {{ additionalDetails.endYear }} </b> to the
                <b> {{additionalDetails.programName | raw}} </b> Degree Course conducted in accordance with the Scheme and Syllabus approved by the
                University vide Order No. 
                    <b class="printOnlyDisplayData"> {{additionalDetails.orderNo}} </b> 
                    <input type="text" id="orderNo" class='displayOnlyDisplayData' style="width:40mm !important;"{% if additionalDetails.orderNo %}value="{{ additionalDetails.orderNo}}"{% endif %}>
                    dated
                    <b class="printOnlyDisplayData"> {{additionalDetails.resultDate}} </b>
                    <input type="text" name="resultDate" id="resultDate" class='displayOnlyDisplayData' placeholder="Please select a Date" {% if additionalDetails.resultDate %}value="{{ additionalDetails.resultDate}}"{% endif %}>
                 ,have successfully completed the Course from this College, as detailed below and
                that they are eligible for the degree being awarded to them. Also certified that all the changes consequent to
                revaluation of answer scripts and awarding of Grace marks have been effected and that Moderation marks and
                Grace marks secured by the candidates are not considered for the award of rank position .
            </td>
        </tr>
    </table>
    <table class=" table table-responsive-md border" style="margin-bottom:15px;"role="grid">
        <thead>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                <div style='font-size: 24px; line-height:15px;'><b> {{additionalDetails.collageName}}</b></div></td>
            </tr>
            <tr class="">
                <td class="removeTdBorder college-head no-border" style="text-align:center;padding:10px!important; display:none;" data-f-bold='true' data-a-h='center' colspan="{{trcolSpan}}" >
                <div class=" mt-2 mb-3 printOnlyDisplayData" style='font-size: 20px; line-height:15px;text-align:center;padding:5px!important;'><b>RESULT NOTIFICATION</b></div>
                </td>
            </tr>
            <tr></tr>
            <tr class="border">
                <th width = "6%" rowspan="2" class='text-center bold align-middle border-r-0'>Sl No.</th>
                <th width = "15%" rowspan="2" class='text-center bold align-middle border-r-0'> Reg. No</th>
                <th width = "29%" rowspan="2" class='text-center bold align-middle border-r-0'>Name of Student </th>
                <th width = "10%" colspan="2" class='text-center bold border-r-0'>{{additionalDetails.cgpaName}}</th>
                <th width = "10%" colspan="2" class='text-center bold border-r-0'>GRADE</th>
                <th width = "10%" rowspan="2" class='text-center bold align-middle border-r-0'>MONTH & YEAR OF PASSING</th>
                <th width = "10%" rowspan="2" class='text-center bold align-middle border-r-0'>RANK POSITION (UP TO 10th)</th>
                <th width = "10%" rowspan="2" class='text-center bold align-middle border-r-0'>REMARK</th>
                
            </tr>
            <tr class="border">
                <th width = "6%" class='text-center bold border-r-0'>
                Before 
                awarding 
                Moderation/
                GraceMarks</th>
                <th width = "6%" class='text-center bold border-r-0'>
                After 
                awarding 
                Moderation/
                GraceMarks</th>
                <th width = "6%" class='text-center bold border-r-0'>
                Before 
                awarding 
                Moderation/
                GraceMarks</th>
                <th width = "6%" class='text-center bold border-r-0'>
                After 
                awarding 
                Moderation/
                GraceMarks</th>
            </tr>
        </thead>
        <tbody>
        {% set slno = 0 %}
        {% for student in students %}
        {% set slno = slno + 1 %}
            <tr>
                <td class="align-middle text-center border-r-0">{{slno}}</td>
                <td class="align-middle text-center border-r-0">{{student.regNo}}</td>
                <td class="align-middle text-left border-r-0">{{student.studentName}}</td>
                <td class="align-middle text-center border-r-0">{{student.cgpaWithoutGracemark}}</td>
                <td class="align-middle text-center border-r-0">{{student.cgpa}}</td>
                <td class="align-middle text-center border-r-0">{{student.gradeWithoutGracemark}}</td>
                <td class="align-middle text-center border-r-0">{{student.grade}}</td>
                <td class="align-middle text-center border-r-0">{{student.monthYearOfPassing}}</td>
                <td class="align-middle text-center border-r-0">
                    {% if student.rank <= 10 %}
                        {{student.rank}}
                    {% endif %}
                </td>
                <td class="align-middle text-center border-r-0"  style='font-size: 12px; padding: 0px; line-height: 12px;'>
                    {% if student.isGraceMarkAwarded %}
                        Grace Mark Awarded
                    {% elseif student.isModerationMarkAwarded %}
                        Moderation Awarded
                    {% else %}
                        -
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
        {# commented due to exposing college name in default #}
        <tfoot align="center" class='text-center' style=\"font-family: 'Lora', serif;\">
            <tr>
                <td class='text-right no-border' colspan="{{trcolSpan}}">
                    <div style='width:100% !important; page-break-before:avoid !important;' class='footer-class'>
                        <div style='width:30% !important; float:left; text-align:center; margin-right:5%;'>
                            CHAIRMAN (Governing Council)<br>
                            <i>
                                Manager<br>
                                St Berchmans College (Autonomous)<br>
                                Changanacherry, Kerala
                            </i> 
                        </div>
                        <div style='width:30% !important; float:left; text-align:center; margin-right:5%;'>
                            CONTROLLER OF EXAMINATIONS<br>
                            <i>
                                St Berchmans College (Autonomous)<br>
                                Changanacherry, Kottayam (Dt.)<br>
                                Kerala, Pin - 686 101
                        </i> 
                        </div>
                        <div style='width:30% !important; float:right; text-align:center;'>
                            PRINCIPAL<br>
                            <i>
                                St Berchmans College (Autonomous)
                                Changanacherry, Kottayam (Dt.)<br>
                                Kerala, Pin - 686 101
                            </i> 
                        </div>
                    </div>
                </td>
            </tr>
        </tfoot>
        
    </table>

</div>
