<!--pages/reservr/index.wxml-->
<map id="map" scale="{{map.scale}}"
     longitude="{{map.longitude||118.170300}}" latitude="{{map.latitude||39.65273}}"
     markers="{{markers}}" polygons="{{polygons}}"
     bindmarkertap="markertap"
     bindcallouttap="markertap"
     bindregionchange="regionChange"
     bindupdated="mapUpdated"
     show-location="{{false}}"
     enable-3D="{{false}}"
     enable-zoom
     enable-scroll
     enable-rotate
     subkey="SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ"
     layer-style="2"
     style="width: 100%; height: 40vh;position: relative;">
</map>
<!-- <view class="moveToLocationView">
    <view bindtap="moveToLocation" class="view moveToLocation flex align-center justify-center">
        <image class="moveToLocation-image" src="http://nosqn.colorcun.com/2.0/home%20%2811%29.png"></image>
    </view>
</view> -->
<view class="moveToLocationView">
    <view bindtap="moveToLocation" class="view moveToLocation flex align-center justify-center">
        <image class="moveToLocation-image" src="http://nosqn.colorcun.com/loaction.png"></image>
    </view>
</view>
<view class="moveToLocationView">
    <view bindtap="switchpage" class="view moveToLocation flex-vc" style="top: -140rpx;">
        <image class="moveToLocation-image" src="http://libpc.colorcun.com/map.png" style="width: 34rpx;height: 32rpx;margin-bottom: 8rpx;"></image>
		<view style="color: #42A5FF;font-size: 20rpx;">地图</view>
    </view>
</view>
<!-- location="{{location}}" -->
<view class="view content padding-top-xs" style="height: 60vh;">
	<taocan-notice></taocan-notice>
	<block wx:if="{{location}}">
		<filter-group height="{{height}}"
		              location="{{location}}"
		              id="filter-group"
		              bindevent="filterGroupEvent"
		              disabled="{{(sellers.length<1 && !hasFilterData) || hasLoading}}"></filter-group>
	</block>
	
    <block wx:if="{{hasLoading}}">
        <view class="view flex flex-direction justify-center align-center" wx:if="{{hasLoading}}">
            <image class="view" src="http://nosqn.colorcun.com/2.0/timg.gif" style="width: 40rpx;height: 40rpx;margin-top: 260rpx;"></image>
            <view class="view bg-white text-sm margin-top">包间查找中，请稍后…</view>
        </view>
    </block>
    <block wx:elif="{{sellers.length<1}}">
        <view class="view flex flex-direction justify-center align-center empty-box margin-sm" wx:if="{{!hasSellers}}">
            <view class="view text-lg">该地区没有可提供服务的餐厅</view>
            <view class="view" style="margin-top: 16rpx;">您可以切换到其他城市看看</view>
            <view style="margin-top: 80rpx;"
                  bindtap="setLoacl" data-val="39.684670,118.176300"
                  class="cu-btn round view text-def text-white bg-blue-blue">去唐山市</view>
        </view>
        <view class="view flex flex-direction justify-center align-center empty-box margin-sm" wx:elif="{{hasFilterData}}">
            <view class="view text-lg">未找到符合要求的餐厅</view>
            <view class="view" style="margin-top: 16rpx;">修改或减少条件，获得更多餐厅</view>
            <!-- <chatbot>
                <view style="margin-top: 80rpx;"
                      bindtap="setLoacl" data-val="39.684670,118.176300"
                      class="cu-btn round view text-def text-white bg-blue-blue">人工抢订</view>
            </chatbot> -->
        </view>
        <view class="view flex flex-direction justify-center align-center empty-box empty-box-move margin-sm"
              wx:else="">
            <view class="view icon"></view>
            <view class="view text-lg margin-top-sm">任意方向缩放或拖动地图</view>
            <view class="view text-lg">地图显示范围无餐厅</view>
            <view style="margin-top: 80rpx;"
                  bindtap="reduceMapScale" data-val="39.684670,118.176300"
                  class="cu-btn round view text-def text-white bg-blue-blue">扩大搜索范围</view>
        </view>
    </block>
    <block wx:else="">
        <scroll-view class="view scroll-view" scroll-y="true"
                     scroll-into-view="seller-{{scrollSellerID}}"
                     scroll-with-animation
                     bindscroll="scrollEvent"
                     style="width:100%;height: calc(60vh - 50px);">
            <block wx:for="{{sellers}}" wx:key="sellers" >
                <navigator url="/pages/reserve/detail?id={{item.id}}" hover-class="navigator-hover">
                    <seller-card class="seller-card" id="seller-{{item.id}}"
                                 activeSellerID="{{activeSellerID}}"
                                 seller="{{item}}" bindevent="sellerCardEvent" ></seller-card>
                </navigator>
            </block>
            <view style="height: 304rpx;"
                    class="view flex flex-direction justify-center align-center empty-box empty-box-move margin-sm">
                <!-- <view class="view flex text-df tips align-center text-orange">
                    <view class="view icon"></view>
                    <view class="view">往任意方向拖动地图，可查找不同范围的餐厅</view>
                </view> -->
				<view class="view icon"></view>
                <view class="view text-lg margin-top-sm">任意方向缩放或拖动地图</view>
				<view class="view text-24" style="margin-top: 16rpx;">可以查找更多餐厅</view>
            </view>
            <view class="view" style="height: 192rpx;"></view>
        </scroll-view>
    </block>

</view>
<getpos bindpos="onpos" id="getpos" hasFailPop></getpos>
<!--
<navigator url="/pages/me/index" hover-class="navigator-hover">
    <view style="top:{{meTop}}px;"
            class="me view flex flex-direction align-center justify-center bg-white round">
        <view class="icon view"></view>
        <view class="text">我的</view>
    </view>
</navigator>
-->
<!--

<view class="toast" wx:if="{{hasGetSellersEnd && listMoreCount<1 && !hasSearchLimit}}">该地区没有可供预订的餐厅哦！努力开通中</view>
<view class="toast" wx:if="{{hasGetSellersEnd && markers.length<3 && listMoreCount>0}}">移动或缩放地图，获取更多餐厅</view>

<seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box>
<cover-view class="tab-patch"></cover-view>
<a2l bindshow="a2lshow" bindhide="a2lshow" key="INDEX"></a2l>
<caixi multiArray="{{multiArray}}" multiIndex="{{multiIndex}}"
       bindactive="caixiActive" id="caixi"
></caixi>
<activity-enter hasInHome wx:if="{{hasGetPos}}"></activity-enter>
<boost bindevent="boostEvent" wx:if="{{hasBoost}}"></boost>
<activity-tips wx:if="{{hasSetActivity}}" map="{{map}}"></activity-tips>
<as-phone id="as"></as-phone>
<filter id="filter" bindevent="filterEvent"></filter>
-->
<a2l bindshow="a2lshow" bindhide="a2lshow" key="INDEX" type="black20"></a2l>
<as-phone id="as"></as-phone>
<menu></menu>
<service></service>