import 'package:flutter/material.dart';
import 'package:food_hub_app/layout/index.dart';
import 'package:food_hub_app/models/layout.dart';
import 'package:food_hub_app/views/moment.dart';
import 'package:food_hub_app/views/profile.dart';
import 'package:food_hub_app/views/record.dart';
import 'package:food_hub_app/views/stats.dart';

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

  @override
  State<StatefulWidget> createState() => _HomePage();
}

class _HomePage extends State<HomePage> {
  int _currentIndex = 0;

  final List<NavItem> navItems = [
    NavItem(
      label: "记录",
      icon: Icons.home_outlined,
      activeIcon: Icons.home,
      page: RecordPage(),
    ),
    NavItem(
      label: "统计",
      icon: Icons.pie_chart_outline,
      activeIcon: Icons.pie_chart,
      page: StatsPage(),
    ),
    NavItem(
      label: "朋友圈",
      icon: Icons.group_outlined,
      activeIcon: Icons.group,
      page: MomentPage(),
    ),
    NavItem(
      label: "我的",
      icon: Icons.account_circle_outlined,
      activeIcon: Icons.account_circle,
      page: ProfilePage(),
    )
  ];

  List<BottomNavigationBarItem> get bottomNavItems =>
      navItems.map((item) => BottomNavigationBarItem(
        icon: Icon(item.icon),
        activeIcon: Icon(item.activeIcon),
        label: item.label,
      )).toList();

  List<Widget> get tabPages =>
      navItems.map((item) => item.page).toList();

  bool isShow(int index) {
    return index == 0 || index == 2;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text('Food Hub', style: TextStyle(color: Colors.white)),
        backgroundColor: Theme.of(context).primaryColor,
        leading: IconButton(
          icon: Icon(Icons.menu, color: Colors.white),
          onPressed: () {
            // 打开侧边栏或菜单
          },
        ),
        actions: homeActions(),
      ),
      backgroundColor: Color(0xFFF5F5F5),
      endDrawer: const SettingsDrawer(),
      body: tabPages[_currentIndex],
      floatingActionButton:
          isShow(_currentIndex) ? addItemButton(context) : null,
      bottomNavigationBar: NavBar(
        navItems: bottomNavItems,
        currentIndex: _currentIndex,
        onTap: (index) {
          setState(() {
            _currentIndex = index;
          });
        },
      ),
    );
  }
}

Widget addItemButton(BuildContext context) {
  void onAddItemClick(BuildContext context) {
    Navigator.pushNamed(context, '/recordForm');
  }

  return FloatingActionButton(
    mini: true,
    onPressed: () => onAddItemClick(context),
    backgroundColor: Theme.of(context).primaryColor,
    shape: const CircleBorder(),
    child: Icon(Icons.add, color: Colors.white),
  );
}