{# SCEK BDES - professional Mark Card Template #}

<link href="http://fonts.cdnfonts.com/css/gill-sans-mt-condensed" rel="stylesheet">

<style id="print-style" scoped>
td{
    padding: 8px;
    text-align:center;
    border: 1px solid #000; 
    font-size:18px;
    padding-top:7px;
    padding-bottom:7px;
}
.value-tr td{
    height: 70px;
}
.txt{
    line-height: 145%;
}
.college{
    line-height: 150%;
}
.noBorder{
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 0px none;
}
.inline{
    font-family: 'Gill Sans MT', sans-serif;
}
.fsize-11{
  font-size:11pt!important;   
}
.fsize-16{
  font-size:16pt!important;  
  text-align:center; 
  margin-right: 80px;
}
.p-t-10{
    padding-top:10px;
}
.qr{
    padding-right:15mm;
}
.bold{
    font-weight:bold;
}
body{
    color: #181818!important;
}
@media screen{
    .page-a4{
        width: 21cm !important;
        padding-left:1cm !important;
        margin: auto;
    }
}
.page-a4{
    width: 100%; 
    border: none; 
    page-break-before: always;
    position: relative;
    min-height:27.5cm;
    color:#000;
} 

</style>
    {% for student in data.studentData %}
        <div class="page-a4">
            <div class='inline' style="font-size:22px;page-break-after:always; width:210mm; height:297mm; border:1px solid transparent; margin:auto auto 0px auto !important;">
                <div style='padding-left:1cm;padding-right:0.5cm;font-size:20px!important;margin-top:100mm'>

                    <div class='txt fsize-16' style='padding:18mm 10px 0px 10px;'>Certified that</div>
                    <div class='p-t-10 txt fsize-16 bold'>{{student.name}}</div>
                    <div class='p-t-10 txt fsize-16'>has passed the Degree of</div>
                    <div class='p-t-10 txt fsize-16 bold'>{{student.degreeName}}</div>
                    {# {% if data.additionalInfo.showSpecialization %}
                        <div class='p-t-10 txt fsize-16'>in</br> <span class='bold'>{{student.streamDesc}}</span></div></br>
                    {% endif %} #}
                    <table style='width: 99%;margin-left:10px;font-size:20px!important;margin-right:5px;margin-top:2mm'>
                        <tr>
                            <td style='width:50%; text-align:left' class="noBorder"><i>{{ data.additionalInfo.collegeRegisterNoLabel ?  data.additionalInfo.collegeRegisterNoLabel:'College Register Number'}}</i></td>
                            <td style='width:50%; text-align:left' class="noBorder"> : &nbsp;  {{student.regNo}}</td>
                        </tr>
                        {% if data.additionalInfo.removeUniversityRegisterNumber == false %}
                        <tr>
                            <td style='width:50%; text-align:left' class="noBorder"><i>University Register Number</i></td>
                            <td style='width:50%; text-align:left' class="noBorder"> : &nbsp;  {{student.ktuCode}}</td>
                        </tr>
                        {% endif %}
                        <tr>
                            <td style='width:50%; text-align:left' class="noBorder"><i>Month and Year of Passing</i></td>
                            <td style='width:50%; text-align:left' class="noBorder"> : &nbsp;  {{ student.lastMonthYear}}</td>
                        </tr>
                        <tr>
                            <td style='padding-bottom:0px!important;vertical-align:top;width:50%; text-align:left' class="noBorder"><i>Cumulative Grade Point Average (CGPA)</br> in 10 points scale</i></td>
                            <td style='padding-bottom:0px!important;vertical-align:top;width:50%; text-align:left' class="noBorder"> : &nbsp;  {{ student.cgpa}} 
                            {% if student.showDegreeClassification %}
                                {{ student.courseType == 'MCA' or student.courseType == 'MBA' ? '('~student.class~')' : '' }}
                            {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td style='padding-top:0px!important;vertical-align:bottom;width:30%; text-align:left' class="fsize-11 noBorder"><i>Date :  {{ data.additionalInfo.currentDate |striptags('<sup>')|raw }} </i></td>
                            <td style='padding-top:0px!important;vertical-align:top;width:70%; text-align:left' class="noBorder"><div class='qr'><img style = 'width:25mm;height:25mm;' src="{{ getQr(student.qrData, 250, 0, 'L') }}"/></div></td>
                        </tr>

                        <tr>
                            <td style='width:50%; text-align:left' class="noBorder"></td>
                            <td style='width:50%; text-align:left' class="noBorder"></td>
                        </tr>
                        <tr>
                            <td style='padding-top:10mm!important;padding-left:0px;width:50%; text-align:left' class="fsize-11 noBorder">Verified by :</td>
                            <td style='padding-top:10mm!important; width:50%; text-align:right' class="noBorder"><b>Controller of Examinations</b></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    {% endfor %}