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


{% 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></td>
				</tr>
				<tr>
					<td>Nomor Surat</td>
					<td>:</td>
					<td></td>
				</tr>
				<tr>
					<td>Tanggal Surat</td>
					<td>:</td>
					<td></td>
				</tr>
			</table>
		</section>
		<section class="col-6">
			<table class="table table-sm table-borderless">
				<tr>
					<td>Terima Tanggal</td>
					<td>:</td>
					<td></td>
				</tr>
				<tr>
					<td>Nomor Agenda</td>
					<td>:</td>
					<td>{{ disposisi.nomor_agenda }}</td>
				</tr>
				<tr>
					<td>Sifat</td>
					<td>:</td>
					<td>{{ disposisi.sifat }}</td>
				</tr>
			</table>
		</section>
	</div>

	<div class="row">
		<div class="col-8 py-3">
			<div class="font-weight-bold">Perihal:</div>
			<textarea class="form-control bg-transparent" rows="10" style="resize: none; border: none; color: var(--dark);" 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);" disabled>{{ disposisi.kepada }}</textarea>
		</div>
	</div>
</article>

{% endblock %}