monisuo/flutter_monisuo/lib/ui/pages/home/home_page.dart

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../core/theme/app_theme_extension.dart';
import '../../../core/event/app_event_bus.dart';
import '../../../data/models/account_models.dart';
import '../../../data/services/bonus_service.dart';
import '../../../data/services/asset_service.dart';
import '../../../providers/asset_provider.dart';
import '../../components/glass_panel.dart';
import '../mine/welfare_center_page.dart';
import '../asset/transfer_page.dart';
import '../asset/deposit_page.dart';
import '../asset/withdraw_page.dart';
import '../../components/coin_icon.dart';
import 'header_bar.dart';
import 'quick_actions_row.dart';
import 'hot_coins_section.dart';
import 'profit_analysis_page.dart';
import 'bills_page.dart';

/// 首頁
class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage>
    with AutomaticKeepAliveClientMixin {
  int _totalClaimable = 0;
  StreamSubscription<AppEvent>? _eventSub;

  @override
  bool get wantKeepAlive => true;

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

  @override
  void dispose() {
    _eventSub?.cancel();
    super.dispose();
  }

  void _listenEvents() {
    final eventBus = context.read<AppEventBus>();
    _eventSub = eventBus.on(AppEventType.assetChanged, (_) {
      if (mounted) {
        context.read<AssetProvider>().loadOverview(force: true);
        _checkBonusStatus();
      }
    });
  }

  void _loadData() {
    final provider = context.read<AssetProvider>();
    provider.loadOverview();
    provider.loadTradeAccount();
    _checkBonusStatus();
  }

  Future<void> _checkBonusStatus() async {
    try {
      final bonusService = context.read<BonusService>();
      final response = await bonusService.getWelfareStatus();
      if (response.success && response.data != null) {
        setState(() {
          _totalClaimable = response.data!['totalClaimable'] as int? ?? 0;
        });
      }
    } catch (_) {}
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);

    return Scaffold(
      backgroundColor: Theme.of(context).colorScheme.background,
      body: Consumer<AssetProvider>(
        builder: (context, provider, _) {
          return RefreshIndicator(
            onRefresh: () => provider.refreshAll(force: true),
            color: Theme.of(context).colorScheme.primary,
            child: SingleChildScrollView(
              physics: const AlwaysScrollableScrollPhysics(),
              padding: EdgeInsets.only(
                left: AppSpacing.lg,
                right: AppSpacing.lg,
                top: AppSpacing.sm,
                bottom: 100,
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  // Header
                  HeaderBar(),
                  SizedBox(height: AppSpacing.md),
                  // 資產卡片（含預估盈虧）
                  _AssetCard(
                    overview: provider.overview,
                    onDeposit: _showDeposit,
                  ),
                  SizedBox(height: AppSpacing.md),
                  // 快捷操作欄
                  QuickActionsRow(
                    onDeposit: _showDeposit,
                    onWithdraw: _showWithdraw,
                    onTransfer: _navigateToTransfer,
                    onProfit: _navigateToProfitAnalysis,
                    onBills: _navigateToBills,
                  ),
                  SizedBox(height: AppSpacing.md),
                  // 福利中心入口卡片
                  _WelfareCard(
                    totalClaimable: _totalClaimable,
                    onTap: () => Navigator.push(
                      context,
                      MaterialPageRoute(builder: (_) => const WelfareCenterPage()),
                    ),
                  ),
                  SizedBox(height: AppSpacing.lg),
                  // 熱門幣種
                  HotCoinsSection(),
                  SizedBox(height: AppSpacing.lg),
                  // 持倉
                  _HoldingsSection(holdings: provider.holdings),
                ],
              ),
            ),
          );
        },
      ),
    );
  }

  void _showDeposit() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => const DepositPage()),
    );
  }

  void _showWithdraw() {
    final balance = context.read<AssetProvider>().fundAccount?.balance ?? '0.00';
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => WithdrawPage(balance: balance)),
    );
  }

  void _navigateToTransfer() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => const TransferPage()),
    );
  }

  void _navigateToProfitAnalysis() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => const ProfitAnalysisPage()),
    );
  }

  void _navigateToBills() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => const BillsPage()),
    );
  }
}

