{% extends 'extra/htmlreport/layout_v1.html' %}


{% block layout_script %}
<script>window.htmlreport_pageprint = true;</script>
{% endblock %}


{% block layout_style %}
<style>
	#table1 tr > td:nth-child(1) { width: 24%; }
	#table1 tr > td:nth-child(2) { width: 1%; }
</style>
{% endblock %}


{% block layout_content %}
<h2 class="text-center text-uppercase p-0 my-4">Lembar Disposisi</h2>

<article class="container-fluid border border-secondary">
	<div class="row border-bottom border-secondary">
		<section class="col-6">
			<table id="table1" class="table table-sm table-borderless">
				<tr>
					<td>Surat Dari</td>
					<td>:</td>
					<td>
						{% if disposisi.pk_surat %}
							{{ disposisi.pk_surat.pengirim_nama }} ({{ disposisi.pk_surat.pengirim_instansi }})
						{% endif %}
					</td>
				</tr>
				<tr>
					<td>Nomor Surat</td>
					<td>:</td>
					<td>{{ disposisi.pk_surat.nomor }}</td>
				</tr>
				<tr>
					<td>Tanggal Surat</td>
					<td>:</td>
					<td>{{ disposisi.pk_surat.tanggal }}</td>
				</tr>
			</table>
		</section>
		<section class="col-6">
			<table class="table table-sm table-borderless">
				<tr>
					<td>Terima Tanggal</td>
					<td>:</td>
					<td>{{ disposisi.tanggal_masuk }}</td>
				</tr>
				<tr>
					<td>Nomor Agenda</td>
					<td>:</td>
					<td>{{ disposisi.nomor_agenda }}</td>
				</tr>
				<tr>
					<td>Sifat</td>
					<td>:</td>
					<td>{{ disposisi.pk_surat.sifat|default:disposisi.sifat }}</td>
				</tr>
			</table>
		</section>
	</div>

	<div class="row">
		<div class="col py-3">
			<div class="font-weight-bold">Perihal Surat:</div>
			<textarea class="form-control bg-transparent" rows="10" style="resize: none; border: none; color: var(--dark); font-size: larger;" disabled>{{ disposisi.pk_surat.perihal }}</textarea>
		</div>
	</div>
	<div class="row">
		<div class="col-8 py-3">
			<div class="font-weight-bold">Catatan:</div>
			<textarea class="form-control bg-transparent" rows="10" style="resize: none; border: none; color: var(--dark); font-size: larger;" disabled>{{ disposisi.catatan }}</textarea>
		</div>
		<div class="col-4 py-3">
			<div class="font-weight-bold">Diteruskan Kepada:</div>
			<textarea class="form-control bg-transparent" rows="10" style="resize: none; border: none; color: var(--dark); font-size: larger;" disabled>{{ disposisi.kepada }}</textarea>
		</div>
	</div>
</article>

{% endblock %}