{% extends '../template.html' %}
{% block subcontent %}
<h2>Info Obat</h2>
<br>
<br>
<div>
	<div class="card shadow mb-4">
		<div class="card-header py-3">
			<span class="text">Panduan Obat</span>
		</div>
		<div class="card-body">
			<div class="table-responsive">
				<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
					<thead>
						<tr>
							<th>Kode</th>
							<th>Nama Obat</th>
							<th>Keterangan</th>
							<th>Kandungan</th>
							<th>Khasiat</th>
						</tr>
					</thead>
					<tbody>
						{% for row in data %}
						<tr>
							<td>{{row.kode}}</td>
							<td>{{row.nama}}</td>
							<td>{{row.keterangan}}</td>
							<td>{{row.kandungan}}</td>
							<td>{{row.khasiat}}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<br><br>
</div>
{% endblock %}
{% block script %}
<script>
	$(document).ready(function () {
		menuSelected("mInfo");
		
	});
	function refreshEvent() {
		
	}
</script>
{% endblock %}