{# <!--
    College MBCET header DEFAULT FORMAT FOR ALL FORMS
--> #}
<html>
	<head>
		<style>
			td {
				line-height: 17px;
				padding: 2px;
				font-size: 15px;
			}
		</style>
	</head>
	<body class='page'>
		<div>
			<div class='sub-page'>
				<table cellspacing='0'  cellpadding='0' class='table table-bordered page-1 page' width='100%' style='color:black;border:1px solid black;'>
					<tr>
						<td width="10%" align='center'>
							<img style='width: 90px;' src="{{college.url}}/libcommon/images/college/{{college.collegeCode}}/logo.png">
						</td>
						<td align="center">
							<div align='center' style="">
								<div style="font: bold 22px 'Times New Roman';margin-top: 1px;margin-bottom: 4px">{{college.collegeName|upper}}
									{{college.autonomous?( college.autonomous|slice(0, 2)|upper):''}}{{college.autonomous?(college.autonomous|slice(2)|lower  ):''}}</div>
							</div>
							<div align='center'>
								<p style='margin: 0 0 0px;font-size: 12px;'>{{college.collegeAddress1}}</p>
								<p style='margin: 0 0 0px;font-size: 12px;'>{{college.collegeAddress2}}</p>
								<p style='margin: 0 0 0px;font-size: 12px;'>{{college.collegePhone}}</p>
								<p style='margin: 0 0 0px;font-size: 12px;'>{{college.collegeWebsite}}</p>
								<p style='margin: 0 0 0px;font-size: 12px;'>{{college.collegeEmail}}</p>
							</div>
						</td>
					</tr>
					<tr>
						<td height='10' colspan='2'> <hr></td>
					</tr>
					<tr>
						<td colspan="2">
							<table width='100%' class='table table-bordered m-b-0'>
								<tr>
									<td width='25%'></td>
									<td width='25%'></td>
									<td width='25%'></td>
									<td width='25%'></td>
								</tr>
								<tr>
									<td colspan='4'><b>Date : <b>{{ "now"|date("d/m/Y") }}</b> </td>
								</tr>
								<tr>
									<td height='10' colspan='4'></td>
								</tr>
								<tr>
									<td colspan='4'>
										Received the following documents in original from <b>{{student.studentName}}</b> on <b>{{ "now"|date("d/m/Y") }}</b>  
									</td>
								</tr>
								<tr>
									<td height='10' colspan='4'></td>
								</tr>
								<tr>
									<td colspan='1'>
										<b>Admitted Course</b>
									</td>
									<td colspan='3'>
										<b> : {{student.admittedCourse}}</b>
									</td>
								</tr>
								<tr>
									<td colspan='1' align='left'>
										<b>Admission Number</b>
									</td>
									<td colspan='3'>
										<b> : {{student.admissionNo}}</b>
									</td>
								</tr>

								<tr><td height='10' colspan='4'></td></tr>
								
								<tr>
									<td colspan='3'>
										<b>CERTIFICATE LIST</b>
									</td>
									<td colspan='1' align='left'>
										<b>STATUS</b>
									</td>
								</tr>
								<tr>
									<td height='10'> </td>
								</tr>

								{% set index = '1' %}
								{% for certificate in certificateDetails %}
									<tr>
										<td colspan='3'>{{index}} . {{certificate.certificateName}}</td>
										{% set index = index + 1 %}
										
										{% if certificate.isVerified == '0' %}
											<td colspan='1' align='left'>
												<svg width="40" height="40">
													<rect x="5" width="24" height="24" style="fill:white;stroke:black"/> 
												</svg>
											</td>
										{% elseif certificate.isVerified == '1'%}
											<td colspan='1' align='left'>
												{# <span style='color:black;'>
													&#x2611;
												</span> #}
												<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" fill="currentColor" class="bi bi-check2-square" viewbox="0 0 16 16">
													<path d="M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5H3z"/>
													<path d="m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z"/>
												</svg>
											</td>
										{% else %}
											<td colspan='1' align='left'>
												<svg width="40" height="40">
													<rect x="5" width="24" height="24" style="fill:white;stroke:black"/> 
												</svg>
											</td>
										{% endif %}
									<tr>
								{% endfor %}

								{% if studentRemarks is not empty %}
									<tr>
										<td colspan="4">
											<table class='table table-bordered m-b-2 print-table-border' width='100%'>
												<tr>
													<td>
														<table class='table table-bordered m-b-0' width='100%'>
															<tr>
																<td><b>REMARKS</b></td>
															</tr>
															{% for key, remarks in studentRemarks %}
																{% if remarks.createdDate >= '2024-08-08 00:00:00' %}
																	<tr>
																		<td>{{remarks.remarkMeg}} </td>
																	</tr>
																{% endif %}
															{% endfor %}
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								{% endif %}
								
								<tr>
									<td height='60'> </td>
								</tr>

								<tr>
									<td colspan='3'><b></td>
									<td align='center'>Name & Signature</td>
								</tr>
								<tr>
									<td colspan='3'></td>
									<td align='right'>(OFFICER IN-CHARGE)</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
		</div>

	</body>
</html>
