import 'package:flutter/material.dart';
import 'package:flutter_adaptive_scaffold/flutter_adaptive_scaffold.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:ui/activity.dart';
import 'package:ui/login_page.dart';
import 'package:ui/movie_watchlist.dart';
import 'package:ui/providers/APIs.dart';
import 'package:ui/search_page/search.dart';
import 'package:ui/settings/settings.dart';
import 'package:ui/system_page.dart';
import 'package:ui/tv_details.dart';
import 'package:ui/welcome_page.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends ConsumerStatefulWidget {
  const MyApp({super.key});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _MyAppState();
  }
}

CustomTransitionPage buildPageWithDefaultTransition<T>({
  required BuildContext context,
  required GoRouterState state,
  required Widget child,
}) {
  return CustomTransitionPage<T>(
    transitionDuration: Duration.zero,
    reverseTransitionDuration: Duration.zero,
    key: state.pageKey,
    child: child,
    transitionsBuilder: (context, animation, secondaryAnimation, child) =>
        child,
  );
}

class _MyAppState extends ConsumerState<MyApp> {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    // GoRouter configuration
    final shellRoute = ShellRoute(
      builder: (BuildContext context, GoRouterState state, Widget child) {
        return SelectionArea(
          child: MainSkeleton(
            body: Padding(padding: const EdgeInsets.all(20), child: child),
          ),
        );
      },
      routes: [
        GoRoute(
          path: "/",
          redirect: (context, state) => WelcomePage.routeTv,
        ),
        GoRoute(
          path: WelcomePage.routeTv,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context, state: state, child: const WelcomePage()),
        ),
        GoRoute(
          path: WelcomePage.routeMoivie,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context, state: state, child: const WelcomePage()),
        ),
        GoRoute(
          path: TvDetailsPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context,
              state: state,
              child: TvDetailsPage(seriesId: state.pathParameters['id']!)),
        ),
        GoRoute(
          path: MovieDetailsPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context,
              state: state,
              child: MovieDetailsPage(id: state.pathParameters['id']!)),
        ),
        GoRoute(
          path: SearchPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context,
              state: state,
              child: SearchPage(query: state.uri.queryParameters["query"])),
        ),
        GoRoute(
          path: SystemSettingsPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context,
              state: state,
              child: const SystemSettingsPage()),
        ),
        GoRoute(
          path: ActivityPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context, state: state, child: const ActivityPage()),
        ),
        GoRoute(
          path: SystemPage.route,
          pageBuilder: (context, state) => buildPageWithDefaultTransition(
              context: context, state: state, child: const SystemPage()),
        )
      ],
    );

    final router = GoRouter(
      navigatorKey: APIs.navigatorKey,
      routes: [
        shellRoute,
        GoRoute(
          path: LoginScreen.route,
          builder: (context, state) => const LoginScreen(),
        )
      ],
    );

    return ProviderScope(
      child: MaterialApp.router(
        title: 'Polaris 影视追踪下载',
        theme: ThemeData(
            fontFamily: "NotoSansSC",
            colorScheme: ColorScheme.fromSeed(
                seedColor: Colors.blueAccent,
                brightness: Brightness.dark,
                surface: Colors.black87
                ),
            useMaterial3: true,
            //scaffoldBackgroundColor: Color.fromARGB(255, 26, 24, 24)
            tooltipTheme: TooltipThemeData(
              textStyle: const TextStyle(
                color: Colors.grey,
              ),
              decoration: BoxDecoration(
                color: Colors.black54,
                borderRadius: BorderRadius.circular(20),
              ),
            )),
        routerConfig: router,
      ),
    );
  }
}

class MainSkeleton extends StatefulWidget {
  final Widget body;
  const MainSkeleton({super.key, required this.body});

  @override
  State<StatefulWidget> createState() {
    return _MainSkeletonState();
  }
}

class _MainSkeletonState extends State<MainSkeleton> {
  var _selectedTab;

