##tlayout("www/layout.htm"){
		
<section class="container">
	<div class="row order-detail">
		<div class="col-sm-8">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">收件地址</h3>
				</div>
				<div class="panel-body">
			        <form method="post" action="/shop/createOrders" id="submit_form" class="order-form">
						<div class="row form-list">
							<div class="form-group col-sm-12" style="margin: 0px;padding: 0px;">
								<div class="form-group col-sm-6">
								    <label><span style="color: red">*</span>收件人</label>
								    <input type="text" class="form-control" name="take_name" placeholder="请输入收件人" value="${user.take_name!}" />
								</div>
								<div class="form-group col-sm-6">
								    <label><span style="color: red">*</span>手机号</label>
								    <input type="text" class="form-control" name="take_phone" placeholder="请输入手机号" value="${user.take_phone!}" />
								</div>
								<div class="form-group col-sm-6">
								    <label>邮编</label>
								    <input type="text" class="form-control" name="take_post_code" placeholder="请输入邮编" value="${user.take_post_code!}" />
								</div>
							</div>
							<div class="form-group col-sm-12" style="margin: 0px;padding: 0px;margin-top: 20px;" id="area_list">
								<div class="form-group col-sm-4">
								    <label><span style="color: red">*</span>地区</label>
								    <select class="form-control" onchange="changeArea(this)" name="take_area_id" id="area_list_1">
										<option value="">--请选择--</option>
										##for(_item in area_list!){
											<option value="${_item.id!}">${_item.name!}</option>
										##}
									</select>
								</div>
							</div>
							<div class="form-group col-sm-12" style="margin: 0px;padding: 0px;margin-top: 20px;">
								<div class="form-group col-sm-12">
								    <label><span style="color: red">*</span>详细地址</label>
								    <textarea class="form-control" rows="3" name="take_address" placeholder="请输入详细地址">${user.take_address!}</textarea>
								</div>
							</div>
							<div class="form-group col-sm-12" style="margin: 0px;padding: 0px;margin-top: 20px;">
								<div class="form-group col-sm-12">
								    <label>备注信息</label>
								    <textarea class="form-control" rows="3" name="remark" placeholder="请输入备注信息"></textarea>
								</div>
							</div>
							<div class="form-group col-sm-12" style="margin: 0px;padding: 0px;margin-top: 20px;">
								<div class="form-group col-sm-6">
								    <label>发票抬头</label>
								    <input type="text" class="form-control" name="invoice_name" placeholder="请输入发票抬头" />
								</div>
								<div class="form-group col-sm-6">
								    <label>发票税号</label>
								    <input type="text" class="form-control" name="invoice_number" placeholder="请输入发票税号" />
								</div>
							</div>
						</div>
						<hr />
						<div class="btn-area">
					 		<button type="button" class="btn btn-primary" onclick="createOrders()">创建订单</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="order-box">
				<div class="order-info">
					<h4>价格信息</h4>
					<p class="clearfix"><span class="pull-left">商品小计</span><span class="pull-right">￥${subtotal!}</span></p>
					<p class="clearfix"><span class="pull-left">运费</span><span class="pull-right">￥${freight_price!}</span></p>
					<hr />
					<p class="clearfix"><strong class="pull-left">总计</strong><strong class="pull-right">￥${grand_total!}</strong></p>
				</div>
				<div class="order-list">
					##for(_item in cart_list){
						<div class="order-item clearfix">
							<div class="item-img pull-left">
								<a href="${_item.diy_img_url!}" target="_blank">
									<img src="${_item.diy_img_url!}" class="img-responsive" style="width: 50px;height: auto;" />
								</a>
							</div>
							<div class="item-title">
								<h5 class="ellipsis">${_item.diy_title!}</h5>
								<p class="ellipsis" style="font-size: 12px;">${_item.bottle_title!}&nbsp;|&nbsp;${_item.bottle_type_title!}</p>
							</div>
							<div class="item-price">￥${_item.bottle_price!} * ${_item.cart_number!}箱</div>
						</div>
			    	##}
				</div>
			</div>
		</div>
	</div>
