{# Template For UG CCM  #}
<style>
    body{
        font-family: \"Times New Roman\", Times, serif; 
    }
    .text-left{
        text-align:left!important;
    }
    .text-center{
        text-align:center!important;
    }
    .text-right{
        text-align:right!important;
    }
    
	/* .table > thead > tr > th {
		font-size:15px;
	} */
    .b-0 {
        border: 0px none!important;
    }
	.primary-table th {
		text-align: center;
		background: none !important;
		height: 4mm !important;
		border: 1px solid #000;
		padding: 1mm !important;
	}
	.primary-table td {
		padding: 3px;
		line-height: 20px !important;
		height: 9mm !important;
		border: 1px solid #000;
		text-align: center;
		vertical-align: middle !important;
	}
	table{
		/* font-family: 'Times New Roman', serif; */
	}
	.bold{
		font-weight:bold;
	}
	.normal{
		font-weight:normal!important;
	}
    .primary-table thead tr th{
		text-weight:bold;
	}
    
    .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;
    }
    .no-border th{
		border-left: 1px solid #fff !important;
        border-right: 1px solid #fff !important;
        border-top: 1px solid #fff !important;
		margin-bottom : 15px !important;;
	}
    .no-full-border th{
		border-left: 1px solid #fff !important;
        border-right: 1px solid #fff !important;
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
		margin-bottom : 15px !important;;
	}
    .min-wid-150 {
        min-width: 150px;
    }
    .slant
    {
        white-space: normal;
        margin: 50% -65px;
        width: 150px;
        padding: 5px;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg) translateX(20%);
        display: inline-block;
    }
