<!--pages/reserve/home.wxml-->
<view class="view header">
    <image src="http://nosqn.colorcun.com/search/s%20%281%29.png"
           style="z-index: 1"
           mode="widthFix" class="bg-img"></image>
</view>
<view class="view search margin-lr padding-top-0 padding-lr-lg padding-bottom-lg">
    <view class="view solid-bottom flex justify-around align-center" style="height: 110rpx;">
        <view bindtap="dispalyLocation"
                class="view flex-treble text-bold text-xl text-cut margin-right-lg">
            {{location}}
        </view>
        <view class="view flex flex-direction align-center justify-center" bindtap="meLocation">
            <view class="view posicon"></view>
            <view class="view text-blue txt-24-h" style="margin-top: 4rpx;">我的位置</view>
        </view>
    </view>
    <view class="view solid-bottom flex justify-around align-center" style="height: 110rpx;" bindtap="dispalySearchHow">
        <view class="flex-treble txt-36-h {{findSellerData.paramStr ? 'text-bold' : ''}}" style="color: {{findSellerData.paramStr ? '#353535' : '#999999'}};">{{findSellerData.paramStr||'选择日期/时段/人数'}}</view>
        <view class="more"></view>
    </view>
    <view class="view solid-bottom flex justify-around align-center"
          bindtap="goPath" data-path="/pages/reserve/searchKeyword"
          style="height: 110rpx;">
        <view class="flex-treble txt-32-h text-gray">搜索餐厅/位置/关键词</view>
        <view class="more"></view>
    </view>
    <view class="view flex justify-around align-center" style="height: 110rpx;" bindtap="displayFilter">
        <view class="flex-treble txt-32-h {{consumeStr?'':'text-gray'}}">{{consumeStr||'人均消费'}}</view>
        <view class="more"></view>
    </view>
    <view class="view flex justify-around align-center round bg-blue-blue text-bold"
          bindtap="goPath" data-path="/pages/reserve/indexList"
          style="height: 84rpx;">
        查找包间
    </view>
</view>
<view wx:if="{{IsSetActivityByFoods}}" class="margin-top-lg padding-lr-lg padding-top-lg" bindtap="goPath"
      data-path="/pages/reserve/discount">
    <view class="txt-40-h text-bold margin-bottom">精选特惠</view>
    <view class="flex justify-center align-center">
        <view class="view youhui-image image1" style=""></view>
        <view class="margin-left-xs">
            <view class="view youhui-image image2"></view>
            <view class="view youhui-image image3 margin-top-xs"></view>
        </view>
    </view>
</view>
<view wx:if="{{sellers.length>0}}" class="margin-tb-lg padding-tb-lg">
    <view class="txt-40-h text-bold margin-bottom margin-lr-lg">为你推荐</view>
    <view wx:for="{{sellers}}" wx:key="sellers" class="margin-lr-sm" >
        <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>
    </view>
</view>
<view style="height: 150rpx;"></view>
<search-how id="search-how" findSellerData="{{findSellerData}}" autoCon="{{true}}" bindevent="howEvent"></search-how>
<location id="location" bindevent="locationEvent"></location>
<view class="view filter-mask" hidden="{{!hasFilter}}">
    <view class="view filter">
        <filter id="filter" bindevent="filterEvent" cla="bottom-search"></filter>
    </view>
</view>
<as-phone id="as"></as-phone>