{% extends 'base_print.html.twig' %}

{% block title %}Birth Certificate{% endblock %}

{% block styles %}
	{% if action_type == 'print' %}
		{{ parent() }}

		<style>
			@media print {
				@page {
					size: A4 portrait;
				}
			}

			thead th { font-weight: bold !important; }
		</style>
	{% endif %}
{% endblock %}

{% block content %}
	{% if action_type == 'print' %}
		<script>
			window.onload = function() {
				window.print();
			};
		</script>
	{% endif %}

	<div class="page-title">
		<h1 class="py-4" style="text-align: center;">Birth Certificate</h1>
	</div>

	<section>
		<table class="mb-2">
			<thead></thead>
			<tbody>
				<td>
					<table>
						<thead></thead>
						<tbody>
							<tr>
								<th style="text-align: left;">Name of Child</th>
								<td>{{ details.child_name }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Date of Birth</th>
								<td>{{ details.dob|date('d/m/Y') }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Name of Mother</th>
								<td>{{ details.mother_name }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Address of Parents at the time of birth of the Child</th>
								<td>{{ details.address }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Registration No.</th>
								<td>{{ details.reg_num }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Remarks (if any)</th>
								<td>{{ details.remarks ? details.remarks : '&mdash;' }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Date of Issue</th>
								<td>{{ details.created_at|date('d/m/Y') }}</td>
							</tr>
						</tbody>
					</table>
				</td>
				<td>
					<table>
						<thead></thead>
						<tbody>
							<tr>
								<th style="text-align: left;">Gender</th>
								<td>{{ details.gender }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Place of Birth</th>
								<td>{{ details.birth_place }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Name of Father</th>
								<td>{{ details.father_name }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Permanent address of Parents</th>
								<td>{{ details.address }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Date of Registration</th>
								<td>{{ details.created_at|date('d/m/Y') }}</td>
							</tr>
							<tr>
								<th style="text-align: left;">Address of the Issuing Authority</th>
								<td>{{ details.birth_place }}</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tbody>
		</table>

		{% if action_type == 'print' %}
			<hr style="border-top: 1px solid #000" class="mb-5">

			<div class="row">
				<div class="col-3">Date: {{ 'now'|date('d/m/Y g:i a') }}</div>
				<div>Place:</div>
			</div>

			<div class="mt-5 text-right mr-5 pr-5">Sign</div>
		{% endif %}
	</section>
{% endblock %}