import 'package:flutter/material.dart';
import 'package:miaoji_zhang/features/home/pages/transaction_edit_page.dart';
import 'package:miaoji_zhang/shared/services/transaction_events.dart';
import 'package:miaoji_zhang/shared/api/business_api.dart';
import 'package:miaoji_zhang/shared/theme/app_theme.dart';
import 'package:miaoji_zhang/shared/services/shanghai_time.dart';
import 'package:miaoji_zhang/shared/widgets/category_icon.dart';
import 'package:miaoji_zhang/shared/widgets/app_icons.dart';

/// P11 账单详情：金额、分类、来源追溯（AI 原话）、时间、支付方式
class TxDetailPage extends StatelessWidget {
  final TxItem tx;
  const TxDetailPage({super.key, required this.tx});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('账单详情'),
        actions: [
          IconButton(
            icon: AppIcons.icon(
              AppIcons.edit,
              size: 18,
              color: context.jz.text2,
            ),
            onPressed: () async {
              final updated = await Navigator.push<TxItem>(
                context,
                MaterialPageRoute(
                  builder: (_) => TransactionEditPage(transaction: tx),
                ),
              );
              if (updated != null && context.mounted) {
                TransactionEvents.notifyChanged();
                Navigator.pop(context, true);
              }
            },
          ),
          IconButton(
            icon: AppIcons.icon(AppIcons.trash, size: 18, color: AppTheme.red),
            onPressed: () async {
              await TxApi.delete(tx.id);
              TransactionEvents.notifyChanged();
              if (context.mounted) {
                Navigator.pop(context, true);
              }
            },
          ),
        ],
      ),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          // 金额头部
          Container(
            padding: const EdgeInsets.symmetric(vertical: 28),
            margin: const EdgeInsets.only(bottom: 14),
            decoration: BoxDecoration(
              color: context.jz.card,
              borderRadius: BorderRadius.circular(18),
              border: Border.all(color: context.jz.line, width: 0.5),
            ),
            child: Column(
              children: [
                Text(
                  '${tx.isIncome ? '+' : '-'}¥${tx.amount.toStringAsFixed(2)}',
                  style: TextStyle(
                    fontSize: 32,
                    fontWeight: FontWeight.w800,
                    color: tx.isIncome ? AppTheme.primary : context.jz.text,
                  ),
                ),
                SizedBox(height: 6),
                Text(
                  ShanghaiTime.formatCivil(tx.occurredAt),
                  style: TextStyle(fontSize: 12, color: context.jz.text3),
                ),
              ],
            ),
          ),
          // 分类
          _Row(
            k: '分类',
            child: Row(
              children: [
                CategoryIconBox(
                  iconKey: tx.categoryIcon,
                  colorKey: tx.categoryColor,
                  size: 30,
                ),
                SizedBox(width: 10),
                Text(
                  tx.categoryName,
                  style: TextStyle(fontSize: 13.5, fontWeight: FontWeight.w600),
                ),
              ],
            ),
          ),
          // 类型
          _Row(
            k: '类型',
            child: Text(tx.typeLabel, style: TextStyle(fontSize: 13.5)),
          ),
          if (tx.isTransfer && tx.counterparty?.isNotEmpty == true)
            _Row(
              k: '转账对方',
              child: Text(tx.counterparty!, style: TextStyle(fontSize: 13.5)),
            ),
          // 备注
          if (tx.note != null && tx.note!.isNotEmpty)
            _Row(
              k: '备注',
              child: Text(tx.note!, style: TextStyle(fontSize: 13.5)),
            ),
          // 支付方式
          if (tx.paymentMethod != null && tx.paymentMethod!.isNotEmpty)
            _Row(
              k: '支付方式',
              child: Text(tx.paymentMethod!, style: TextStyle(fontSize: 13.5)),
            ),
          _Row(
            k: '记账方式',
            child: Row(
              children: [
                if (tx.isAi || tx.isRecognition) ...[
                  Container(
                    padding: const EdgeInsets.symmetric(
                      horizontal: 7,
                      vertical: 2,
                    ),
                    decoration: BoxDecoration(
                      color: tx.isAi
                          ? context.jz.aiBackground
                          : context.jz.primaryBackground,
                      borderRadius: BorderRadius.circular(6),
                    ),
                    child: Text(
                      tx.isAi ? '✦ AI' : '智能识别',
                      style: TextStyle(
                        fontSize: 10,
                        color: tx.isAi ? AppTheme.ai : AppTheme.primary,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
                  SizedBox(width: 7),
                ],
                Text(tx.sourceLabel, style: TextStyle(fontSize: 13.5)),
              ],
            ),
          ),
          if ((tx.isAi || tx.isRecognition) &&
              tx.sourceText != null &&
              tx.sourceText!.isNotEmpty)
            _Row(
              k: tx.isAi ? 'AI 原话' : '识别依据',
              child: Container(
                width: double.infinity,
                padding: const EdgeInsets.all(10),
                decoration: BoxDecoration(
                  color: tx.isAi
                      ? context.jz.aiBackground
                      : context.jz.primaryBackground,
                  borderRadius: BorderRadius.circular(10),
                ),
                child: Text(
                  '"${tx.sourceText}"',
                  style: TextStyle(
                    fontSize: 12,
                    color: context.jz.text2,
                    height: 1.5,
                  ),
                ),
              ),
            ),
          // 来源标签
          _Row(
            k: '来源',
            child: Text(tx.sourceLabel, style: TextStyle(fontSize: 13.5)),
          ),
        ],
      ),
    );
  }
}

class _Row extends StatelessWidget {
  final String k;
  final Widget child;
  const _Row({required this.k, required this.child});
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 13),
      margin: const EdgeInsets.only(bottom: 9),
      decoration: BoxDecoration(
        color: context.jz.card,
        borderRadius: BorderRadius.circular(13),
        border: Border.all(color: context.jz.line, width: 0.5),
      ),
      child: Row(
        children: [
          SizedBox(
            width: 70,
            child: Text(
              k,
              style: TextStyle(fontSize: 12, color: context.jz.text3),
            ),
          ),
          Expanded(child: child),
        ],
      ),
    );
  }
}