import 'package:flutter/material.dart';
import '../../../../app/theme/app_colors.dart';
import '../../../../app/router.dart';

/// 财务管理页面
///
/// 法币展示，不暴露链上稳定币细节
/// 包含：销售收入、Breakage收入、手续费、保证金、冻结款、提现、对账报表
class FinancePage extends StatelessWidget {
  const FinancePage({super.key});

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
      child: Scaffold(
        appBar: AppBar(
          title: const Text('财务管理'),
          actions: [
            IconButton(
              icon: const Icon(Icons.download_rounded),
              onPressed: () => _showExportDialog(context),
            ),
          ],
          bottom: const TabBar(
            tabs: [
              Tab(text: '概览'),
              Tab(text: '交易明细'),
              Tab(text: '对账报表'),
            ],
          ),
        ),
        body: const TabBarView(
          children: [
            _OverviewTab(),
            _TransactionDetailTab(),
            _ReconciliationTab(),
          ],
        ),
      ),
    );
  }

  void _showExportDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (ctx) => SimpleDialog(
        title: const Text('导出数据'),
        children: [
          SimpleDialogOption(onPressed: () => Navigator.pop(ctx), child: const Text('导出 CSV')),
          SimpleDialogOption(onPressed: () => Navigator.pop(ctx), child: const Text('导出 Excel')),
          SimpleDialogOption(onPressed: () => Navigator.pop(ctx), child: const Text('导出 PDF')),
        ],
      ),
    );
  }
}

class _OverviewTab extends StatelessWidget {
  const _OverviewTab();

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      padding: const EdgeInsets.all(20),
      child: Column(
        children: [
          // Balance Card
          Container(
            padding: const EdgeInsets.all(20),
            decoration: BoxDecoration(
              gradient: AppColors.primaryGradient,
              borderRadius: BorderRadius.circular(16),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text('可提现余额', style: TextStyle(fontSize: 13, color: Colors.white.withValues(alpha: 0.7))),
                const SizedBox(height: 4),
                const Text('\$42,300.00', style: TextStyle(fontSize: 32, fontWeight: FontWeight.w700, color: Colors.white)),
                const SizedBox(height: 16),
                SizedBox(
                  width: double.infinity,
                  child: ElevatedButton(
                    onPressed: () {
                      // TODO: Show withdrawal dialog or navigate to withdrawal flow
                    },
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.white,
                      foregroundColor: AppColors.primary,
                    ),
                    child: const Text('提现'),
                  ),
                ),
              ],
            ),
          ),
          const SizedBox(height: 20),

          // Financial Stats
          _buildFinanceStatsGrid(),
          const SizedBox(height: 20),

          // Guarantee Fund
          _buildGuaranteeFundCard(),
          const SizedBox(height: 20),

          // Revenue Trend
          Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: AppColors.surface,
              borderRadius: BorderRadius.circular(12),
              border: Border.all(color: AppColors.borderLight),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                const Text('收入趋势', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600)),
                const SizedBox(height: 16),
                Container(
                  height: 160,
                  decoration: BoxDecoration(
                    color: AppColors.gray50,
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: const Center(child: Text('月度收入趋势图', style: TextStyle(color: AppColors.textTertiary))),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildFinanceStatsGrid() {
    final stats = [
      ('销售收入', '\$125,800', AppColors.success),
      ('Breakage收入', '\$8,200', AppColors.info),
      ('平台手续费', '-\$1,510', AppColors.error),
      ('待结算', '\$15,400', AppColors.warning),
      ('已提现', '\$66,790', AppColors.textSecondary),
      ('总收入', '\$132,490', AppColors.primary),
    ];

    return GridView.builder(
      shrinkWrap: true,
      physics: const NeverScrollableScrollPhysics(),
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 2,
        mainAxisSpacing: 12,
        crossAxisSpacing: 12,
        childAspectRatio: 2,
      ),
      itemCount: stats.length,
      itemBuilder: (context, index) {
        final (label, value, color) = stats[index];
        return Container(
          padding: const EdgeInsets.all(14),
          decoration: BoxDecoration(
            color: AppColors.surface,
            borderRadius: BorderRadius.circular(12),
            border: Border.all(color: AppColors.borderLight),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(label, style: const TextStyle(fontSize: 12, color: AppColors.textSecondary)),
              Text(value, style: TextStyle(fontSize: 17, fontWeight: FontWeight.w700, color: color)),
            ],
          ),
        );
      },
    );
  }

  Widget _buildGuaranteeFundCard() {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: AppColors.surface,
        borderRadius: BorderRadius.circular(12),
        border: Border.all(color: AppColors.borderLight),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          const Row(
            children: [
              Icon(Icons.shield_rounded, color: AppColors.info, size: 20),
              SizedBox(width: 8),
              Text('保证金与冻结款', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600)),
            ],
          ),
          const SizedBox(height: 16),
          _buildRow('已缴纳保证金', '\$10,000'),
          _buildRow('冻结销售款', '\$5,200'),
          _buildRow('冻结比例', '20%'),
          const SizedBox(height: 12),
          SwitchListTile(
            title: const Text('自动冻结销售款', style: TextStyle(fontSize: 14)),
            subtitle: const Text('开启后自动冻结20%销售额以提升信用'),
            value: true,
            onChanged: (_) {
              // TODO: Toggle auto-freeze setting
            },
            activeColor: AppColors.primary,
            contentPadding: EdgeInsets.zero,
          ),
        ],
      ),
    );
  }

  Widget _buildRow(String label, String value) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 4),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Text(label, style: const TextStyle(fontSize: 13, color: AppColors.textSecondary)),
          Text(value, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
        ],
      ),
    );
  }
}

