import 'package:flutter/material.dart';
import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';

import 'HistoricalRecord.dart';
import 'KnowledgePage.dart';
import 'MessagePage.dart';
import 'PersonalInfo.dart';

class BottomNavBar extends StatelessWidget {
  const BottomNavBar({
    super.key,
    required this.email,
    required this.initTabIndex,
  });

  final String email;
  final int initTabIndex;

  List<PersistentTabConfig> _tabs(BuildContext context) => [
        PersistentTabConfig.noScreen(
          item: ItemConfig(
            icon: Icon(Icons.home),
            title: "首頁",
            activeForegroundColor: Colors.orange,
            inactiveForegroundColor: Colors.grey,
          ),
          onPressed: (context) {
            Navigator.pop(context); // Now you can use context here
          },
        ),
        PersistentTabConfig(
          screen: HistoricalRecord(
            email: email,
          ),
          item: ItemConfig(
            icon: Icon(Icons.history_edu),
            title: "跌倒紀錄",
            activeForegroundColor: Colors.orange,
            inactiveForegroundColor: Colors.grey,
          ),
        ),
        PersistentTabConfig(
          screen: KnowledgePage(
            email: email,
          ),
          item: ItemConfig(
            icon: Icon(Icons.lightbulb_outline),
            title: "知識補充",
            activeForegroundColor: Colors.orange,
            inactiveForegroundColor: Colors.grey,
          ),
        ),
        PersistentTabConfig(
          screen: MessagePage(
            email: email,
          ),
          item: ItemConfig(
            icon: Icon(Icons.monitor_outlined),
            title: "切換畫面",
            activeForegroundColor: Colors.orange,
            inactiveForegroundColor: Colors.grey,
          ),
        ),
        PersistentTabConfig(
          screen: PersonalInfo(
            email: email,
          ),
          item: ItemConfig(
            icon: Icon(Icons.person_sharp),
            title: "個人資料",
            activeForegroundColor: Colors.orange,
            inactiveForegroundColor: Colors.grey,
          ),
        ),
      ];

  @override
  Widget build(BuildContext context) {
    return PersistentTabView(
      tabs: _tabs(context), // Pass context here
      navBarBuilder: (navBarConfig) => Style1BottomNavBar(
        navBarConfig: navBarConfig,
      ),
      controller: PersistentTabController(initialIndex: initTabIndex),
    );
  }
}