<!-- 自习室详情：图册 + 推荐理由 + 基础信息 + 配套设施 + 联系人 + 底部操作条 -->
<view class="page">

  <!-- 图册 -->
  <view class="gallery">
    <swiper class="sw" circular bindchange="onSwiperChange">
      <swiper-item wx:for="{{room.images}}" wx:key="*this">
        <image class="gi" src="{{item}}" mode="aspectFill" data-i="{{index}}" bindtap="onPreview" />
      </swiper-item>
    </swiper>
    <view class="g-count">{{current+1}} / {{room.images.length}} 张</view>
  </view>

  <!-- 标题区 -->
  <view class="card pad head">
    <view class="h-name serif">{{room.name}}</view>
    <view class="h-tags">
      <text class="tag">{{room.district}}</text>
      <!-- 社区名 / 开放状态：统计表无此两列，不编造，等台账补齐后再加（原演示数据里有） -->
      <text wx:if="{{room.allianceFlag}}" class="tag tag-gold">党建联盟示范点</text>
    </view>
  </view>

  <!-- 核心推荐理由 -->
  <view class="reason">
    <view class="reason-label">
      <image class="ico-sm" src="{{ic.star}}" />
      <text>推荐理由</text>
    </view>
    <view class="reason-text">{{room.reason}}</view>
  </view>

  <!-- 基础信息 -->
  <view class="sec">
    <view class="sec-t">基础信息</view>

    <view class="kv" bindtap="onNav">
      <view class="kv-k">详细地址</view>
      <view class="kv-v">
        <text>{{room.address}}</text>
        <text class="kv-go">导航 ›</text>
      </view>
    </view>

    <view class="kv">
      <view class="kv-k">开放时间</view>
      <view class="kv-v">{{room.openTime}}</view>
    </view>

    <view class="kv">
      <view class="kv-k">可容纳</view>
      <view class="kv-v">{{room.seatText}} <text class="kv-tip">（以现场为准）</text></view>
    </view>

    <view class="kv">
      <view class="kv-k">管理人员</view>
      <view class="kv-v">{{room.staffText}}</view>
    </view>

    <view class="kv" bindtap="onRevealPhone">
      <view class="kv-k">联系电话</view>
      <view class="kv-v c-red">
        <text>{{phoneShown ? room.contactPhone : phoneMask}}</text>
        <text class="kv-go">{{phoneShown ? '拨打 ›' : '查看 ›'}}</text>
      </view>
    </view>
  </view>

  <!-- 通知公告（该自习室的现场提示；源表格「备注」列有内容时才有） -->
  <view wx:if="{{room.notice.length}}" class="sec">
    <view class="sec-t">通知公告</view>
    <view class="detail-text">
      <view wx:for="{{room.notice}}" wx:key="*this" class="notice-li">{{item}}</view>
    </view>
  </view>

  <!-- 联系人 -->
  <view class="sec">
    <view class="sec-t">联系人</view>
    <view class="contact">
      <image class="avatar" src="/assets/avatar.png" />
      <view class="ct-body">
        <view class="ct-name">
          <text>{{room.contactName}}</text>
          <!-- 管理员职务：统计表无此列，留空不显示 -->
          <text wx:if="{{room.contactTitle}}" class="ct-title">{{room.contactTitle}}</text>
        </view>
        <view class="ct-phone">{{phoneShown ? room.contactPhone : phoneMask}}</view>
      </view>
      <view class="btn btn-sm btn-red" bindtap="onCall">拨号</view>
    </view>
  </view>

  <view class="note note-red note-wrap">
    <image class="ico-sm" src="{{ic.info}}" />
    <text>联系方式仅供自习室咨询与到访联系使用，请勿用于其他用途。</text>
  </view>

  <view class="bottom-space"></view>

  <!-- 底部操作条：无预约类按钮 -->
  <view class="bottom-bar">
    <view class="bb-main" bindtap="onNav">
      <image class="ico-sm" src="{{ic.navWhite}}" />
      <text>导航前往</text>
    </view>
    <view class="bb-item" bindtap="onCall">
      <image class="ico-sm" src="{{ic.phone}}" />
      <text>拨号</text>
    </view>
    <view class="bb-item" bindtap="onFav">
      <image class="ico-sm" src="{{ic.fav}}" />
      <text>{{favText}}</text>
    </view>
    <button class="bb-item bb-share" open-type="share">
      <image class="ico-sm" src="{{ic.share}}" />
      <text>分享</text>
    </button>
  </view>
</view>