class _TransactionDetailTab extends StatelessWidget {
  const _TransactionDetailTab();

  @override
  Widget build(BuildContext context) {
    final transactions = [
      ('售出 ¥25 礼品卡 x5', '+\$106.25', '今天 14:32', AppColors.success),
      ('核销结算 ¥100 购物券 x2', '+\$200.00', '今天 12:15', AppColors.success),
      ('平台手续费', '-\$3.19', '今天 14:32', AppColors.error),
      ('退款 ¥25 礼品卡', '-\$21.25', '今天 10:08', AppColors.warning),
      ('售出 ¥50 生活券 x3', '+\$127.50', '昨天 18:45', AppColors.success),
      ('提现至银行账户', '-\$5,000.00', '昨天 16:00', AppColors.info),
    ];

    return ListView.separated(
      padding: const EdgeInsets.all(20),
      itemCount: transactions.length,
      separatorBuilder: (_, __) => const Divider(height: 1),
      itemBuilder: (context, index) {
        final (desc, amount, time, color) = transactions[index];
        return ListTile(
          contentPadding: const EdgeInsets.symmetric(vertical: 6),
          title: Text(desc, style: const TextStyle(fontSize: 14)),
          subtitle: Text(time, style: const TextStyle(fontSize: 12, color: AppColors.textTertiary)),
          trailing: Text(
            amount,
            style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: color),
          ),
        );
      },
    );
  }
}

class _ReconciliationTab extends StatelessWidget {
  const _ReconciliationTab();

  @override
  Widget build(BuildContext context) {
    final reports = [
      ('2026年1月对账单', '总收入: \$28,450 | 总支出: \$3,210', '已生成'),
      ('2025年12月对账单', '总收入: \$32,100 | 总支出: \$4,080', '已生成'),
      ('2025年11月对账单', '总收入: \$25,800 | 总支出: \$2,900', '已生成'),
    ];

    return ListView(
      padding: const EdgeInsets.all(20),
      children: [
        // Generate New
        OutlinedButton.icon(
          onPressed: () {
            // TODO: Trigger reconciliation report generation
          },
          icon: const Icon(Icons.add_rounded),
          label: const Text('生成新对账单'),
          style: OutlinedButton.styleFrom(
            minimumSize: const Size(double.infinity, 48),
          ),
        ),
        const SizedBox(height: 20),

        ...reports.map((r) {
          final (title, summary, status) = r;
          return Container(
            margin: const EdgeInsets.only(bottom: 12),
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: AppColors.surface,
              borderRadius: BorderRadius.circular(12),
              border: Border.all(color: AppColors.borderLight),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(title, style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w600)),
                    Container(
                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
                      decoration: BoxDecoration(
                        color: AppColors.successLight,
                        borderRadius: BorderRadius.circular(999),
                      ),
                      child: Text(status, style: const TextStyle(fontSize: 11, color: AppColors.success)),
                    ),
                  ],
                ),
                const SizedBox(height: 6),
                Text(summary, style: const TextStyle(fontSize: 12, color: AppColors.textSecondary)),
                const SizedBox(height: 12),
                Row(
                  children: [
                    TextButton.icon(
                      onPressed: () {
                        // TODO: Navigate to reconciliation detail view
                      },
                      icon: const Icon(Icons.visibility_rounded, size: 16),
                      label: const Text('查看'),
                    ),
                    TextButton.icon(
                      onPressed: () {
                        // TODO: Export reconciliation report
                      },
                      icon: const Icon(Icons.download_rounded, size: 16),
                      label: const Text('导出'),
                    ),
                  ],
                ),
              ],
            ),
          );
        }),
      ],
    );
  }
}