<wxs src="../../../utils/util.wxs" module="utils" />
<!-- 顶部 -->
<view class="page">
    <view class="top">
        <image class="room-detail-bg" src="/static/img/room-detail-bg.png" mode="" />
        <!-- <view class="top-area"></view> -->
    </view>
    <!-- 胶囊按钮区 -->
    <view style="height: {{CustomBar-StatusBar}}px; width: 100%;margin-top: {{StatusBar}}px; padding-left: 40rpx; line-height: {{CustomBar-StatusBar}}px;position: absolute;color: #fff;">
        <van-icon name="arrow-left" bindtap="goBack" />
        <view class="basics-msg">
            <view class="basics-msg-tit">
                {{itemData.meetingName}}
            </view>
            <view class="position">
                <van-icon name="location" />
                <text>{{itemData.meetingAddress}}</text>
            </view>
            <view class="position">
                <van-icon name="clock" />
                <text>{{itemData.canAppointmentStartTime}}~{{itemData.canAppointmentEndTime}}内可预约</text>
            </view>
            <view class="position">
                <van-icon name="map-marked" />
                <text>共有{{itemData.seatNum}}个座位</text>
            </view>
            <view class="tips">
                <van-icon name="info" />
                <text>最长可提前{{itemData.meetingLargestDayNum}}天进行预约</text>
            </view>
        </view>
    </view>
    <view class="contnt">
        <view class="service border-radius-20">
            <view>
                <van-icon name="invitation" class="m-r-16" />
                <text>会议室预约可配置</text>
            </view>
            <view class="service-item">
                <text class="letter" wx:for="{{itemData.meetingBeforeServiceNameList}}" wx:key="index">{{item}} {{itemData.meetingBeforeServiceNameList.length>index+1?'/':''}}</text>
            </view>
            <view>
                <van-icon name="like" class="m-r-16" />
                <text>会议中可提供服务</text>
            </view>
            <view class="service-item">
                <text class="letter" wx:for="{{itemData.meetingInServiceList}}" wx:key="index">{{item}} {{itemData.meetingInServiceList.length>index+1?'/':''}}</text>
            </view>
        </view>
        <view wx:if="{{itemData.imgList &&itemData.imgList.length>0}}">
            <view class="picture-tit">
                会议室实景图
            </view>
            <view class="picture-box">
                <image class="picture-img" wx:for="{{itemData.imgList}}" wx:key="index" src="{{item}}" mode="" bindtap="preview" data-src="{{item}}"/>
            </view>
        </view>
        <view class="contnt-box">
            <view class="tit">
                已预约的会议
            </view>
            <view class="flex">
                <view class="date-item border-radius-20 {{chooseId==item.id?'choose-bg':''}}" wx:for="{{subscribeList}}" wx:key="index" bindtap="clickDate" data-item="{{item}}">
                    <!-- <view class="{{chooseId==item.id?'choose-one':'one'}}">今天</view> -->
                    <view class="{{chooseId==item.id?'choose-two':'two'}}">{{item.month}}</view>
                    <view class="{{chooseId==item.id?'choose-three':'three'}}">可预约</view>
                </view>
            </view>
        </view>
        <view class="m-b">
            <view class="meeting-item border-radius-20" wx:for="{{appointmentList}}" wx:key="index" bindtap="goDetail" data-item="{{item}}" data-type="meeting-detail">
                <view class="flex">
                    <view>
                        <image class="icon" src="/static/img/meeting-detail-icon.png" mode="" />{{item.appointmentStartTime}}~{{item.appointmentEndTime}}
                    </view>
                    <view class="color">
                        <van-icon name="friends" />
                        <text>参会{{item.meetingNum}}人</text>
                    </view>
                </view>
                <view class="over" wx:if="{{utils.indexOf1(itemData.meetingBeforeServiceNameList,'准备会标') && item.meetingMonogram}}">
                    <van-icon name="label" class="icon" />
                    <text>{{item.meetingMonogram}}</text>
                </view>
                <view class="subscribe-user">
                    <!-- <image class="m-r-16" src="/static/img/meeting-detail-icon.png" mode="" /> -->
                    <text>预约人：{{item.name}}</text>
                </view>
            </view>
        </view>

    </view>
    <view class="btn-area" wx:if="{{userInfo.appointmentAuth}}">
        <button bindtap="goto" data-id="1">去预约</button>
    </view>
</view>