<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<view class="view margin-lr-lg margin-top-sm  solid radius padding padding-bottom-lg" style="box-shadow: 0px 0px 20rpx 0px #EEF0F2;">
    <view class="view flex padding-bottom-sm solid-bottom">
        <view class="view round margin-right-sm"
              style="width: 44rpx;height: 44rpx; background-image: url('{{reserve.seller.seller_image}}');">
        </view>
        <view class="view text-cut flex-treble">
            <view class="view text-lg text-cut" style="margin-bottom: 16rpx;">{{reserve.seller.sellername}}</view>
            <view class="view text-df bg-white text-cut">{{reserve.seller.map_address}}</view>
        </view>
        <view class="view margin-left-sm text-blue text-lg" style="min-width: 100rpx;">
            {{reserve.getStatusStr}}
        </view>
    </view>
    <view class="view margin-top-sm">
        <view class="view flex margin-bottom-sm align-center">
            <view class="view flex-sub bg-white">预订时间</view>
            <view class="view flex-treble text-bold" style="font-size: 36rpx;">
                <view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate}}">
                    <text wx:if="{{reserve.ddate>0}}">{{util.unixtoTime(reserve.ddate||'','MM月DD日')}}　{{reserve.soltName}}</text>
                </view>
                <view class="value" wx:else="">{{reserve.rdateStr}}</view>
            </view>
        </view>
        <view class="view flex align-center">
            <view class="view flex-sub bg-white" style="min-width: 140rpx;">包间类型</view>
            <view class="view flex-treble text-bold text-cut" style="font-size: 36rpx;">
                {{reserve.tableFirst||util.getRoomName(reserve.room_demand)}}
            </view>
        </view>
    </view>
</view>