<!--nova-tourism/pages/homestay/homestay-order2/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="{{room.shop.storeName}}" />
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="timebox" bindtap="onDisplay">
        <view class="time1">{{date}}</view>
        <view>{{count}}晚</view>
    </view>
    <van-calendar show="{{ show }}" show-confirm="{{ true }}" confirm-text="完成" confirm-disabled-text='完成' type="range" bind:close="onClose" bind:confirm="onConfirm" color='#46a9a4' position='bottom' />

    <view class="roombox">
        <image src="{{room.images[0]}}"></image>
        <view class="room">
            <view class="room-name">{{room.name}}</view>
            <view class="room-tag">
                <block wx:for="{{room.tags}}">
                    {{item}}
                </block>
            </view>
            <view class="room-text">{{date2}}</view>
        </view>
    </view>
    <van-divider customStyle="margin-top: 28rpx;margin-bottom:14rpx; border-color:'#B1B1B1' " />
    <van-cell-group>
        <!-- <van-field  label-class='lable' placeholder-style='font-weight: 500;' custom-style='padding-top:0rpx;padding-bottom:0rpx;' input-class='input' value="{{ name }}" required label="住客姓名" placeholder="请输入姓名" custom-style='padding-top:0rpx;padding-bottom:0rpx' bind:change='getname' border="{{ false }}" />
        <van-field label-class='lable' placeholder-style='font-weight: 500;'  custom-style='padding-top:0rpx;padding-bottom:0rpx;' input-class='input' value="{{ mobile }}" error-message="{{error_message}}" required label="联系电话" placeholder="请输入电话" border="{{ false }}" bind:blur='getmobile' /> -->
        <view class="inputbox">
            <view class="inputbox2">
                <view class="in-tex">住客姓名
                    <view class="red">*</view>
                </view>
                <input model:value="{{ name }}" bindinput='getname' class="input" type="text" placeholder-style="font-weight:500" placeholder="请输入住客姓名" />
            </view>
            <view class="inputbox2" style="margin-bottom: 38rpx;">
                <view class="in-tex">联系电话
                    <view class="red">*</view>
                    +86
                </view>
                <input model:value="{{ mobile }}" bindblur='getmobile' class="input" type="text"  placeholder-style="font-weight:500" placeholder="请输入联系电话" />
            </view>
        </view>
    </van-cell-group>
    <van-divider customStyle="margin-bottom: 16rpx;border-color:'#B1B1B1' " />
    <view class="benefitbox">
        <view class="benefitbox1">本单可享</view>
        <view class="benefitbox2">
            <view class="benefitbox2-text">优惠卷</view>
            <view class="benefitbox2-text2">
                减￥0
                <van-icon name="arrow" size='30rpx' color="gray" />
            </view>
        </view>
        <view class="benefitbox2">
            <view class="benefitbox2-text">促销福利</view>
            <view class="benefitbox2-text_2">
                减￥0
            </view>
        </view>
        <view class="benefitbox2">
            <view class="benefitbox2-text">会员福利</view>
            <view class="benefitbox2-text_2">
                减￥0
            </view>
        </view>
    </view>
    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
    <view class="benefitbox2">
        <view class="benefitbox2-text">发票</view>
        <view class="benefitbox2-text_22">
            酒店开票
        </view>
    </view>


</view>
<view class="subbox">
    <view class="subbox1" bindtap="getback">首页</view>
    <view class="subbox2" bindtap="submit">
        <!-- <view class="subbox2_1">优惠0</view> -->
        <view class="subbox2_2">实付款￥{{count*room.price}}</view>
    </view>
</view>
<!-- 支付组件 -->
<payment style="z-index: 99999;" id='payMent' show="{{showPayment}}" tradeNo="{{tradeNo}}" price="{{count*room.price}}" bind:payResult='acceptResult' showType="all" />