</section>
<script>
$(document).ready(function(){

	##if(exist("area") && area!=null){
		##if(area.level==1){
			$("#area_list_1").val("${area_1!}");
		##}else if(area.level==2){
			$("#area_list_1").val("${area_1!}");
			$.post("/shop/getArea",{id:"${area_1!}"},function(data){
				if(data.success){
					if(data.area_list!=null && data.area_list.length!=0){
						$("#area_list_1").removeAttr("name");
						var html="";
						html+="<div class='form-group col-sm-4'>";
						html+="<label>&nbsp;&nbsp;</label>";
						html+="<select class='form-control' onchange='changeArea(this)' name='take_area_id' id='area_list_2'>";
						html+="<option value=''>--请选择--</option>";
						$.each(data.area_list,function(index, array){
							html+="<option value=" + array["id"] + ">" + array["name"] + "</option>";
						});
						html+="</select>";
						html+="</div>";
						$("#area_list").append(html);
						$("#area_list_2").val("${area_2!}");
					}else{
						$("#area_list_1").attr("name", "take_area_id");					
					}
				}else{
					alert(data.msg);
				}
			});
		##}else{
			$("#area_list_1").val("${area_1!}");
			$.post("/shop/getArea",{id:"${area_1!}"},function(data){
				if(data.success){
					if(data.area_list!=null && data.area_list.length!=0){
						$("#area_list_1").removeAttr("name");
						var html="";
						html+="<div class='form-group col-sm-4'>";
						html+="<label>&nbsp;&nbsp;</label>";
						html+="<select class='form-control' onchange='changeArea(this)' name='take_area_id' id='area_list_2'>";
						html+="<option value=''>--请选择--</option>";
						$.each(data.area_list,function(index, array){
							html+="<option value=" + array["id"] + ">" + array["name"] + "</option>";
						});
						html+="</select>";
						html+="</div>";
						$("#area_list").append(html);
						$("#area_list_2").val("${area_2!}");
						$.post("/shop/getArea",{id:"${area_2!}"},function(data_1){
							if(data_1.success){
								if(data_1.area_list!=null && data_1.area_list.length!=0){
									$("#area_list_2").removeAttr("name");
									var html="";
									html+="<div class='form-group col-sm-4'>";
									html+="<label>&nbsp;&nbsp;</label>";
									html+="<select class='form-control' onchange='changeArea(this)' name='take_area_id' id='area_list_3'>";
									html+="<option value=''>--请选择--</option>";
									$.each(data_1.area_list,function(index, array){
										html+="<option value=" + array["id"] + ">" + array["name"] + "</option>";
									});
									html+="</select>";
									html+="</div>";
									$("#area_list").append(html);
									$("#area_list_3").val("${area_3!}");
								}else{
									$("#area_list_2").attr("name", "take_area_id");					
								}
							}else{
								alert(data.msg);
							}
						});
					}else{
						$("#area_list_1").attr("name", "take_area_id");					
					}
				}else{
					alert(data.msg);
				}
			});
		##}
	##}
});
function changeArea(object){
	
	$(object).parent().nextAll().remove();
	if($(object).val()!=null && $(object).val()!=""){
		$.post("/shop/getArea",{id:$(object).val()},function(data){
			if(data.success){
				if(data.area_list!=null && data.area_list.length!=0){
					$(object).removeAttr("name");
					var html="";
					html+="<div class='form-group col-sm-4'>";
						html+="<label>&nbsp;&nbsp;</label>";
						html+="<select class='form-control' onchange='changeArea(this)' name='take_area_id' id='area_list_" + ($("#area_list").find("select").length + 1) + "'>";
							html+="<option value=''>--请选择--</option>";
							$.each(data.area_list,function(index, array){
								html+="<option value=" + array["id"] + ">" + array["name"] + "</option>";
							});
						html+="</select>";
					html+="</div>";
					$("#area_list").append(html);	
				}else{
					$(object).attr("name", "take_area_id");					
				}
			}else{
				alert(data.msg);
			}
		});
	}
}
var new_post=1;
function createOrders(){
	
	if(new_post==1){
		new_post=0;
		$('#submit_form').ajaxSubmit({
		    success: function(data){
		    	new_post=1;
		    	alert(data.msg);
		    	if(data.success){
		    		window.location.href="/shop/payment?code=" + data.code;
		    	}
		    }
		});
	}
}
</script>
##}