import 'package:client/const/font.dart';
import 'package:client/modules/dual_check/dual_check.dart';
import 'package:client/modules/home/tool_card.dart';
import 'package:client/modules/to_qrcode/to_qrcode.dart';
import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  // 所有工具注册 —— 新增工具只需在这里加一项
  // 数据驱动：页面 widget + 元信息（图标/名称/描述）分开
  final List<_ToolEntry> _tools = [
    // _ToolEntry(
    //   page: const ToQrcode(),
    //   meta: const ToolMeta(
    //     name: '二维码生成器',
    //     description: '上传文字、图片即可立即生成二维码',
    //     icon: Icons.qr_code,
    //     iconColor: Colors.purple,
    //     bgColor: Color(0xFFF3E5F5),
    //   ),
    // ),
    _ToolEntry(
      page: const DualCheck(),
      meta: const ToolMeta(
        name: 'DualCheck 双验',
        description: '两人各输入一段文字，实时比对是否一致',
        icon: Icons.verified_user,
        iconColor: Colors.teal,
        bgColor: Color(0xFFE0F2F1),
      ),
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
        scrolledUnderElevation: 0,
        title: Text(
          "工具站",
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: Font.FONT_SIZE_TITLE,
          ),
        ),
        centerTitle: true,
        // actions: [
        //   CircleAvatar(child: Text("登陆", style: TextStyle(fontSize: 12))),
        //   SizedBox(width: 16),
        // ],
      ),
      body: GridView.builder(
        padding: EdgeInsets.symmetric(horizontal: 16),
        gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
          maxCrossAxisExtent: 300,
          childAspectRatio: 1.7,
          mainAxisSpacing: 8,
          crossAxisSpacing: 8,
        ),
        itemCount: _tools.length,
        itemBuilder: (BuildContext context, int index) {
          return GestureDetector(
            onTap: () => _enterCard(index),
            child: ToolCard(meta: _tools[index].meta),
          );
        },
      ),
    );
  }

  void _enterCard(int index) {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => _tools[index].page),
    );
  }
}

/// 内部工具注册条目
class _ToolEntry {
  final Widget page;
  final ToolMeta meta;

  _ToolEntry({required this.page, required this.meta});
}