monisuo/flutter_monisuo/lib/ui/pages/mine/welfare_center_page.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:provider/provider.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_theme_extension.dart';
import '../../../core/theme/app_color_scheme.dart';
import '../../../core/utils/toast_utils.dart';
import '../../../core/event/app_event_bus.dart';
import '../../../data/services/bonus_service.dart';
import '../../../providers/asset_provider.dart';

/// 福利中心頁面
class WelfareCenterPage extends StatefulWidget {
  const WelfareCenterPage({super.key});

  @override
  State<WelfareCenterPage> createState() => _WelfareCenterPageState();
}

class _WelfareCenterPageState extends State<WelfareCenterPage> {
  Map<String, dynamic>? _welfareData;
  bool _isLoading = true;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) => _loadData());
  }

  Future<void> _loadData() async {
    try {
      final bonusService = context.read<BonusService>();
      final response = await bonusService.getWelfareStatus();
      if (mounted) {
        setState(() {
          _welfareData = response.data;
          _isLoading = false;
        });
      }
    } catch (_) {
      if (mounted) setState(() => _isLoading = false);
    }
  }

  // ============================================
  // 容器樣式輔助
  // ============================================

  /// 標準卡片容器
  BoxDecoration _cardDecoration({Color? borderColor}) {
    return BoxDecoration(
      color: context.appColors.surfaceCard,
      borderRadius: BorderRadius.circular(AppRadius.lg),
      border: Border.all(
        color: borderColor ?? context.appColors.ghostBorder,
      ),
    );
  }

  /// 金色漸變卡片容器
  BoxDecoration _goldGradientDecoration() {
    final isDark = context.isDark;
    // Light Mode: 琥珀色漸變（從 amber 15% 到深灰 5%）
    // Dark Mode: 金色漸變
    final gradientColors = isDark
        ? [
            context.appColors.accentPrimary.withValues(alpha: 0.15),
            context.appColors.surfaceCard,
          ]
        : [
            const Color(0xFFF59E0B).withValues(alpha: 0.15),  // amber-500 with 15% opacity
            const Color(0xFF1F2937).withValues(alpha: 0.05),  // gray-800 with 5% opacity
          ];

    return BoxDecoration(
      borderRadius: BorderRadius.circular(AppRadius.xl),
      gradient: LinearGradient(
        begin: Alignment.topCenter,
        end: Alignment.bottomCenter,
        colors: gradientColors,
      ),
      border: Border.all(
        color: isDark
            ? context.appColors.accentPrimary.withValues(alpha: 0.3)
            : const Color(0xFFF59E0B).withValues(alpha: 0.3),
        width: 1,
      ),
    );
  }

  /// 狀態膠囊標籤
  Widget _statusBadge(String text, Color textColor, Color bgColor) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6), // [4,10] → [6,14]
      decoration: BoxDecoration(
        color: bgColor,
        borderRadius: BorderRadius.circular(AppRadius.sm),
      ),
      child: Text(
        text,
        style: AppTextStyles.labelSmall(context).copyWith(color: textColor),
      ),
    );
  }

  /// 全寬按鈕
  Widget _fullWidthButton({
    required String text,
    required Color backgroundColor,
    required Color foregroundColor,
    required VoidCallback? onPressed,
    Color? disabledBackgroundColor,
  }) {
    return SizedBox(
      width: double.infinity,
      height: 44,
      child: ElevatedButton(
        onPressed: onPressed,
        style: ElevatedButton.styleFrom(
          backgroundColor: backgroundColor,
          foregroundColor: foregroundColor,
          elevation: 0,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(AppRadius.lg),
          ),
          disabledBackgroundColor:
              disabledBackgroundColor ?? backgroundColor.withValues(alpha: 0.3),
          disabledForegroundColor: foregroundColor.withValues(alpha: 0.7),
        ),
        child: Text(
          text,
          style: AppTextStyles.headlineMedium(context).copyWith(
            fontWeight: FontWeight.w700,
            color: foregroundColor,
          ),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    final goldAccent = context.appColors.accentPrimary;

    return Scaffold(
      backgroundColor: Theme.of(context).colorScheme.surface,
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.surface,
        elevation: 0,
        scrolledUnderElevation: 0,
        centerTitle: false,
        titleSpacing: 0,
        title: Text(
          '福利中心',
          style: AppTextStyles.headlineLarge(context),
        ),
        leading: IconButton(
          icon: Icon(LucideIcons.arrowLeft, color: Theme.of(context).colorScheme.onSurface, size: 24),
          onPressed: () => Navigator.of(context).pop(),
        ),
      ),
      body: _isLoading
          ? Center(
              child: CircularProgressIndicator(
                color: goldAccent,
                strokeWidth: 2.5,
              ),
            )
          : RefreshIndicator(
              onRefresh: _loadData,
              color: goldAccent,
              child: SingleChildScrollView(
                physics: const AlwaysScrollableScrollPhysics(),
                padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    _buildReferralCodeCard(context),
                    const SizedBox(height: 16),
                    _buildNewUserBonusCard(context),
                    const SizedBox(height: 16),
                    _buildReferralRewardsSection(context),
                    const SizedBox(height: 16),
                    _buildRulesCard(context),
                  ],
                ),
              ),
            ),
    );
  }

  // ============================================
  // 推廣碼卡片（金色漸變邊框 Hero Card）
  // ============================================

  Widget _buildReferralCodeCard(BuildContext context) {
    final goldAccent = context.appColors.accentPrimary;
    final referralCode = _welfareData?['referralCode'] as String? ?? '';

    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(24),
      decoration: _goldGradientDecoration(),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // Header Row: gift icon + 標題
          Row(
            children: [
              Icon(LucideIcons.gift, color: goldAccent, size: 24),
              const SizedBox(width: 10),
              Text(
                '我的邀請碼',
                style: AppTextStyles.headlineLarge(context).copyWith(
                  fontWeight: FontWeight.w700,
                ),
              ),
            ],
          ),
          const SizedBox(height: 16),
          Text(
            referralCode.isEmpty ? '暫無邀請碼' : referralCode,
            style: AppTextStyles.displayMedium(context).copyWith(
              fontSize: 24, // 明確設置為 24px
              fontWeight: FontWeight.w800,
              color: goldAccent,
              letterSpacing: 2,
            ),
          ),
          const SizedBox(height: 16),
          SizedBox(
            width: double.infinity,
            height: 40,
            child: ElevatedButton(
              onPressed: referralCode.isEmpty
                  ? null
                  : () {
                      Clipboard.setData(ClipboardData(text: referralCode));
                      ToastUtils.showSuccess('邀請碼已複製');
                    },
              style: ElevatedButton.styleFrom(
                backgroundColor: goldAccent,
                foregroundColor: Theme.of(context).colorScheme.onPrimary,
                elevation: 0,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(AppRadius.lg),
                ),
                disabledBackgroundColor: goldAccent.withValues(alpha: 0.4),
              ),
              child: Text(
                '複製邀請碼',
                style: AppTextStyles.headlineMedium(context).copyWith(color: Theme.of(context).colorScheme.onPrimary),
              ),
            ),
          ),
        ],
      ),
    );
  }

  // ============================================
  // 新人福利卡片
  // ============================================

  Widget _buildNewUserBonusCard(BuildContext context) {
    final profitGreen = context.appColors.up;
    final profitGreenBg = context.appColors.upBackground;
    final newUserBonus = _welfareData?['newUserBonus'] as Map<String, dynamic>?;
    final eligible = newUserBonus?['eligible'] as bool? ?? false;
    final claimed = newUserBonus?['claimed'] as bool? ?? false;
    final deposited = newUserBonus?['deposited'] as bool? ?? false;

    // 狀態判定
    String badgeText;
    bool showAvailableBadge;
    String buttonText;
    bool canClaim;
    String description;

    if (claimed) {
      badgeText = '已領取';
      showAvailableBadge = false;
      buttonText = '已領取';
      canClaim = false;
      description = '新人福利已領取';
    } else if (eligible) {
      badgeText = '可領取';
      showAvailableBadge = true;
      buttonText = '立即領取';
      canClaim = true;
      description = '完成首次充值即可領取';
    } else {
      badgeText = deposited ? '已充值' : '待解鎖';
      showAvailableBadge = false;
      buttonText = '未解鎖';
      canClaim = false;
      description = deposited ? '已充值，等待系統確認' : '完成首次充值即可領取';
    }

    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(20),
      decoration: _cardDecoration(),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // Header: 標題 + 狀態標籤
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                '新人福利',
                style: AppTextStyles.headlineLarge(context).copyWith(
                  fontWeight: FontWeight.w700,
                ),
              ),
              if (showAvailableBadge)
                _statusBadge(badgeText, profitGreen, profitGreenBg),
            ],
          ),
          const SizedBox(height: 12),
          Text(
            '+100 USDT',
            style: AppTextStyles.displayLarge(context).copyWith(
              fontWeight: FontWeight.w800,
              color: claimed ? Theme.of(context).colorScheme.onSurfaceVariant : profitGreen,
            ),
          ),
          const SizedBox(height: 8),
          Text(
            description,
            style: AppTextStyles.bodyLarge(context).copyWith(
              color: Theme.of(context).colorScheme.onSurfaceVariant,
            ),
          ),
          const SizedBox(height: 16),
          _fullWidthButton(
            text: buttonText,
            backgroundColor: profitGreen,
            foregroundColor: Theme.of(context).colorScheme.onPrimary,
            onPressed: canClaim ? () => _claimNewUserBonus() : null,
          ),
        ],
      ),
    );
  }

  // ============================================
  // 推廣獎勵列表
  // ============================================

  Widget _buildReferralRewardsSection(BuildContext context) {
    final referralRewards =
        _welfareData?['referralRewards'] as List<dynamic>? ?? [];

    // 彙總統計
    int totalEarned = 0;
    int totalClaimable = 0;
    for (var r in referralRewards) {
      final map = r as Map<String, dynamic>;
      final milestones = map['milestones'] as List<dynamic>? ?? [];
      for (var m in milestones) {
        final ms = m as Map<String, dynamic>;
        if (ms['claimed'] as bool? ?? false) totalEarned++;
        if (ms['claimable'] as bool? ?? false) totalClaimable++;
      }
    }

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        // Section Header
        Text(
          '推廣獎勵',
          style: AppTextStyles.headlineLarge(context),
        ),
        const SizedBox(height: 4),
        Text(
          '每邀請一位好友充值達標，獎勵100 USDT',
          style: AppTextStyles.bodySmall(context).copyWith(
            color: context.appColors.onSurfaceMuted,
          ),
        ),
        // 彙總統計
        if (referralRewards.isNotEmpty) ...[
          const SizedBox(height: 12),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: AppSpacing.md, vertical: AppSpacing.sm),
            decoration: BoxDecoration(
              color: context.appColors.surfaceCard,
              borderRadius: BorderRadius.circular(AppRadius.md),
              border: Border.all(color: context.appColors.ghostBorder),
            ),
            child: Row(
              children: [
                _buildStatItem('已邀請', '${referralRewards.length}人'),
                Container(width: 1, height: 20, color: context.appColors.ghostBorder),
                _buildStatItem('已獲得', '${totalEarned * 100} USDT'),
                if (totalClaimable > 0) ...[
                  Container(width: 1, height: 20, color: context.appColors.ghostBorder),
                  _buildStatItem('待領取', '$totalClaimable個', highlight: true),
                ],
              ],
            ),
          ),
        ],
        const SizedBox(height: 12),

        // 推廣列表卡片
        Container(
          width: double.infinity,
          decoration: _cardDecoration(),
          child: referralRewards.isEmpty
              ? _buildEmptyReferralList(context)
              : _buildReferralListItems(context, referralRewards),
        ),
      ],
    );
  }

  Widget _buildStatItem(String label, String value, {bool highlight = false}) {
    return Expanded(
      child: Column(
        children: [
          Text(label, style: AppTextStyles.bodySmall(context).copyWith(
            color: Theme.of(context).colorScheme.onSurfaceVariant,
          )),
          const SizedBox(height: 2),
          Text(value, style: AppTextStyles.headlineSmall(context).copyWith(
            fontWeight: FontWeight.w700,
            color: highlight ? context.appColors.up : Theme.of(context).colorScheme.onSurface,
          )),
        ],
      ),
    );
  }

  Widget _buildEmptyReferralList(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(32),
      child: Center(
        child: Column(
          children: [
            Icon(
              LucideIcons.users,
              size: 36,
              color: context.appColors.onSurfaceMuted.withValues(alpha: 0.4),
            ),
            const SizedBox(height: 8),
            Text(
              '暫無推廣用戶',
              style: AppTextStyles.bodyLarge(context).copyWith(
                color: Theme.of(context).colorScheme.onSurfaceVariant,
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildReferralListItems(BuildContext context, List<dynamic> referralRewards) {
    return Column(
      children: List.generate(referralRewards.length, (index) {
        final data = referralRewards[index] as Map<String, dynamic>;
        final username = data['username'] as String? ?? '';
        final totalDeposit = data['totalDeposit']?.toString() ?? '0';
        final claimableCount = data['claimableCount'] as int? ?? 0;
        final milestones = data['milestones'] as List<dynamic>? ?? [];
        final userId = data['userId'] as int? ?? 0;
        final indirectRefCount = data['indirectRefCount'] as int? ?? 0;
        final indirectClaimableCount = data['indirectClaimableCount'] as int? ?? 0;
        final indirectMilestones = data['indirectMilestones'] as List<dynamic>? ?? [];
        final isLast = index == referralRewards.length - 1;

        // 進度計算
        final progress = _computeProgress(milestones, totalDeposit);
        // 操作按鈕
        final actionWidget = _buildReferralAction(
          data: data,
          claimableCount: claimableCount,
          milestones: milestones,
          progress: progress,
        );
        // 進度條顏色
        final progressColor = _referralProgressColor(claimableCount, progress);

        return Column(
          children: [
            Padding(
              padding: const EdgeInsets.all(16),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Row(
                        children: [
                          _buildAvatar(username),
                          const SizedBox(width: 10),
                          Text(
                            username,
                            style: AppTextStyles.headlineSmall(context).copyWith(
                              fontWeight: FontWeight.w500,
                            ),
                          ),
                          const SizedBox(width: 10),
                          Text(
                            '充值: \u00A5$totalDeposit',
                            style: AppTextStyles.bodySmall(context),
                          ),
                        ],
                      ),
                      if (actionWidget != null) actionWidget,
                    ],
                  ),
                  const SizedBox(height: 10),
                  ClipRRect(
                    borderRadius: BorderRadius.circular(3),
                    child: SizedBox(
                      height: 6,
                      child: LinearProgressIndicator(
                        value: progress,
                        backgroundColor: context.appColors.surfaceCardHigh,
                        valueColor: AlwaysStoppedAnimation<Color>(progressColor),
                        minHeight: 6,
                      ),
                    ),
                  ),
                  // 里程碑詳情
                  if (milestones.isNotEmpty) ...[
                    const SizedBox(height: 12),
                    _buildMilestoneDetails(milestones, userId),
                  ],
                  // 間接推廣獎勵
                  if (indirectRefCount > 0) ...[
                    const SizedBox(height: 12),
                    _buildIndirectSection(
                      userId,
                      indirectRefCount,
                      indirectClaimableCount,
                      indirectMilestones,
                    ),
                  ],
                ],
              ),
            ),
            if (!isLast)
              Divider(
                height: 1,
                thickness: 1,
                color: context.appColors.ghostBorder,
              ),
          ],
        );
      }),
    );
  }

  /// 里程碑詳情行 — 顯示每個里程碑狀態
  Widget _buildMilestoneDetails(List<dynamic> milestones, int userId) {
    final upColor = context.appColors.up;

    return Wrap(
      spacing: 6,
      runSpacing: 6,
      children: milestones.map((m) {
        final ms = m as Map<String, dynamic>;
        final milestoneVal = ms['milestone'] as int? ?? 1;
        final earned = ms['earned'] as bool? ?? false;
        final claimed = ms['claimed'] as bool? ?? false;
        final claimable = ms['claimable'] as bool? ?? false;
        final threshold = ms['threshold']?.toString() ?? '${milestoneVal * 1000}';

        Color bgColor;
        Color textColor;
        String label;

        if (claimed) {
          bgColor = upColor.withValues(alpha: 0.1);
          textColor = upColor;
          label = '${threshold}✓';
        } else if (claimable) {
          bgColor = context.appColors.accentPrimary.withValues(alpha: 0.15);
          textColor = context.appColors.accentPrimary;
          label = '${threshold}🎁';
        } else if (earned) {
          bgColor = upColor.withValues(alpha: 0.06);
          textColor = upColor;
          label = '${threshold}';
        } else {
          bgColor = context.appColors.surfaceCardHigh;
          textColor = Theme.of(context).colorScheme.onSurfaceVariant;
          label = '${threshold}';
        }

        return GestureDetector(
          onTap: claimable ? () => _claimReferralBonus(userId, milestoneVal) : null,
          child: Container(
            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
            decoration: BoxDecoration(
              color: bgColor,
              borderRadius: BorderRadius.circular(AppRadius.sm),
              border: claimable ? Border.all(color: textColor.withValues(alpha: 0.3)) : null,
            ),
            child: Text(
              label,
              style: AppTextStyles.bodySmall(context).copyWith(
                fontSize: 11,
                fontWeight: FontWeight.w600,
                color: textColor,
              ),
            ),
          ),
        );
      }).toList(),
    );
  }

  Widget _buildAvatar(String username) {
    return Container(
      width: 32,
      height: 32,
      decoration: BoxDecoration(
        color: context.appColors.surfaceCardHigh,
        shape: BoxShape.circle,
      ),
      child: Center(
        child: Text(
          username.isNotEmpty ? username[0].toUpperCase() : '?',
          style: AppTextStyles.headlineSmall(context).copyWith(
            color: Theme.of(context).colorScheme.onSurfaceVariant,
          ),
        ),
      ),
    );
  }

  /// 計算推薦獎勵進度
  double _computeProgress(List<dynamic> milestones, String totalDeposit) {
    if (milestones.isNotEmpty) {
      int earnedCount = milestones.where((m) {
        final milestone = m as Map<String, dynamic>;
        return milestone['earned'] as bool? ?? false;
      }).length;
      return earnedCount / milestones.length;
    }
    final deposit = double.tryParse(totalDeposit) ?? 0;
    return (deposit / 1000).clamp(0.0, 1.0);
  }

  /// 根據狀態獲取進度條顏色
  Color _referralProgressColor(int claimableCount, double progress) {
    if (claimableCount > 0) return context.appColors.up;
    if (progress > 0) return context.appColors.accentPrimary;
    return context.appColors.surfaceCardHigh;
  }

  /// 構建推薦獎勵的操作按鈕
  Widget? _buildReferralAction({
    required Map<String, dynamic> data,
    required int claimableCount,
    required List<dynamic> milestones,
    required double progress,
  }) {
    final profitGreen = context.appColors.up;
    final profitGreenBg = context.appColors.upBackground;

    if (claimableCount > 0) {
      final int milestoneValue = milestones.isNotEmpty
          ? (milestones.firstWhere(
              (m) => (m as Map<String, dynamic>)['claimable'] == true,
              orElse: () => milestones.first,
            ) as Map<String, dynamic>)['milestone'] as int? ?? 1
          : 1;

      return GestureDetector(
        onTap: () => _claimReferralBonus(data['userId'] as int, milestoneValue),
        child: _statusBadge('領取', profitGreen, profitGreenBg),
      );
    }
    if (progress > 0) {
      final warningColor = AppColorScheme.warning;
      return _statusBadge('進行中', warningColor, warningColor.withValues(alpha: 0.15));
    }
    return Text(
      '待達標',
      style: AppTextStyles.labelLarge(context).copyWith(color: context.appColors.onSurfaceMuted),
    );
  }

  // ============================================
  // 間接推廣獎勵區塊
  // ============================================

  Widget _buildIndirectSection(
    int directReferralId,
    int indirectRefCount,
    int indirectClaimableCount,
    List<dynamic> indirectMilestones,
  ) {
    final goldAccent = context.appColors.accentPrimary;

    return Container(
      padding: const EdgeInsets.all(12),
      decoration: BoxDecoration(
        color: context.appColors.surfaceCardHigh.withValues(alpha: 0.5),
        borderRadius: BorderRadius.circular(AppRadius.md),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(LucideIcons.users, size: 14, color: goldAccent),
              const SizedBox(width: 6),
              Text(
                '已推廣 $indirectRefCount 人',
                style: AppTextStyles.bodyMedium(context).copyWith(
                  color: Theme.of(context).colorScheme.onSurfaceVariant,
                ),
              ),
              if (indirectClaimableCount > 0) ...[
                const Spacer(),
                _statusBadge(
                  '$indirectClaimableCount 個可領',
                  context.appColors.up,
                  context.appColors.upBackground,
                ),
              ],
            ],
          ),
          // 間接里程碑標籤
          if (indirectMilestones.isNotEmpty) ...[
            const SizedBox(height: 8),
            _buildIndirectMilestoneTags(directReferralId, indirectMilestones),
          ],
        ],
      ),
    );
  }

  Widget _buildIndirectMilestoneTags(int directReferralId, List<dynamic> milestones) {
    final upColor = context.appColors.up;

    return Wrap(
      spacing: 6,
      runSpacing: 6,
      children: milestones.map((m) {
        final ms = m as Map<String, dynamic>;
        final milestoneVal = ms['milestone'] as int? ?? 1;
        final earned = ms['earned'] as bool? ?? false;
        final claimed = ms['claimed'] as bool? ?? false;
        final claimable = ms['claimable'] as bool? ?? false;
        final indirectReferredUserId = ms['indirectReferredUserId'] as int? ?? 0;

        // 不顯示未達標的里程碑
        if (!earned && !claimed) return const SizedBox.shrink();

        Color bgColor;
        Color textColor;
        String label;

        if (claimed) {
          bgColor = upColor.withValues(alpha: 0.1);
          textColor = upColor;
          label = '50\u2713';
        } else if (claimable) {
          bgColor = context.appColors.accentPrimary.withValues(alpha: 0.15);
          textColor = context.appColors.accentPrimary;
          label = '50\u{1F381}';
        } else {
          bgColor = context.appColors.surfaceCardHigh;
          textColor = Theme.of(context).colorScheme.onSurfaceVariant;
          label = '50';
        }

        return GestureDetector(
          onTap: claimable
              ? () => _claimIndirectReferralBonus(
                    directReferralId,
                    indirectReferredUserId,
                    milestoneVal,
                  )
              : null,
          child: Container(
            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
            decoration: BoxDecoration(
              color: bgColor,
              borderRadius: BorderRadius.circular(AppRadius.sm),
              border: claimable ? Border.all(color: textColor.withValues(alpha: 0.3)) : null,
            ),
            child: Text(
              label,
              style: AppTextStyles.bodySmall(context).copyWith(
                fontSize: 11,
                fontWeight: FontWeight.w600,
                color: textColor,
              ),
            ),
          ),
        );
      }).toList(),
    );
  }

  // ============================================
  // 獎勵規則卡片
  // ============================================

  Widget _buildRulesCard(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.fromLTRB(20, 16, 20, 16),
      decoration: BoxDecoration(
        color: context.appColors.surfaceCardHigh,
        borderRadius: BorderRadius.circular(AppRadius.lg),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            '獎勵規則',
            style: AppTextStyles.headlineSmall(context),
          ),
          const SizedBox(height: 8),
          _buildRuleItem('新用戶註冊完成實名認證獎勵 100 USDT'),
          _buildRuleItem('邀請好友充值每達 1000 USDT，獎勵 100 USDT'),
          _buildRuleItem('好友推廣的人充值每達 1000 USDT，額外獎勵 50 USDT'),
          _buildRuleItem('獎勵直接發放至資金賬戶'),
        ],
      ),
    );
  }

  Widget _buildRuleItem(String text) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 3),
      child: Text(
        '\u2022 $text',
        style: AppTextStyles.bodyMedium(context).copyWith(
          color: Theme.of(context).colorScheme.onSurfaceVariant,
        ),
      ),
    );
  }

  // ============================================
  // 業務邏輯
  // ============================================

  Future<void> _claimNewUserBonus() async {
    try {
      final bonusService = context.read<BonusService>();
      final response = await bonusService.claimNewUserBonus();
      if (!mounted) return;

      if (response.success) {
        context.read<AssetProvider>().refreshAll(force: true);
        context.read<AppEventBus>().fire(AppEventType.assetChanged);
        ToastUtils.showSuccess('領取成功！100 USDT 已到賬');
        _loadData();
      } else {
        ToastUtils.showError(response.message ?? '領取失敗');
      }
    } catch (e) {
      ToastUtils.showError('領取失敗: $e');
    }
  }

  Future<void> _claimReferralBonus(int referredUserId, int milestone) async {
    try {
      final bonusService = context.read<BonusService>();
      final response = await bonusService.claimReferralBonus(
        referredUserId,
        milestone,
      );
      if (!mounted) return;

      if (response.success) {
        context.read<AssetProvider>().refreshAll(force: true);
        context.read<AppEventBus>().fire(AppEventType.assetChanged);
        ToastUtils.showSuccess('領取成功！100 USDT 已到賬');
        _loadData();
      } else {
        ToastUtils.showError(response.message ?? '領取失敗');
      }
    } catch (e) {
      ToastUtils.showError('領取失敗: $e');
    }
  }

  Future<void> _claimIndirectReferralBonus(
    int directReferralId,
    int indirectReferredUserId,
    int milestone,
  ) async {
    try {
      final bonusService = context.read<BonusService>();
      final response = await bonusService.claimIndirectReferralBonus(
        directReferralId,
        indirectReferredUserId,
        milestone,
      );
      if (!mounted) return;

      if (response.success) {
        context.read<AssetProvider>().refreshAll(force: true);
        context.read<AppEventBus>().fire(AppEventType.assetChanged);
        ToastUtils.showSuccess('領取成功！50 USDT 已到賬');
        _loadData();
      } else {
        ToastUtils.showError(response.message ?? '領取失敗');
      }
    } catch (e) {
      ToastUtils.showError('領取失敗: $e');
    }
  }
}