import 'package:flutter/material.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import '../kyc_page.dart';
import '../welfare_center_page.dart';
import 'menu_group_container.dart';
import 'menu_row.dart';
import 'menu_trailing_widgets.dart';

/// 菜单分组1 - 福利中心 / 实名认证 / 安全设置 / 消息通知
class MenuGroup1 extends StatelessWidget {
  final int kycStatus;
  final void Function(String) onShowComingSoon;

  const MenuGroup1({
    super.key,
    required this.kycStatus,
    required this.onShowComingSoon,
  });

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;

    return MenuGroupContainer(
      child: Column(
        children: [
          MenuRow(
            icon: LucideIcons.gift,
            iconColor: colorScheme.secondary,
            title: '福利中心',
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => const WelfareCenterPage()),
              );
            },
          ),
          const Divider(height: 1),
          MenuRow(
            icon: LucideIcons.shieldCheck,
            iconColor: colorScheme.secondary,
            title: '實名認證',
            trailing: KycBadge(kycStatus: kycStatus),
            onTap: () {
              if (kycStatus == 2) {
                _showKycStatusDialog(context);
              } else {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (_) => const KycPage()),
                );
              }
            },
          ),
          const Divider(height: 1),
          MenuRow(
            icon: LucideIcons.lock,
            iconColor: colorScheme.onSurfaceVariant,
            title: '安全設置',
            onTap: () => onShowComingSoon('安全設置'),
          ),
          const Divider(height: 1),
          MenuRow(
            icon: LucideIcons.bell,
            iconColor: colorScheme.onSurfaceVariant,
            title: '消息通知',
            trailing: const RedDotIndicator(),
            onTap: () => onShowComingSoon('消息通知'),
          ),
        ],
      ),
    );
  }
}

void _showKycStatusDialog(BuildContext context) {
  showDialog(
    context: context,
    builder: (ctx) => AlertDialog(
      title: const Text('實名認證'),
      content: const Text('您的實名認證已通過'),
      actions: [
        TextButton(
          onPressed: () => Navigator.of(ctx).pop(),
          child: const Text('确定'),
        ),
      ],
    ),
  );
}