<!--module/order/pages/confirme-success/confirme-success.wxml-->
<t-navbar title="预约成功" left-arrow />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <view class="success-container">
    <!-- 标题 -->
    <view class="success-title">预约成功</view>

    <!-- 预约详情 -->
    <view class="appointment-details">
      <view class="detail-item">
        <text class="detail-label">预约项目:</text>
        <text class="detail-value">{{appointmentInfo.name}}</text>
      </view>
      <view class="detail-item">
        <text class="detail-label">开始服务时间:</text>
        <text class="detail-value">{{appointmentInfo.appointmentTime}}</text>
      </view>
      <view class="detail-item">
        <text class="detail-label">服务时长:</text>
        <text class="detail-value">{{appointmentInfo.duration}}分钟</text>
      </view>
    </view>

    <!-- 提示信息 -->
    <view class="tip-message">
      <text class="tip-text">请保持电话畅通, 30分钟内将有工作人员与您联</text>
      <text class="tip-text">系</text>
    </view>
  </view>
</scroll-view>

<!-- 返回按钮 -->
<view class="return-footer" style="padding-bottom: {{container.safeBottomOffset}}px;">
  <view class="return-btn" bindtap="onReturn">
    返回
  </view>
</view>