{% extends '../../template.html' %}
{% block style %}
{% endblock %}
{% block title %}Apotek{% endblock %}
{% block content %}
	<div id="overlay" style="display:none;"></div>
	<table class="main_table">
		<tr valign="top">
			<td class="menu_left">
				<a href="#" onclick="bukaTutup('mObat')">Obat</a>
				<div class="submenu_left mObat" idsub="mObat" style="display:none">
					<a class="smObatList" href="{% nav apotek_obat_list %}">- List Obat</a>
					<a class="smObatMasuk" href="{% nav apotek_obat_masuk %}">- Obat Masuk</a>
					<a class="smObatKeluar" href="{% nav apotek_obat_keluar %}">- Obat Keluar</a>
					<a class="smObatStock" href="{% nav apotek_obat_stock %}">- Stock Obat</a>
				</div>
				<a href="#" onclick="bukaTutup('mAlkes')">Alkes</a>
				<div class="submenu_left mAlkes" idsub="mAlkes" style="display:none">
					<a class="smAlkesList" href="{% nav apotek_alkes_list %}">- List Alkes</a>
					<a style="display:none" class="smAlkesMasuk" href="{% nav apotek_alkes_masuk %}">- Alkes Masuk</a>
					<a style="display:none" class="smAlkesKeluar" href="{% nav apotek_alkes_keluar %}">- Alkes Keluar</a>
					<a class="smAlkesStock" href="{% nav apotek_alkes_stock %}">- Stock Alkes</a>
				</div>
				<a href="#" onclick="bukaTutup('mPenjualan')">Penjualan</a>
				<div class="submenu_left mPenjualan" idsub="mPenjualan" style="display:none">
					<a class="smPenjualanList" href="{% nav apotek_penjualan_list %}">- List Penjualan</a>
				</div>
			</td>
			<td class="content">
				{% block subcontent %}{% endblock %}
			</td>
		</tr>
	</table>
{% endblock %}
{% block script %}
{% endblock %}
{% block mainscript %}
<script type="text/javascript">
	function bukaTutup(e) {
		var classname = "."+e;
		$(".submenu_left").each(function() {
			if ($(this).is(":visible") && $(this).attr("idsub") != e) {
				$(this).slideToggle("fast");
			}
		});
		$(classname).slideToggle("fast");
	}
	function menuSelected(menu,sub) {
		idmenu = "."+menu;
		idsub = "."+sub;
		$(idmenu).find(idsub).addClass("aktif");
		$(idmenu).show();
	}
</script>
{% endblock %}
