{% extends 'template.html' %}
{% block subcontent %}
	<center>
		<h1>Selamat Datang</h1>
		<h2 style="color:#f7741d;margin-top:-10px;">Kami Siap Menerima Order</h2>
		<br/>
		<form method="post" style="border:1px solid #ccc;width:380px;padding:15px;">
			<div id="start_search">
				<a href="#" class="selected" cari="Telepon" field="telepon">Cari Telepon</a>
				<a href="#" cari="Nama" field="nama">Cari Nama</a>			
			</div><br/>
			<h2>Input <span class="txt">Telepon</span> Customer:</h2>
			<input type="text" name="telepon" id="cari" class="big_text" /><br/>
			<div class="remark" style="display:none;">
			<div style="padding:3px 8px;width:353px;margin-bottom:-1px;background:#ececeb;border:1px solid #ccc;margin-top:10px;text-align:left;">Call Remark:</div>
			<textarea name="remark" style="width:365px;max-width:365px;border-radius:0px;;height:40px;box-shadow:none;"></textarea><br/>
			</div>
			<input type="submit" class="big_text submit" value="Cari" style="width:180px;margin-top:15px;"/>
			<br/><br/>
		</form>
		<br/><br/>
		<br/><br/><br/><br/>
		<br/><br/>
	</center>
{% endblock %}
{% block script %}
<script type="text/javascript">
	$(document).ready(function() {
		//$(".remark").slideDown('fast');
		$("#start_search a").click(function() {
			$("#start_search a").removeClass('selected');
			$(this).addClass('selected');
			$(".txt").text($(this).attr('cari'));
			$("#cari").attr('name',$(this).attr('field')).focus();
			//if ($(this).attr('field') == "telepon") {
				//$(".submit").val("New Call");
				//$(".remark").slideDown('fast');
			//} else {
				//$(".submit").val("Cari Customer");
				//$(".remark").slideUp('fast');
			//}
		});
		$("#cari").focus();
	});
</script>
{% endblock %}