/// 資產卡片（含預估盈虧）
class _AssetCard extends StatefulWidget {
  final AssetOverview? overview;
  final VoidCallback onDeposit;

  const _AssetCard({required this.overview, required this.onDeposit});

  @override
  State<_AssetCard> createState() => _AssetCardState();
}

class _AssetCardState extends State<_AssetCard> {
  Map<String, dynamic>? _profitData;

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

  @override
  void didUpdateWidget(covariant _AssetCard oldWidget) {
    super.didUpdateWidget(oldWidget);
    // overview 更新時重新加載盈虧數據
    if (widget.overview != oldWidget.overview) {
      _loadProfit();
    }
  }

  Future<void> _loadProfit() async {
    try {
      final now = DateTime.now();
      final response = await context.read<AssetService>().getDailyProfit(
        year: now.year,
        month: now.month,
      );
      if (mounted && response.success && response.data != null) {
        setState(() {
          _profitData = response.data;
        });
      }
    } catch (_) {}
  }

  double get _todayProfit {
    if (_profitData == null) return 0;
    final daily = _profitData!['daily'] as Map<String, dynamic>?;
    if (daily == null) return 0;
    final todayKey = DateTime.now().toIso8601String().substring(0, 10);
    final todayValue = daily[todayKey];
    if (todayValue == null) return 0;
    return (todayValue as num).toDouble();
  }

  double get _totalProfit {
    final v = widget.overview?.totalProfit;
    if (v == null) return 0;
    return double.tryParse(v) ?? 0;
  }

