{extend name="default/base" /}
{block name="title"}附近门店 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/shop_switch.css?v={$v}">
{/block}
{block name="header"}
<header class="weui-header wst-header"> 
	{if $current_shop.shopId>0}
	<div class="weui-header-left"><a class="icon icon-return" href="javascript:void(0);" onclick="history.back()"></a></div>
	{/if}
	<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">
<section class="wst-container">
    <div class='shop-areas'>
      <div class='area' onclick="javascript:frame(1,'sel-city');">
	  <input type='hidden' id='shop_areaId' value='{$current_areas2.areaId}'/>
	  <span id='shop_city'>{$current_areas2.areaName}</span>
	  <i class='icon icon-74'></i>
	  </div>
	  <div class="search search-form">
			<i class="icon icon-4" onclick="javascript:searchShop();"></i>
			<form action="" class="input-form">
		       <input type="search" id="wst-search-shop" value="" placeholder="按关键字搜索门店" onsearch="searchShop()" autocomplete="off">
		       <button class="button search-btn" type='button' onclick='javascript:searchShop();'>确定</button>
			</form>
	  </div>
    </div>
	<div id="shop-list"></div>
</section>
<div class="wst-loading">
	<div class="weui-mask_transparent"></div>
	<div class="weui-toast">
	    <i class="weui-loading weui-icon_toast"></i>
	    <p class="weui-toast__content">定位中···</p>
	</div>
</div>
<script id="list" type="text/html">
{{# for(var i=0; i<d.length; i++){ }}
		<div class="wst-shop">
			<div class="shop" onclick="javascript:inSwitch({{ d[i].shopId }});">
				<div class="info">
					<p class="name wst-nowrap">{{ d[i].shopName }}</p>
					<p class="address wst-nowrap">{{ d[i].shopAddress }}</p>
					<p class="time">营业时间：{{ d[i].serviceStartTime }}-{{ d[i].serviceEndTime }}</p>
				</div>
				{{# if(d[i].distince && d[i].distince!='null'){ }}
				<div class="map">
                    {{ d[i].distince }}km
                    <div><i class="icon icon-68"></i></div>
				</div>
				{{# } }}
				{{# if(d[i].shopId==WST.conf.SHOPID){ }}<div class="active"><i class="weui_icon_success_no_circle"></i></div>{{# } }}
				<div class="wst-clear"></div>
			</div>
			<div class="weui-flex term">
			    <div class="weui-flex-item"><a href="tel:{{ d[i].shopTel }}"><i class="icon icon-104"></i>联系门店</a></div>
			    <div class="weui-flex-item see open-popup" data-target="#shop-page" onclick="javascript:shop({{ d[i].shopId }});"><i class="icon icon-69"></i>查看门店</div>
			    <div class="weui-flex-item" onclick="javascript:inSwitch({{ d[i].shopId }});"><i class="icon icon-27"></i>进入门店</div>
			</div>
		</div>
{{# } }}
</script>
<div id="shop-page" class="weui-popup-container">
	<div class="weui-popup-modal wst-shop-page">
		<header class="weui-header wst-header">
			{if $current_shop.shopId>0}
			<div class="weui-header-left"><a class="icon icon-109 close-popup" href="javascript:void(0);"></a></div>
			{/if}
			<h1 class="weui-header-title info-shopname">门店</h1>
		</header>
		<div class="map" id="map"></div>
		<footer class="footer">
			<div class="wst-row info">
				<div class="wst-col wst-col-80">
					<p class="name wst-nowrap info-shopname">门店</p>
					<p class="address wst-nowrap" id="info-shopname">地址</p>
					<p class="time">门店营业时间：<span id="info-time"></span></p>
				</div>
				<div class="wst-col wst-col-20" style="text-align: right;">
					<p class="distance wst-nowrap" id="info-distance"></p>
					<a class="tel" id="info-tel"><i class="icon icon-105"></i></a>
				</div>
			</div>
			<button class="button btn-green close-popup">确定</button>
		</footer>
	</div>
</div>
<div id="sel-city" class="weui-popup-container">
	<header class="weui-header wst-header wst-sel-cityh">
        {if $current_shop.shopId>0}
		<div class="weui-header-left"><a class="icon icon-109" href="javascript:void(0);" onclick="javascript:frame(0,'sel-city');"></a></div>
        {/if}
		<h1 class="weui-header-title">选择城市</h1>
	</header>
	<div class="weui-popup-modal wst-sel-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>
{/block}
{block name="footer"}{/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/updown.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__MOBILE__/js/shop_switch.js?v={$v}'></script>
{/block}