<!-- 信息纠错：上报电话变更、地址变更、暂停开放等，直达运维后台 -->
<view class="page">

  <view class="card pad">
    <view class="form-item">
      <view class="fi-label">要纠错的自习室</view>
      <picker mode="selector" range="{{roomNames}}" value="{{roomIndex}}" bindchange="onRoomChange">
        <view class="picker-box">
          <text class="picker-t ellipsis">{{roomNames[roomIndex]}}</text>
          <image class="ico-sm" src="{{ic.arrow}}" />
        </view>
      </picker>
    </view>

    <view class="form-item">
      <view class="fi-label">问题类型</view>
      <view class="chips-wrap">
        <view wx:for="{{types}}" wx:key="key" class="chip {{typeKey===item.key?'on':''}}"
          data-k="{{item.key}}" bindtap="onTypeTap">{{item.name}}</view>
      </view>
    </view>

    <view class="form-item">
      <view class="fi-label">详细说明</view>
      <textarea class="fi-textarea" value="{{detail}}" maxlength="200"
        placeholder="请描述需要更正的内容，例如：联系电话已变更为 0971-8XXXXXXX"
        placeholder-class="ph" bindinput="onDetail"></textarea>
      <view class="counter">{{detail.length}}/200</view>
    </view>

    <view class="form-item">
      <view class="fi-label">您的联系方式（选填，便于核实）</view>
      <input class="fi-input" type="number" maxlength="11" value="{{contact}}"
        placeholder="请输入手机号" placeholder-class="ph" bindinput="onContact" />
    </view>

    <view class="btn btn-red btn-block submit-btn" bindtap="onSubmit">提交纠错</view>
  </view>

  <view class="note note-wrap">
    <image class="ico-sm" src="{{ic.info}}" />
    <text>提交后由社区管理员核实，一般 48 小时内更新。感谢您帮助我们保持信息准确。</text>
  </view>

  <view wx:if="{{records.length>0}}" class="sec">
    <view class="sec-t">我的纠错记录</view>
    <view class="rec" wx:for="{{records}}" wx:key="id">
      <view class="rec-head">
        <text class="rec-room ellipsis">{{item.roomName}}</text>
        <text class="tag tag-gold">{{item.statusText}}</text>
      </view>
      <view class="rec-type">{{item.typeName}}</view>
      <view class="rec-detail">{{item.detail}}</view>
      <view class="rec-time">{{item.createTime}}</view>
    </view>
  </view>
</view>
