import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:whispering_pages/pages/app_settings.dart';
import 'package:whispering_pages/pages/home_page.dart';
import 'package:whispering_pages/features/item_viewer/view/library_item_page.dart';
import 'package:whispering_pages/pages/library_page.dart';
import 'package:whispering_pages/features/onboarding/view/onboarding_single_page.dart';

import 'scaffold_with_nav_bar.dart';
import 'transitions/slide.dart';

part 'constants.dart';

final GlobalKey<NavigatorState> _rootNavigatorKey =
    GlobalKey<NavigatorState>(debugLabel: 'root');
final GlobalKey<NavigatorState> _sectionHomeNavigatorKey =
    GlobalKey<NavigatorState>(debugLabel: 'HomeNavigator');

// GoRouter configuration
class MyAppRouter {
  const MyAppRouter();

  GoRouter get config => GoRouter(
        routes: [
          // sign in page
          GoRoute(
            path: Routes.onboarding.path,
            name: Routes.onboarding.name,
            builder: (context, state) => const OnboardingSinglePage(),
          ),
          // The main app shell
          StatefulShellRoute.indexedStack(
            builder: (
              BuildContext context,
              GoRouterState state,
              StatefulNavigationShell navigationShell,
            ) {
              // Return the widget that implements the custom shell (in this case
              // using a BottomNavigationBar). The StatefulNavigationShell is passed
              // to be able access the state of the shell and to navigate to other
              // branches in a stateful way.
              return ScaffoldWithNavBar(navigationShell: navigationShell);
            },
            branches: <StatefulShellBranch>[
              // The route branch for the first tab of the bottom navigation bar.
              StatefulShellBranch(
                navigatorKey: _sectionHomeNavigatorKey,
                routes: <RouteBase>[
                  GoRoute(
                    path: '/',
                    name: Routes.home,
                    // builder: (context, state) => const HomePage(),
                    pageBuilder: defaultPageBuilder(const HomePage()),
                  ),
                  // /library/:libraryId
                  GoRoute(
                    path: Routes.library.path,
                    name: Routes.library.name,
                    builder: (context, state) => LibraryPage(
                      libraryId:
                          state.pathParameters[Routes.library.pathParamName]!,
                    ),
                  ),
                  GoRoute(
                    path: Routes.libraryItem.path,
                    name: Routes.libraryItem.name,
                    // builder: (context, state) {
                    //   final itemId = state
                    //       .pathParameters[Routes.libraryItem.pathParamName]!;
                    //   return LibraryItemPage(
                    //       itemId: itemId, extra: state.extra);
                    // },
                    pageBuilder: (context, state) {
                      final itemId = state
                          .pathParameters[Routes.libraryItem.pathParamName]!;
                      final child =
                          LibraryItemPage(itemId: itemId, extra: state.extra);
                      return buildPageWithDefaultTransition(
                        context: context,
                        state: state,
                        child: child,
                      );
                    },
                  ),
                ],
              ),
              StatefulShellBranch(
                routes: <RouteBase>[
                  GoRoute(
                    path: Routes.settings.path,
                    name: Routes.settings.name,
                    // builder: (context, state) => const AppSettingsPage(),
                    pageBuilder: defaultPageBuilder(const AppSettingsPage()),
                  ),
                ],
              ),
            ],
          ),
        ],
      );
}