<view class="container">
  <view class="header">
    <view class="title">我们去哪聚</view>
    <view class="subtitle">找到你们的完美聚会点</view>
    <button class="primary-btn" bindtap="onCreateRoom">发起聚会</button>
  </view>

  <!-- 我发起的聚会 -->
  <view class="room-section" wx:if="{{myRooms.length > 0}}">
    <view class="section-title">我发起的</view>
    <block wx:for="{{myRooms}}" wx:key="roomId">
      <view class="room-item">
        <view class="room-info" bindtap="onJoinRoom" data-roomid="{{item.roomId}}">
          <view class="room-name">{{item.name}}</view>
          <view class="room-meta">
            <text wx:if="{{item.meetTime}}">{{item.meetTime}}</text>
            <text wx:else>时间未定</text>
          </view>
        </view>
        <view class="room-actions">
          <view class="room-arrow">→</view>
          <view class="delete-btn" catchtap="onDeleteRoom" data-roomid="{{item.roomId}}">
            删除
          </view>
        </view>
      </view>
    </block>
  </view>

  <!-- 我参与的聚会 -->
  <view class="room-section" wx:if="{{joinedRooms.length > 0}}">
    <view class="section-title">我参与的</view>
    <block wx:for="{{joinedRooms}}" wx:key="roomId">
      <view class="room-item" bindtap="onJoinRoom" data-roomid="{{item.roomId}}">
        <view class="room-info">
          <view class="room-name">{{item.name}}</view>
          <view class="room-meta">
            <text wx:if="{{item.meetTime}}">{{item.meetTime}}</text>
            <text wx:else>时间未定</text>
          </view>
        </view>
        <view class="room-arrow">→</view>
      </view>
    </block>
  </view>

  <!-- 无聚会提示 -->
  <view class="empty-tip" wx:if="{{myRooms.length === 0 && joinedRooms.length === 0}}">
    <view class="empty-text">还没有聚会，快去创建一个吧</view>
  </view>

  <view class="desc-area">
    <view class="desc">分享给好友，共同寻找中间点</view>
  </view>
</view>