  @override
  Widget build(BuildContext context) {
    var uri = GoRouterState.of(context).uri.toString();
    if (uri.contains(WelcomePage.routeTv)) {
      _selectedTab = 0;
    } else if (uri.contains(WelcomePage.routeMoivie)) {
      _selectedTab = 1;
    } else if (uri.contains(ActivityPage.route)) {
      _selectedTab = 2;
    } else if (uri.contains(SystemSettingsPage.route)) {
      _selectedTab = 3;
    } else if (uri.contains(SystemPage.route)) {
      _selectedTab = 4;
    }

    return AdaptiveScaffold(
      appBarBreakpoint: Breakpoints.standard,
      appBar: AppBar(
        // TRY THIS: Try changing the color here to a specific color (to
        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
        // change color while the other colors stay the same.
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: const Row(
          children: [
            Text("Polaris"),
          ],
        ),
        actions: [
          SearchAnchor(
              builder: (BuildContext context, SearchController controller) {
            return Container(
              constraints: const BoxConstraints(maxWidth: 300, maxHeight: 40),
              child: Opacity(
                opacity: 0.8,
                child: SearchBar(
                  hintText: "搜索...",
                  leading: const Icon(Icons.search),
                  controller: controller,
                  shadowColor: WidgetStateColor.transparent,
                  backgroundColor: WidgetStatePropertyAll(
                      Theme.of(context).colorScheme.primaryContainer),
                  onSubmitted: (value) => context.go(Uri(
                      path: SearchPage.route,
                      queryParameters: {'query': value}).toString()),
                ),
              ),
            );
          }, suggestionsBuilder:
                  (BuildContext context, SearchController controller) {
            return [Text("dadada")];
          }),
          MenuAnchor(
            menuChildren: [
              MenuItemButton(
                leadingIcon: const Icon(Icons.exit_to_app),
                child: const Text("登出"),
                onPressed: () async {
                  await APIs.logout();
                },
              ),
            ],
            builder: (context, controller, child) {
              return TextButton(
                onPressed: () {
                  if (controller.isOpen) {
                    controller.close();
                  } else {
                    controller.open();
                  }
                },
                child: const Icon(Icons.account_circle),
              );
            },
          )
        ],
      ),
      useDrawer: false,
      selectedIndex: _selectedTab,
      onSelectedIndexChange: (int index) {
        setState(() {
          _selectedTab = index;
        });
        if (index == 0) {
          context.go(WelcomePage.routeTv);
        } else if (index == 1) {
          context.go(WelcomePage.routeMoivie);
        } else if (index == 2) {
          context.go(ActivityPage.route);
        } else if (index == 3) {
          context.go(SystemSettingsPage.route);
        } else if (index == 4) {
          context.go(SystemPage.route);
        }
      },
      destinations: const <NavigationDestination>[
        NavigationDestination(
          icon: Icon(Icons.live_tv_outlined),
          selectedIcon: Icon(Icons.live_tv),
          label: '剧集',
        ),
        NavigationDestination(
          icon: Icon(Icons.movie_outlined),
          selectedIcon: Icon(Icons.movie),
          label: '电影',
        ),
        NavigationDestination(
          icon: Icon(Icons.download_outlined),
          selectedIcon: Icon(Icons.download),
          label: '活动',
        ),
        NavigationDestination(
          icon: Icon(Icons.settings_outlined),
          selectedIcon: Icon(Icons.settings),
          label: '设置',
        ),
        NavigationDestination(
          icon: Icon(Icons.computer_outlined),
          selectedIcon: Icon(Icons.computer),
          label: '系统',
        ),
      ],
      body: (context) => SafeArea(child: widget.body),
      // Define a default secondaryBody.
      // Override the default secondaryBody during the smallBreakpoint to be
      // empty. Must use AdaptiveScaffold.emptyBuilder to ensure it is properly
      // overridden.
    );
  }
}