  @override
  Widget build(BuildContext context) {
    final upColor = context.appColors.up;
    final downColor = context.appColors.down;

    // 總資產
    final totalAsset = widget.overview?.totalAsset ?? '0.00';
    final displayAsset = _formatAsset(totalAsset);

    return GlassPanel(
      padding: EdgeInsets.all(20),
      borderRadius: BorderRadius.circular(AppRadius.lg),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 頂部行：總資產標籤 + 充值按鈕
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                '預估總資產(USDT)',
                style: AppTextStyles.bodyLarge(context),
              ),
              GestureDetector(
                onTap: widget.onDeposit,
                child: Container(
                  padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                  decoration: BoxDecoration(
                    color: Theme.of(context).colorScheme.primary,
                    borderRadius: BorderRadius.circular(AppRadius.sm),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      SizedBox(width: 4),
                      Text(
                        '充值',
                        style: AppTextStyles.labelLarge(context).copyWith(
                          color: Theme.of(context).colorScheme.onPrimary,
                          fontSize: 12,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
          SizedBox(height: AppSpacing.sm),

          // 總資產金額
          Text(
            displayAsset,
            style: AppTextStyles.displayLarge(context).copyWith(
              fontWeight: FontWeight.bold,
            ),
          ),
          SizedBox(height: AppSpacing.md),

          // 盈虧統計區：預估今日盈虧 | 預估總盈虧
          Row(
            children: [
              // 預估今日盈虧
              Expanded(
                child: _ProfitStatCard(
                  label: '預估今日盈虧',
                  value: _todayProfit,
                  upColor: upColor,
                  downColor: downColor,
                  onTap: () => Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => const ProfitAnalysisPage()),
                  ),
                ),
              ),
              SizedBox(width: AppSpacing.sm),
              // 預估總盈虧
              Expanded(
                child: _ProfitStatCard(
                  label: '預估總盈虧',
                  value: _totalProfit,
                  upColor: upColor,
                  downColor: downColor,
                  onTap: () => Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => const ProfitAnalysisPage()),
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }

  String _formatAsset(String value) {
    final d = double.tryParse(value) ?? 0.0;
    return d.toStringAsFixed(2);
  }
}

/// 福利中心入口卡片
class _WelfareCard extends StatelessWidget {
  final int totalClaimable;
  final VoidCallback onTap;

  const _WelfareCard({required this.totalClaimable, required this.onTap});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        width: double.infinity,
        padding: EdgeInsets.all(AppSpacing.lg),
        decoration: BoxDecoration(
          color: Theme.of(context).colorScheme.surface,
          borderRadius: BorderRadius.circular(AppRadius.xl),
          border: Border.all(color: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.2)),
        ),
        child: Row(
          children: [
            // 左側圖標
            Container(
              width: 48,
              height: 48,
              decoration: BoxDecoration(
                color: Theme.of(context).colorScheme.primary.withValues(alpha: 0.15),
                borderRadius: BorderRadius.circular(AppRadius.lg),
              ),
              child: Icon(
                LucideIcons.gift,
                color: Theme.of(context).colorScheme.primary,
                size: 24,
              ),
            ),
            SizedBox(width: AppSpacing.md),
            // 中間文字
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    '福利中心',
                    style: AppTextStyles.headlineLarge(context).copyWith(
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  SizedBox(height: AppSpacing.xs),
                  Text(
                    totalClaimable > 0
                        ? '您有 $totalClaimable 個獎勵待領取'
                        : '首充獎勵 + 推廣獎勵',
                    style: AppTextStyles.bodyMedium(context),
                  ),
                ],
              ),
            ),
            // 右側按鈕
            Container(
              padding: EdgeInsets.symmetric(
                horizontal: AppSpacing.md,
                vertical: AppSpacing.sm,
              ),
              decoration: BoxDecoration(
                color: const Color(0xFFF59E0B),
                borderRadius: BorderRadius.circular(AppRadius.full),
              ),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  if (totalClaimable > 0)
                    Container(
                      padding: EdgeInsets.symmetric(horizontal: 6, vertical: 2),
                      decoration: BoxDecoration(
                        color: context.appColors.down,
                        borderRadius: BorderRadius.circular(AppRadius.md),
                      ),
                      child: Text(
                        '$totalClaimable',
                        style: AppTextStyles.bodySmall(context).copyWith(
                          fontSize: 10,
                          fontWeight: FontWeight.bold,
                          color: Theme.of(context).colorScheme.onPrimary,
                        ),
                      ),
                    ),
                  SizedBox(width: totalClaimable > 0 ? 6 : 0),
                  Text(
                    '查看',
                    style: AppTextStyles.headlineSmall(context).copyWith(
                      fontWeight: FontWeight.w700,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

/// 持倉部分
class _HoldingsSection extends StatelessWidget {
  final List<AccountTrade> holdings;

  const _HoldingsSection({required this.holdings});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              '我的持倉',
              style: AppTextStyles.headlineLarge(context).copyWith(
                fontWeight: FontWeight.bold,
              ),
            ),
            TextButton(
              onPressed: () {},
              style: TextButton.styleFrom(
                foregroundColor: context.appColors.onSurfaceMuted,
                padding: const EdgeInsets.symmetric(horizontal: AppSpacing.sm),
              ),
              child: Row(
                children: [
                  Text('資產詳情',
                      style: AppTextStyles.headlineSmall(context).copyWith(
                        fontWeight: FontWeight.bold,
                      )),
                  const SizedBox(width: AppSpacing.xs),
                  Icon(LucideIcons.chevronRight,
                      size: 16, color: context.appColors.onSurfaceMuted),
                ],
              ),
            ),
          ],
        ),
        SizedBox(height: AppSpacing.md),
        holdings.isEmpty ? const _EmptyHoldings() : _HoldingsList(holdings: holdings),
      ],
    );
  }
}

/// 空持倉
class _EmptyHoldings extends StatelessWidget {
  const _EmptyHoldings();

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.symmetric(vertical: AppSpacing.xxl, horizontal: AppSpacing.lg),
      decoration: BoxDecoration(
        color: Theme.of(context).colorScheme.surfaceContainerLow.withValues(alpha: 0.5),
        borderRadius: BorderRadius.circular(AppRadius.xxl),
        border: Border.all(color: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.1)),
      ),
      child: Column(
        children: [
          Icon(LucideIcons.wallet, size: 48, color: Theme.of(context).colorScheme.onSurfaceVariant),
          SizedBox(height: AppSpacing.md),
          Text(
            '暫無持倉',
            style: AppTextStyles.headlineMedium(context).copyWith(
              fontWeight: FontWeight.w600,
            ),
          ),
          SizedBox(height: AppSpacing.sm),
          Text(
            '快去交易吧~',
            style: AppTextStyles.bodyLarge(context),
          ),
        ],
      ),
    );
  }
}

