<view class="container">
  <!-- 用户信息 -->
  <view class="card">
    <view class="section-title">用户信息</view>
    <view class="flex items-center gap-2" wx:if="{{userInfo}}">
      <image src="{{userInfo.avatarUrl}}" class="avatar" mode="aspectFill"/>
      <view>
        <text class="text-base font-medium">{{userInfo.nickName}}</text>
        <text class="text-xs text-muted block">已登录</text>
      </view>
    </view>
    <view class="btn-primary" wx:else bindtap="login">微信登录</view>
  </view>

  <!-- 偏好设置 -->
  <view class="card">
    <view class="section-title">偏好设置</view>
    
    <view class="setting-item">
      <text class="setting-label">周起始日</text>
      <view class="flex gap-2">
        <view class="btn-outline {{weekStartDay === 0 ? 'active' : ''}}" bindtap="setWeekStart" data-v="0">周日</view>
        <view class="btn-outline {{weekStartDay === 1 ? 'active' : ''}}" bindtap="setWeekStart" data-v="1">周一</view>
      </view>
    </view>

    <view class="setting-item">
      <text class="setting-label">子时流派</text>
      <view class="flex gap-2">
        <view class="btn-outline {{ziHourSect === 'lateZiNextDay' ? 'active' : ''}}" bindtap="setZiSect" data-v="lateZiNextDay">晚子时算次日</view>
        <view class="btn-outline {{ziHourSect === 'lateZiSameDay' ? 'active' : ''}}" bindtap="setZiSect" data-v="lateZiSameDay">晚子时算当日</view>
      </view>
    </view>

    <view class="setting-item">
      <text class="setting-label">真太阳时校正</text>
      <switch checked="{{solarTime}}" bindchange="onSolarTimeChange" color="#C41E3A"/>
    </view>

    <view class="setting-item">
      <text class="setting-label">显示佛历提醒</text>
      <switch checked="{{showBuddhist}}" bindchange="onBuddhistChange" color="#C41E3A"/>
    </view>

    <view class="setting-item">
      <text class="setting-label">初一十五高亮</text>
      <switch checked="{{highlightLunar}}" bindchange="onHighlightLunarChange" color="#C41E3A"/>
    </view>
  </view>

  <!-- 收藏管理 -->
  <view class="card">
    <view class="section-title">我的收藏</view>
    <view class="bookmark-list" wx:if="{{bookmarks.length > 0}}">
      <view class="bookmark-item" wx:for="{{bookmarks}}" wx:key="date">
        <view class="flex justify-between items-center">
          <view>
            <text class="text-base font-medium">{{item.date}}</text>
            <text class="text-xs text-muted block">{{item.lunarDate}}</text>
          </view>
          <view class="btn-ghost text-unlucky" bindtap="removeBookmark" data-date="{{item.date}}">删除</view>
        </view>
      </view>
    </view>
    <view class="text-center text-muted" wx:else>
      <text>暂无收藏</text>
    </view>
  </view>

  <!-- 功能入口 -->
  <view class="card">
    <view class="section-title">功能</view>
    <view class="menu-item" bindtap="navTo" data-url="/pages/fortune/fortune">
      <text class="menu-label">每日运势</text>
      <text class="menu-arrow">›</text>
    </view>
    <view class="menu-item" bindtap="navTo" data-url="/pages/divination/divination">
      <text class="menu-label">占卜</text>
      <text class="menu-arrow">›</text>
    </view>
    <view class="menu-item" bindtap="navTo" data-url="/pages/solar-terms/solar-terms">
      <text class="menu-label">二十四节气</text>
      <text class="menu-arrow">›</text>
    </view>
    <view class="menu-item" bindtap="navTo" data-url="/pages/calendar/calendar">
      <text class="menu-label">月历视图</text>
      <text class="menu-arrow">›</text>
    </view>
  </view>

  <!-- 关于 -->
  <view class="card">
    <view class="section-title">关于</view>
    <view class="text-sm text-muted">
      <text>老黄历小程序 v1.0.1</text>
      <text class="block mt-1">提供农历、黄历、八字、许愿等功能</text>
    </view>
  </view>
</view>
