<view class="container">
  <!-- 未登录提示 -->
  <view class="card login-tip" wx:if="{{!loggedIn}}">
    <text class="text-sm">当前未登录，生辰仅保存在本机</text>
    <text class="text-xs text-muted block mt-1">登录后可云端同步，换设备不丢失</text>
    <view class="btn-outline text-center mt-2" bindtap="goLogin">去登录</view>
  </view>

  <!-- 生辰管理 -->
  <view class="card">
    <view class="section-title flex justify-between items-center">
      <text>生辰管理</text>
      <text class="text-xs text-muted">{{profiles.length}}/{{maxFree}}</text>
    </view>
    <view class="text-xs text-muted mb-2">八字排盘基于生辰信息，每位用户可免费绑定 {{maxFree}} 个出生年月（如本人、家人）。</view>

    <view class="profile-list" wx:if="{{profiles.length > 0}}">
      <view class="profile-item" wx:for="{{profiles}}" wx:key="id">
        <view class="flex justify-between items-center">
          <view>
            <view class="flex items-center gap-1">
              <text class="text-base font-medium">{{item.name}}</text>
              <text class="badge badge-lucky" wx:if="{{item.id === activeProfileId}}">使用中</text>
            </view>
            <text class="text-xs text-muted block">{{item.gender === 'female' ? '女' : '男'}} · {{item.birthday}} {{item.birthTime}}</text>
          </view>
          <view class="btn-ghost text-unlucky" bindtap="removeProfile" data-id="{{item.id}}">删除</view>
        </view>
      </view>
    </view>
    <view class="text-center text-muted p-2" wx:else>
      <text>暂未绑定生辰，请到下方添加</text>
    </view>

    <view class="btn-outline text-center mt-2" bindtap="toggleAddForm" wx:if="{{canAdd}}">
      {{showAddForm ? '收起' : '+ 添加生辰'}}
    </view>
    <view class="text-center text-xs text-muted mt-2" wx:else>
      免费名额已用完，可删除旧档案后添加
    </view>

    <!-- 添加表单 -->
    <block wx:if="{{showAddForm}}">
      <view class="form-item mt-2">
        <text class="form-label">备注名（如：本人、爸爸）</text>
        <input class="form-input" placeholder="未命名" value="{{formName}}" bindinput="onFormName"/>
      </view>
      <view class="form-item">
        <text class="form-label">性别</text>
        <view class="flex gap-2">
          <view class="btn-outline {{formGender === 'male' ? 'active' : ''}}" bindtap="setFormGender" data-g="male">男</view>
          <view class="btn-outline {{formGender === 'female' ? 'active' : ''}}" bindtap="setFormGender" data-g="female">女</view>
        </view>
      </view>
      <view class="form-item">
        <text class="form-label">出生日期（公历）</text>
        <picker mode="date" value="{{formDate}}" start="1900-01-01" end="2100-12-31" bindchange="onFormDate">
          <view class="picker-input">{{formDate}}</view>
        </picker>
      </view>
      <view class="form-item">
        <text class="form-label">出生时间</text>
        <picker mode="time" value="{{formTime}}" bindchange="onFormTime">
          <view class="picker-input">{{formTime}}</view>
        </picker>
      </view>
      <view class="btn-primary text-center" bindtap="submitProfile">保存生辰</view>
    </block>
  </view>
</view>
