<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_base.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/citydb.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/cityselect.js"></script>
		<script type="text/javascript" src="{%$rootdir%}js/My97DatePicker/WdatePicker.js"></script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>Member Center</h2>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-3">
					{%list name=memmenu%}
				</div>
				<div class="col-xs-12 col-sm-12 col-md-9">
					<div class="panel panel-info espcms_member_page">
						<div class="panel-heading"><h3>View order (Order number:{%$read.ordersn%})</h3></div>
						<table class="table table-bordered">
							<thead>
								<tr class="active">
									<th class="tc">Product or service</th>
									<th class="tc">Unit price</th>
									<th class="tc">Quantity</th>
									<th class="tc">Subtotal</th>
								</tr>
							</thead>
							<tbody>
								{%forlist from=$product_array key=i%}
								<tr>
									<td class="tc">{%$product_array[i].title%}</td>
									<td class="tc">{%$product_array[i].bprice|espcms_format_money(3)%}</td>
									<td class="tc">{%$product_array[i].amount%}</td>
									<td class="tc">{%$product_array[i].countprice|espcms_format_money(3)%}</td>
								</tr>
								{%/forlist%}
							</tbody>
						</table>
						<div class="panel-body">
							<div class="section-divider mb40"><span>Order attribute</span></div>
							<div class="panel_read_group">
								<label class="col-sm-2 control-label">Order number</label><div class="col-sm-10 pt7">{%$read.ordersn%}</div>
								<label class="col-sm-2 control-label">Order time</label>
								<div class="col-sm-10 pt7">{%$read.addtime|espcms_gtimeformat(3)%}</div>

								<label class="col-sm-2 control-label">Processing</label>
								<div class="col-sm-10 pt7">
									{%if $read.ordertype==0%}<span class="text-danfei">Obsolete</span>{%/if%}
									{%if $read.ordertype==1%}<span class="text-orange">New</span>{%/if%}
									{%if $read.ordertype==2%}<span class="text-green">Processed</span>{%/if%}
								</div>

								<label class="col-sm-2 control-label">Total product</label><div class="col-sm-10 pt7">{%$read.productmoney|espcms_format_money(3)%}</div>
								{%if $read.shippingmoney>0%}
								<label class="col-sm-2 control-label">Shipping cost</label><div class="col-sm-10 pt7">{%$read.shippingmoney|espcms_format_money(3)%}</div>
								{%/if%}
								{%if $read.discount>0%}
								<label class="col-sm-2 control-label">Discount</label><div class="col-sm-10 pt7">{%$read.discount|espcms_format_money(3)%}</div>
								{%/if%}
								<label class="col-sm-2 control-label">Total order</label><div class="col-sm-10 pt7">
									<span class="oninage">{%$read.orderamount|espcms_format_money(3)%}</span>（Total product{%$read.productmoney|espcms_format_money(3)%}{%if $read.shippingmoney>0%} + Courier fee{%$read.shippingmoney|espcms_format_money(3)%}{%/if%}{%if $read.invoicefeemoney>0%} + Invoice fee：{%$read.invoicefeemoney|espcms_format_money(3)%}{%/if%}{%if $read.discount>0%} - Offer{%$read.discount|espcms_format_money(3)%}{%/if%}）
								</div>
								{%if $read.payname%}
								<label class="col-sm-2 control-label">Payment method</label><div class="col-sm-10 pt7">{%$read.payname%}</div>
								{%/if%}
								{%if $read.paytime%}
								<label class="col-sm-2 control-label">Payment voucher</label><div class="col-sm-10 pt7">{%$read.paysn%}</div>
								<label class="col-sm-2 control-label">Payment method</label><div class="col-sm-10 pt7">{%$read.paytime|espcms_gtimeformat(4)%}</div>
								{%/if%}
								{%if $read.ispay==0 && $read.paytype==2%}
								<label class="col-sm-2 control-label"></label><div class="col-sm-10 pt7">
									<a href="{%$order_link.pay_ok%}" class="btn btn-warning">Click to pay</a>
								</div>
								{%/if%}
							</div>

							<div class="section-divider mb40"><span>Contact and other information</span></div>
							<div class="panel_read_group">
								<label class="col-sm-2 control-label">Consignee</label><div class="col-sm-10 pt7">{%$read.consignee%}</div>
								{%if $read.email%}
								<label class="col-sm-2 control-label">E-mail</label><div class="col-sm-10 pt7">{%$read.email%}</div>
								{%/if%}
								<label class="col-sm-2 control-label">Address</label><div class="col-sm-10 pt7">{%$read.province%} {%$read.city%} {%$read.district%} {%$read.address%}</div>
								{%if $read.tel%}
								<label class="col-sm-2 control-label">Tel</label><div class="col-sm-10 pt7">{%$read.tel%}</div>
								{%/if%}
								{%if $read.mobile%}
								<label class="col-sm-2 control-label">Mobile</label><div class="col-sm-10 pt7">{%$read.mobile%}</div>
								{%/if%}
								{%if $read.isinvoice%}
									{%if $read.invpayee%}
									<label class="col-sm-2 control-label">Invoice</label><div class="col-sm-10 pt7">{%$read.invpayee%}</div>
									{%/if%}
									{%if $read.companysn%}
									<label class="col-sm-2 control-label">Certificate</label><div class="col-sm-10 pt7">{%$read.companysn%}</div>
									{%/if%}
									{%if $read.invcontent%}
									<label class="col-sm-2 control-label">Invoice content</label><div class="col-sm-10 pt7">{%$read.invcontent%}</div>
									{%/if%}
								{%/if%}
								{%if $read.content%}
									<label class="col-sm-2 control-label">Remarks</label><div class="col-sm-10 pt7">{%$read.content%}</div>
								{%/if%}
								{%if $read.integral>0%}
									<label class="col-sm-2 control-label">Integral</label><div class="col-sm-10 pt7">{%$read.integral%}</div>
								{%/if%}
							</div>
						</div>

					</div>
				</div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>