<!--pages/reserve/detail.wxml-->
<nav>{{seller.sellername}}</nav>
<view class="seller-banner">
    <swiper
            indicator-dots="{{false}}" autoplay="{{true}}" circular="{{false}}" vertical="{{false}}"
            interval="2000" duration="500"
            previous-margin="{{0}}px" next-margin="{{0}}px"
            current="{{current}}" bindchange="bindtransition" bindtap="reviweBanner">
        <block wx:for="{{seller.envi_image}}" wx:key="sellers.key">
            <swiper-item>
                <image class="image" mode="aspectFill"
                        src="{{item}}?imageView2/2/w/860/interlace/0/q/100" ></image>
            </swiper-item>
        </block>
    </swiper>
</view>
<view class="pages" style="height: {{pagesHeight}};overflow:{{pagesHeight=='auto'?'visible':'hidden'}}">
    <view class="seller">
        <view class="base flex-vc">
            <view class="name">{{seller.sellername}}</view>
            <view class="slogan" wx:if="{{seller.slogan}}">“{{seller.slogan}}”</view>
            <view class="ping flex-cc">
                <view class="item flex-lr fen">
                    <stat stat="{{seller.score}}"></stat>
                </view>
                <view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view>
                <view class="item" wx:if="{{seller.average>0}}">人均{{seller.average}}元</view>
            </view>
            <view class="peitao flex-cc">
                <view class="icon meal_fee" wx:if="{{seller.is_meal_fee!=0}}">
                    {{seller.is_meal_fee==1?'无餐位费':'有餐位费'}}
                </view>
                <view class="icon unsubscribe" wx:if="{{seller.is_unsubscribe!=0}}">
                    {{seller.is_unsubscribe==1?'不可退':'随时退'}}
                </view>
                <view class="icon minimum" wx:if="{{seller.is_minimum_consumption!=0}}">
                    {{seller.is_minimum_consumption==1?'无最低消费':'有最低消费'}}
                </view>
                <view class="icon belt" wx:if="{{seller.is_belt_wine!=0}}">
                    {{seller.is_belt_wine==1?'不可带酒水':'可自带酒水'}}
                </view>
            </view>
        </view>
        <formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
            <view class="activity-view" >
                <view class="activity" >
                    <view class="flex-lr">
                        <view class="activity-left">
                            <view class="activity-first flex-ll" style="align-items: flex-start">
                                <image src="http://qn.colorcun.com/custom/lite-online/image%E5%96%87%E5%8F%AD.png"></image>
                                <view class="flex-cc discount" wx:for="{{seller.activity}}"
                                      wx:key="seller.activity.key"
                                      wx:if="{{index<2}}">
                                    <view class="discount-left"></view>
                                    <view class="discount-text">{{item.title}}</view>
                                    <view class="discount-right"></view>
                                </view>
                            </view>
                        </view>
                        <view class="activity-right flex-rr Semibold">
                            <view></view>
                            <view class="more"></view>
                        </view>
                    </view>
                    <view class="activity-text">
                        该优惠仅适用于一键订平台预订客户
                    </view>
                </view>
            </view>
        </formids>
        <view class="addr" bindtap="lookLocation">
            <view class="addr-text flex-ll">
                <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                <view>{{seller.real_address||seller.map_address}}</view>
            </view>
            <view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
        </view>
    </view>
    <view class="black20line"></view>
    <view class="block" wx:if="{{seller.room_image.length>0}}">
        <view class="header flex-ll">
            <view class="line"></view>
            <view class="name">包间环境</view>
        </view>
        <scroll-view
                scroll-x
                class="baos"
                scroll-into-view="{{toView}}"
                scroll-top="{{scrollTop}}"
        >

            <block wx:for="{{seller.room_image}}" wx:key="sellers.key">
                <view class="image">
                <image mode="aspectFill" bindtap="reviweRoomImage" data-current="{{item}}"
                        src="{{item}}?imageView2/2/w/640/interlace/0/q/100"></image>
                </view>
            </block>

        </scroll-view>
    </view>
    <view class="block" wx:if="{{seller.dishes.length>0}}">
        <view class="header flex-ll">
            <view class="line"></view>
            <view class="name">推荐菜品</view>
        </view>
        <scroll-view
                scroll-x
                class="cais"
                scroll-into-view="{{toView}}"
                scroll-top="{{scrollTop}}"
        >

            <block wx:for="{{seller.dishes}}" wx:key="sellers.key">
                <view class="image-view" wx:if="{{item.image}}">
                    <view class="image">
                        <image mode="aspectFill" bindtap="reviweDishesImage" data-current="{{item.image}}"
                                src="{{item.image}}?imageView2/2/w/640/interlace/0/q/100"></image>
                    </view>
                    <view class="text Semibold">{{item.name}}</view>
                </view>
            </block>

        </scroll-view>
        <view class="cais-text">
            <block wx:for="{{seller.dishes}}" wx:key="sellers.key">
                <view wx:if="{{!item.image}}">{{item.name}}</view>
            </block>
        </view>
    </view>
</view>
<view class="footer flex-lr">
    <view class="left flex-cc">
        <formids class="flex-tb" url="/pages/customer/index">
            <image src="http://qn.colorcun.com/custom/lite-online/image/%E9%A6%96%E9%A1%B5.png"></image>
            <view class="text">首页</view>
        </formids>
        <userinfo class="follow flex-tb" binduserinfo="follow">
            <image src="http://qn.colorcun.com/custom/lite-online/image/%E6%94%B6%E8%97%8F.png" wx:if="{{!IsCollectionSeller}}"></image>
            <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%B7%B2%E6%94%B6%E8%97%8F.png" wx:else=""></image>
            <view class="text">收藏</view>
        </userinfo>
    </view>
    <view class="reserve share flex-vc">
        <userinfo-share class="flex-vc" style="width: 100%" binduserinfo="shareUserinfo">
            <view class="text">分享</view>
        </userinfo-share>
    </view>
    <view class="reserve">
        <formids class="flex-vc" bindclick="reserve" id="reserve-button">
            <view class="text">电话预定</view>
        </formids>
    </view>
</view>
<as id="as" items="{{seller.seller_tel}}" bindclick="reservePhone">拨打电话预定</as>
<getpos bindpos="onpos" id="getpos"></getpos>
<discount id="discount" seller="{{seller}}" bindhide="discountHide" bindshow="discountShow"></discount>