</style>
    <div class="page" style="width:100%;">
    {% set subjectLen =  data.examRegistrationData.subjects|length   %}
    {% set semesterLen =  data.examRegistrationData.semesters|length   %}
    {% set colspan =  9  %} 
    {% set subjectColSpan =   subjectLen * 7 %}
    {% set colspan = colspan + subjectColSpan + semesterLen %}
    {% set halfColspan = ((colspan * 3) / 4) | round(0, 'floor') %}
    {% set anotherHalfColspan = colspan - halfColspan %}
    <table class="primary-table " style="width:100%!important; border: 1px solid #ffff !important;margin-top:10px">
        <tr class="no-full-border">
            <th colspan='{{colspan}}' style="" data-f-bold='true'   data-a-h='center' class="text-center ">
                <div style = 'width:100%;line-height:25px;'>
                        <img style = 'width: 85px; height: 115px;' src = '{{data.collegeData.collageLogo}}'>
                        <div  style = 'text-align:center;'>
                        <div style='font-size:20px; margin-top:15px;'><b>{{data.collegeData.collegeName}} </b></div>
                        <div><b>{{data.collegeData.collegeAddress}}</b></div>
                        <div>{{data.collegeData.collegeAddress2 |escape}}</div>
                    </div>
                </div>	
                <div style = 'width:100%;line-height:25px;'>
                    {{data.examRegistrationData.programName}} 
                </div>
                <div style = 'width:100%;line-height:25px;'>
                    Semester {{data.examRegistrationData.semInSemNumber}} ({{data.examRegistrationData.examMonth }} / {{ data.examRegistrationData.examYear}}) CBCSS
                </div>
                <div style = 'width:100%;line-height:25px;'>
                    {{data.examRegistrationData.batchStartYear}} Admission
                </div>
                <div style = 'width:100%;line-height:25px;'>
                    Board Meeting Held on : {{data.examRegistrationData.boardMeatingDate}}
                </div>
                <div style = 'width:100%;line-height:25px;'>
                    Result Published on : {{data.examRegistrationData.resultPublishDate}}
                </div>
                <div style = 'width:100%;line-height:25px;'>
                    Moderation : {{data.examRegistrationData.moderation}}
                </div>
            </th>
        </tr>
    </table>
    <table class="primary-table " id="sem-wise-result-sheet" style="page-break-after: always;width:100%!important; border: 1px solid #dddddd !important;margin-top:10px">
                {# due to college requirement  #}
				{# <th colspan = "{{anotherHalfColspan}}" style="" data-f-bold='true'   data-a-h='center' class="text-right ">
					<div style = "width:80%; text-align:center !important; display:inline-block; vertical-align:top;line-height: 10px;border:1px solid #000;">
						<b style="margin-top: 10px;margin-bottom: 10px;">
							<br/ >
							Credit Point Calculation<br/ ><hr style = "margin-top: 10px;margin-bottom: 0px;"><br />
							ExtWt = (Ewgp/36)*3<br /><hr style = "margin-top: 10px;margin-bottom: 0px;"><br />
							Wgpa = (ExtWt+Iwgpa)/4<br /><hr style = "margin-top: 10px;margin-bottom: 0px;"><br />
							Crpt = Wgpa* Credit<br /><hr style = "margin-top: 10px;margin-bottom: 0px;"><br />
							Minimum Wgpa - 1.5(C)<br /><hr style = "margin-top: 10px;margin-bottom: 0px;"><br />
							Minimum SGPA - 1.5(C)
							<br/ >
							<br/ >
						</b>
					</div>
				</th> #}
			
        <thead>
            <tr class="border-black">
			    <th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Sl.No</th>
                <th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:7%;text-weight:bold"  class="text-center">Reg. No / Name</th>
				{% for subject in  data.examRegistrationData.subjects %}
					<th data-a-h='center' data-a-v='middle' colspan='7' data-f-bold='true' style="width:16%;text-weight:bold"  class="text-center min-wid-150">{{subject.code | raw}} </th> 
				{% endfor %}
                <th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate slant">SGPA {{data.examRegistrationData.semInSemNumber}}</div></th>
                {% for semester in data.examRegistrationData.semesters %}
                    <th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate slant">SGPA {{semester.semInSemNumber}}</div></th>
                {% endfor %}
				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate">Audit Credit Acquired</div></th>
				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate">Extra Credit Acquired</div></th>

				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate slant">CGPA</div></th>
				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate slant">Grade</div></th>
				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate">Folio No.</div></th>
                <th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate">PC Folio</div></th>
				<th data-a-h='center' data-a-v='middle' rowspan='4' colspan='1' data-f-bold='true' style="width:5%;text-weight:bold"  class="text-center"><div class="rotate">Remarks</div></th>
			</tr>
            
            <tr class="border-black">
                {% for subject in data.examRegistrationData.subjects %}
    				<th data-a-h='center' data-a-v='middle' colspan='7' data-f-bold='true' style="width:16%;text-weight:bold"  class="text-center">{{subject.name | raw}} </th> 
                {% endfor %} 
            </tr>
            <tr class="border-black">
                {% for subject in data.examRegistrationData.subjects %}
                <th data-a-h='center' data-a-v='middle' colspan='7' data-f-bold='true' style="width:16%;text-weight:bold"  class="text-center">Credits : {{subject.credit}} </th> 
                {% endfor %} 
            </tr>
            <tr class="border-black">
                {% for subject in data.examRegistrationData.subjects %}
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Internal Mark</th> 
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">External Mark</th> 
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Total Mark</th> 
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Total Grade</th> 
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Grade Point</th>
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Credit Point</th> 
                        <th data-a-h='center' data-a-v='middle'  data-f-bold='true' style="width:2%;text-weight:bold"  class="text-center">Status</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 " data-a-h='center'>{{slno}}</td>
                    <td style="text-align:left;padding: 4px; " data-a-h='center'>{{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 data-a-h='center'>{{studentSubject.isInternal == '1' ? studentSubject.internalMark : '-'}}</td>
                                <td data-a-h='center'>
                                    {% if studentSubject.isExternal == '1' %}
                                        {% if studentSubject.attendanceStatus == "PRESENT" %}
                                            {{  studentSubject.externalMark }}
                                        {% elseif studentSubject.attendanceStatus == "MALPRACTICE" %}
                                            <span style="color:red;">MAL </span> 
                                        {% else %}
                                            <span style="color:red;"> A </span> 
                                        {% endif %}
                                        {% else %}
                                            -
                                        {% endif %}
                                </td>
                                <td data-a-h='center'>{{studentSubject.markObtained}}</td>
                                <td data-a-h='center'>{{studentSubject.grade}}</td>
                                <td data-a-h='center'>{{studentSubject.gradePoint}}</td>
                                <td data-a-h='center'>{{studentSubject.creditGradePoint}}</td>
                                <td data-a-h='center'>{{studentSubject.failedStatus == 'FAILED' ? 'F':'P'}} </td>
                                {% set isEntered = true %}
                            {% endif %}
                        {% endfor %}
                        {% if isEntered == false %}
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                            <td class="text-center"> * </td>
                        {% endif %}
                    {% endfor %}
                    {% if academicTerm.failedStatus == 'PASSED' %}
                        <td class="align-middle text-center">{{academicTerm.semesterSgpa|number_format(3, '.')}} {{academicTerm.semesterGrade}}</td>
                    {% else %}
                        <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|number_format(3, '.') }}
                                    {% 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 data-a-h='center' data-a-v='middle' class="align-middle text-center">16</td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center">4</td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center">{{student.cgpa |number_format(3, '.')}}</td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center">{{student.grade}}</td>
                    {% else %}
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center"> - </td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center"> - </td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center"> - </td>
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center"> - </td>
                    {% endif %}
                        <td data-a-h='center' data-a-v='middle' class="align-middle text-center"> {{student.folioNumber}} </td> 
                        <td> </td>
                        <td> </td>

                </tr>
            {% endfor %} 
            {% endfor %}
            <tr class="no-border">
				<th colspan='{{colspan}}' style=" border-bottom: 1px solid #fff !important;" data-f-bold='true'   data-a-h='center' class="text-center ">
					<div style="margin: 100px 0 0 0; width: 100%; font-size: 16px">
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;"><b>Clerk</b></div>
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;"><b>Chairman</b></div>
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;"><b>Seal</b></div>
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;"><b>ACE</b></div>
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;" class="small">
							<b>CE</b>
						</div>
						<div style = "width:16%;margin:0 auto; text-align:center;float:left;" class="small">
							<b>Principal</b>
						</div>
					</div>
				</th>
			</tr>
        </tbody>
    </table>
</div>