<!--pages/my/my.wxml-->
<view class="container">
  <!-- 页面头部 -->
  <view class="page-header">
    <text class="header-title">个人中心</text>
    <view class="header-actions">
      <view class="header-icon" bindtap="showMoreOptions">•••</view>
      <view class="header-icon" bindtap="minimizeApp">−</view>
      <view class="header-icon" bindtap="showSettings">⚙️</view>
    </view>
  </view>

  <!-- 用户信息区域 -->
  <view class="user-section">
    <view class="avatar">
      <image wx:if="{{userInfo.avatar}}" src="{{userInfo.avatar}}" class="avatar-img" />
      <text wx:else class="avatar-text">👤</text>
    </view>
    <text class="username">{{userInfo.nickname || '养殖户1007'}}</text>
  </view>

  <!-- 我的服务 -->
  <view class="service-section">
    <view class="service-item" bindtap="goToPolicies">
      <view class="service-icon">📄</view>
      <text class="service-text">我的保单</text>
      <view class="service-arrow">></view>
    </view>
    <view class="service-item" bindtap="goToClaims">
      <view class="service-icon">💰</view>
      <text class="service-text">我的理赔</text>
      <view class="service-arrow">></view>
    </view>
    <view class="service-item" bindtap="goToCoupons">
      <view class="service-icon">🎟️</view>
      <text class="service-text">我的卡券</text>
      <view class="service-arrow">></view>
    </view>
  </view>

  <!-- 其他服务 -->
  <view class="other-services">
    <view class="other-item" bindtap="goToVideoVerification">
      <view class="other-icon">📹</view>
      <text class="other-text">视频面签</text>
      <text class="other-desc">远程视频面签</text>
      <view class="other-arrow">></view>
    </view>
    <view class="other-item" bindtap="goToCreditAuth">
      <view class="other-icon">📝</view>
      <text class="other-text">征信授权</text>
      <text class="other-desc">电子征信授权</text>
      <view class="other-arrow">></view>
    </view>
    <view class="other-item" bindtap="goToContactUs">
      <view class="other-icon">📞</view>
      <text class="other-text">联系我们</text>
      <text class="other-desc">联系处理渠道</text>
      <view class="other-arrow">></view>
    </view>
    <view class="other-item" bindtap="goToPrivacyPolicy">
      <view class="other-icon">🔒</view>
      <text class="other-text">隐私协议</text>
      <text class="other-desc">个人信息保护</text>
      <view class="other-arrow">></view>
    </view>
  </view>

  <!-- 帮助支持 -->
  <view class="menu-group">
    <view class="group-title">帮助支持</view>
    <view class="menu-list">
      <view class="menu-item" bindtap="goToHelp">
        <view class="menu-icon">❓</view>
        <text class="menu-text">帮助中心</text>
        <view class="menu-arrow">></view>
      </view>
      <view class="menu-item" bindtap="goToContact">
        <view class="menu-icon">📞</view>
        <text class="menu-text">联系客服</text>
        <view class="menu-arrow">></view>
      </view>
      <view class="menu-item" bindtap="goToFeedback">
        <view class="menu-icon">💬</view>
        <text class="menu-text">意见反馈</text>
        <view class="menu-arrow">></view>
      </view>
      <view class="menu-item" bindtap="goToAbout">
        <view class="menu-icon">ℹ️</view>
        <text class="menu-text">关于我们</text>
        <view class="menu-arrow">></view>
      </view>
    </view>
  </view>

  <!-- 退出登录 -->
  <view wx:if="{{isLoggedIn}}" class="logout-section">
    <button class="logout-btn" bindtap="onLogout">退出登录</button>
  </view>
</view>