{extend name="default/base" /}
{block name="title"}我的收货地址 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/address.css?v={$v}">
{/block}
{block name="header"}
<header class="weui-header wst-header">
	<div class="weui-header-left"><a class="icon icon-return" href="javascript:void(0);" {if($type==1)}onclick="javascript:chooseAddress({$addressId});"{else}onclick="history.back();"{/if}></a></div>
	<h1 class="weui-header-title">我的收货地址</h1>
</header>
{/block}
{block name="main"}
<input type="hidden" name="" value="0" id="currPage" autocomplete="off">
<input type="hidden" name="" value="0" id="totalPage" autocomplete="off">
<input type="hidden" name="" value="{$type}" id="type" autocomplete="off">
<input type="hidden" name="" value="{$addressId}" id="addressId" autocomplete="off">
<section class="wst-container">
	<div class="wst-ad-list">
		<div id="address-list"></div>
	</div>
</section>
<div id="add-page" class="weui-popup-container">
	<div class="weui-popup-modal wst-ad-add">
		<header class="weui-header wst-header">
			<div class="weui-header-left"><a class="icon icon-return close-popup" href="javascript:void(0);"></a></div>
			<h1 class="weui-header-title" id="saveAdd-title">添加地址</h1>
		</header>
		<div class="form">
			<div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" id="userName" type="text" placeholder="收货人姓名">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">电话</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" id="userPhone" type="text" pattern="[0-9]*" placeholder="收货人手机号码" onkeyup="javascript:WST.isChinese(this,1)" onkeypress="return WST.isNumberdoteKey(event)" maxlength="11">
                </div>
            </div>
            <div class="weui_cell weui_cell_select  weui_select_after">
                <div class="weui_cell_hd"><label for="" class="weui_label">城市</label></div>
                <div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" onclick="javascript:frame(1,'add-city');" type="text" value="" id="city" readonly="" placeholder="点击选择">
					<input type="hidden" name="" value="0" id="areaId2" autocomplete="off">
					<input type="hidden" name="" value="0" id="areaName2" autocomplete="off">
                </div>
            </div>
            <div class="weui_cell weui_cell_select  weui_select_after">
                <div class="weui_cell_hd"><label for="" class="weui_label">小区/大厦</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" onclick="javascript:frame(1,'add-region');" type="text" value="" id="region" readonly="" placeholder="点击选择">
                    <input type="hidden" name="" value="0" id="latitude" autocomplete="off">
                    <input type="hidden" name="" value="0" id="longitude" autocomplete="off">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">门牌号</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" id="doorNum" type="text" placeholder="例：12号楼502室">
                </div>
            </div>
            <div class="weui_cell weui_cell_switch">
                <div class="weui_cell_hd weui_cell_primary">设为默认地址</div>
                <div class="weui_cell_ft">
                    <input class="weui_switch" id="defaults" type="checkbox">
                </div>
            </div>
		</div>
		<input type="hidden" name="" value="0" id="saveId" autocomplete="off">
		<div class="wst-ad-footer"><button id="saveAdd" class="button" onclick="javascript:saveAddress();">保存</button></div>
	</div>
</div>
<div id="add-city" class="weui-popup-container">
	<header class="weui-header wst-header wst-add-cityh">
		<div class="weui-header-left"><a class="icon icon-109" href="javascript:void(0);" onclick="javascript:frame(0,'add-city');"></a></div>
		<h1 class="weui-header-title">选择城市</h1>
	</header>
	<div class="weui-popup-modal wst-add-city">
		<div class="form">
			{foreach $area as $key=>$vo}
			<p class="letter">{$key}</p>
			<ul>
				{volist name="vo" id="ar"}
					<li  onclick="javascript:inCity({$ar['areaId']},&quot;{$ar['areaName']}&quot;);">{$ar['areaName']}</li>
				{/volist}
				<div class="wst-clear"></div>
			</ul>
			{/foreach}
		</div>
	</div>
</div>
<div id="add-region" class="weui-popup-container">
	<header class="weui-header wst-header wst-add-regionh">
		<div class="weui-header-left"><a class="icon icon-109" href="javascript:void(0);" onclick="javascript:frame(0,'add-region');"></a></div>
		<div class="wst-add-search search-form">
		    <i class="icon icon-4" onclick="javascript:addSearch();"></i>
		    <form action＝"" class="input-form">
			<input type="search" id="add-search" value="" placeholder="搜索小区/大厦/学校等" onsearch="addSearch()" autocomplete="off">
			</form>
		</div>
	</header>
	<div id="map" class="wst-add-map"></div>
	<div class="weui-popup-modal wst-add-region">
		<div class="form" id="region-list"></div>
	</div>
</div>
<script id="listr" type="text/html">
{{# for(var r=0; r<d.length; r++){ }}
<div class="list {{# if(r==0){ }}active{{# } }}" onclick="javascript:inRegion({{ r }});">
	<p class="words">{{ d[r].title }}</p>
	<p class="words2">{{ d[r].address }}</p>
</div>
{{# } }}
</script>
<script id="listr2" type="text/html">
{{# for(var r=0; r<d.length; r++){ }}
<div class="list {{# if(r==0){ }}active{{# } }}" onclick="javascript:inRegion({{ r }});">
	<p class="words">{{ d[r].name }}</p>
	<p class="words2">{{ d[r].address }}</p>
</div>
{{# } }}
</script>
<script id="list" type="text/html">
{{# for(var i=0; i<d.data.length; i++){ }}
<div class="address wst-flex-column ">
	<div class="data-item">
		<div {{# if(d.type==1){ }}onclick="javascript:chooseAddress({{ d.data[i].addressId }});"{{# } }}>
			<div class="item-title">
				{{ d.data[i].userName }}<span class="user-phone">{{ d.data[i].userPhone }}</span>
			</div>
			<div class="item-address">
				{{ d.data[i].areaName2 }}{{ d.data[i].userAddress }}{{ d.data[i].doorNum }}
			</div>
		</div>
	</div>
	<div class="data-item-bottom wst-flex-row wst-jsb wst-ac">
		<div>
			<!-- 1为默认地址 -->
			{{# if(d.data[i].isDefault==1){ }}
			<i class="weui_icon_circle weui_icon_success" ></i>设为默认
			{{# }else{ }}
			<i class="weui_icon_circle choice" onclick="javascript:inDefault(this,{{ d.data[i].addressId }});" ></i>设为默认
			{{# } }}
		</div>
		<div>
			<p onclick="javascript:delAddress({{ d.data[i].addressId }});" class="right-edit"><i class="delete list-i"></i>删除</p>
			<p data-target="#add-page" onclick="javascript:infoAddress({{ d.data[i].addressId }});" class="right-del open-popup"><i class="edit list-i"></i>编辑</p>
		</div>
	</div>
</div>
{{# } }}
</script>
{/block}
{block name="footer"}
<div class="wst-ad-footer js-address"><button class="button open-popup" data-target="#add-page" onclick="javascript:infoAddress(0);">新增</button></div>
{/block}
{block name="include"}
{include file="default/dialog" /}<!-- 对话框模板 -->
{/block}
{block name="js"}
<script charset="utf-8" src="{:WSTProtocol()}map.qq.com/api/js?v=2.exp&key={:WSTConf('CONF.mapKey')}"></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/picker.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/updown.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__MOBILE__/users/address/address.js?v={$v}'></script>
{/block}