/// 持倉列表
class _HoldingsList extends StatelessWidget {
  final List<AccountTrade> holdings;

  const _HoldingsList({required this.holdings});

  @override
  Widget build(BuildContext context) {
    final displayHoldings =
        holdings.length > 5 ? holdings.sublist(0, 5) : holdings;

    return Container(
      decoration: BoxDecoration(
        color: Theme.of(context).colorScheme.surface.withValues(alpha: 0.5),
        borderRadius: BorderRadius.circular(AppRadius.xxl),
        border: Border.all(color: Theme.of(context).colorScheme.outlineVariant.withValues(alpha: 0.1)),
      ),
      child: ListView.separated(
        shrinkWrap: true,
        physics: const NeverScrollableScrollPhysics(),
        padding: EdgeInsets.all(AppSpacing.md),
        itemCount: displayHoldings.length,
        separatorBuilder: (_, __) => Divider(
          color: context.appColors.ghostBorder,
          height: 1,
        ),
        itemBuilder: (context, index) =>
            _HoldingItem(holding: displayHoldings[index]),
      ),
    );
  }
}

/// 持倉項
class _HoldingItem extends StatelessWidget {
  final AccountTrade holding;

  const _HoldingItem({required this.holding});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(vertical: AppSpacing.sm + AppSpacing.xs),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Row(
            children: [
              CoinIcon(
                symbol: holding.coinCode,
                size: 36,
                isCircle: false,
              ),
              SizedBox(width: AppSpacing.sm + AppSpacing.xs),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(holding.coinCode,
                      style: AppTextStyles.headlineMedium(context).copyWith(
                        fontWeight: FontWeight.bold,
                      )),
                  Text(holding.quantity,
                      style: AppTextStyles.bodyMedium(context)),
                ],
              ),
            ],
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              Text('${holding.currentValue} USDT',
                  style: AppTextStyles.headlineSmall(context).copyWith(
                    fontWeight: FontWeight.w500,
                  )),
              Text(holding.formattedProfitRate,
                  style: AppTextStyles.numberSmall(context).copyWith(
                    color: holding.isProfit
                        ? context.appColors.up
                        : context.appColors.down,
                  )),
            ],
          ),
        ],
      ),
    );
  }
}

/// 盈虧統計小卡片
class _ProfitStatCard extends StatelessWidget {
  final String label;
  final double value;
  final Color upColor;
  final Color downColor;
  final VoidCallback? onTap;

  const _ProfitStatCard({
    required this.label,
    required this.value,
    required this.upColor,
    required this.downColor,
    this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    final isProfit = value >= 0;
    final color = isProfit ? upColor : downColor;

    return GestureDetector(
      onTap: onTap,
      behavior: HitTestBehavior.opaque,
      child: Container(
        padding: EdgeInsets.symmetric(horizontal: AppSpacing.md, vertical: AppSpacing.sm + 2),
        decoration: BoxDecoration(
          color: color.withValues(alpha: 0.06),
          borderRadius: BorderRadius.circular(AppRadius.lg),
          border: Border.all(
            color: color.withValues(alpha: 0.12),
          ),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              children: [
                Icon(
                  isProfit ? LucideIcons.trendingUp : LucideIcons.trendingDown,
                  size: 11,
                  color: color.withValues(alpha: 0.7),
                ),
                SizedBox(width: 3),
                Text(
                  label,
                  style: AppTextStyles.bodySmall(context).copyWith(
                    fontWeight: FontWeight.w400,
                    color: color.withValues(alpha: 0.8),
                  ),
                ),
              ],
            ),
            SizedBox(height: AppSpacing.xs),
            Text(
              '${isProfit ? '+' : ''}${value.toStringAsFixed(2)}',
              style: AppTextStyles.numberMedium(context).copyWith(
                fontWeight: FontWeight.w600,
                color: color,
              ),
            ),
          ],
        ),
      ),
    );
  }
}