<scroll-view class="page" scroll-y>
  <view class="shell">
    <view class="hero">
      <view class="hero__eyebrow">Map Experience</view>
      <view class="hero__title">地图体验</view>
      <view class="hero__desc">先选地点与地图，再进入默认体验活动。</view>
    </view>

    <view class="panel">
      <view class="panel__title">当前状态</view>
      <view class="summary">{{statusText}}</view>
      <view class="actions">
        <button class="btn btn--secondary" bindtap="handleRefresh">刷新列表</button>
      </view>
    </view>

    <view class="panel">
      <view class="panel__title">地图卡片</view>
      <view wx:if="{{!cards.length}}" class="summary">当前没有可体验地图</view>
      <view wx:for="{{cards}}" wx:key="mapId" class="card {{item.disabled ? 'card--disabled' : ''}}" bindtap="handleOpenMap" data-map-id="{{item.mapId}}">
        <image wx:if="{{item.coverUrl}}" class="card__cover" src="{{item.coverUrl}}" mode="aspectFill"></image>
        <view class="card__title">{{item.mapText}}</view>
        <view class="card__subtitle">{{item.placeText}}</view>
        <view class="card__summary">{{item.summaryText}}</view>
        <view class="card__meta">{{item.defaultExperienceText}}</view>
      </view>
    </view>
  </view>
</scroll-view>
