import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:isar/isar.dart';
import 'package:mangayomi/main.dart';
import 'package:mangayomi/models/chapter.dart';
import 'package:mangayomi/models/manga.dart';
import 'package:mangayomi/models/update.dart';
import 'package:mangayomi/models/source.dart';
import 'package:mangayomi/modules/more/settings/reader/providers/reader_state_provider.dart';
import 'package:mangayomi/modules/widgets/loading_icon.dart';
import 'package:mangayomi/services/fetch_anime_sources.dart';
import 'package:mangayomi/services/fetch_manga_sources.dart';
import 'package:mangayomi/modules/main_view/providers/migration.dart';
import 'package:mangayomi/modules/more/about/providers/check_for_update.dart';
import 'package:mangayomi/modules/more/data_and_storage/providers/auto_backup.dart';
import 'package:mangayomi/providers/l10n_providers.dart';
import 'package:mangayomi/router/router.dart';
import 'package:mangayomi/services/fetch_novel_sources.dart';
import 'package:mangayomi/services/fetch_sources_list.dart';
import 'package:mangayomi/utils/extensions/build_context_extensions.dart';
import 'package:mangayomi/modules/library/providers/library_state_provider.dart';
import 'package:mangayomi/modules/more/providers/incognito_mode_state_provider.dart';

class MainScreen extends ConsumerStatefulWidget {
  const MainScreen({super.key, required this.child});

  final Widget child;

  @override
  ConsumerState<MainScreen> createState() => _MainScreenState();
}

class _MainScreenState extends ConsumerState<MainScreen> {
  String getHyphenatedUpdatesLabel(String languageCode, String defaultLabel) {
    switch (languageCode) {
      case 'de':
        return "Aktuali-\nsierungen";
      case 'es':
      case 'es_419':
        return "Actuali-\nzaciones";
      case 'it':
        return "Aggiorna-\nmenti";
      case 'tr':
        return "Güncel-\nlemeler";
      default:
        return defaultLabel;
    }
  }

  late final navigationOrder = ref.watch(navigationOrderStateProvider);
  late String? location =
      ref.watch(routerCurrentLocationStateProvider(context));
  late String defaultLocation = navigationOrder.first;
  @override
  initState() {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      context.go(defaultLocation);

      Timer.periodic(Duration(minutes: 5), (timer) {
        ref.read(checkAndBackupProvider);
      });
      ref.watch(checkForUpdateProvider(context: context));
      ref.watch(fetchMangaSourcesListProvider(id: null, reFresh: false));
      ref.watch(fetchAnimeSourcesListProvider(id: null, reFresh: false));
      ref.watch(fetchNovelSourcesListProvider(id: null, reFresh: false));
    });

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    final route = GoRouter.of(context);
    final navigationOrder = ref.watch(navigationOrderStateProvider);
    final hideItems = ref.watch(hideItemsStateProvider);
    location = ref.watch(routerCurrentLocationStateProvider(context));
    return ref.watch(migrationProvider).when(data: (_) {
      return Consumer(builder: (context, ref, chuld) {
        bool isReadingScreen = location == '/mangaReaderView' ||
            location == '/animePlayerView' ||
            location == '/novelReaderView';
        final dest =
            navigationOrder.where((nav) => !hideItems.contains(nav)).toList();

        int currentIndex = dest.indexOf(location ?? defaultLocation);
        if (currentIndex == -1) {
          currentIndex = dest.length - 1;
        }

        final incognitoMode = ref.watch(incognitoModeStateProvider);
        final isLongPressed = ref.watch(isLongPressedMangaStateProvider);
        return Column(
          children: [
            if (!isReadingScreen)
              Material(
                child: AnimatedContainer(
                  height: incognitoMode
                      ? Platform.isAndroid || Platform.isIOS
                          ? MediaQuery.of(context).padding.top * 2
                          : 50
                      : 0,
                  curve: Curves.easeIn,
                  duration: const Duration(milliseconds: 150),
                  color: context.primaryColor,
                  child: Row(
                    crossAxisAlignment: CrossAxisAlignment.end,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                          l10n.incognito_mode,
                          style: TextStyle(
                            color: Colors.white,
                            fontFamily: GoogleFonts.aBeeZee().fontFamily,
                          ),
                        ),
                      )
                    ],
                  ),
                ),
              ),
            Flexible(
              child: Scaffold(
                body: context.isTablet
                    ? Row(
                        children: [
                          AnimatedContainer(
                            duration: const Duration(milliseconds: 0),
                            width: switch (isLongPressed) {
                              true => 0,
                              _ => switch (location) {
                                  null => 100,
                                  != '/MangaLibrary' &&
                                        != '/AnimeLibrary' &&
                                        != '/NovelLibrary' &&
                                        != '/history' &&
                                        != '/updates' &&
                                        != '/browse' &&
                                        != '/more' =>
                                    0,
                                  _ => 100,
                                },
                            },
                            child: Stack(
                              children: [
                                NavigationRailTheme(
                                  data: NavigationRailThemeData(
                                    indicatorShape: RoundedRectangleBorder(
                                        borderRadius:
                                            BorderRadius.circular(30)),
                                  ),
                                  child: Builder(builder: (context) {
                                    return NavigationRail(
                                      labelType: NavigationRailLabelType.all,
                                      useIndicator: true,
                                      destinations:
                                          _buildNavigationWidgetsDesktop(
                                              ref, dest, context),
                                      selectedIndex: currentIndex,
                                      onDestinationSelected: (newIndex) {
                                        route.go(dest[newIndex]);
                                      },
                                    );
                                  }),
                                ),
                              ],
                            ),
                          ),
                          Expanded(child: widget.child)
                        ],
                      )
                    : widget.child,
                bottomNavigationBar: context.isTablet
                    ? null
                    : AnimatedContainer(
                        duration: const Duration(milliseconds: 0),
                        width: context.width(1),
                        height: switch (isLongPressed) {
                          true => 0,
                          _ => switch (location) {
                              null => null,
                              != '/MangaLibrary' &&
                                    != '/AnimeLibrary' &&
                                    != '/NovelLibrary' &&
                                    != '/history' &&
                                    != '/updates' &&
                                    != '/browse' &&
                                    != '/more' =>
                                0,
                              _ => null,
                            },
                        },
                        child: NavigationBarTheme(
                          data: NavigationBarThemeData(
                            labelTextStyle: WidgetStatePropertyAll(
                                TextStyle(overflow: TextOverflow.ellipsis)),
                            indicatorShape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(30)),
                          ),
                          child: NavigationBar(
                            animationDuration:
                                const Duration(milliseconds: 500),
                            selectedIndex: currentIndex,
                            destinations: _buildNavigationWidgetsMobile(
                                ref, dest, context),
                            onDestinationSelected: (newIndex) {
                              route.go(dest[newIndex]);
                            },
                          ),
                        ),
                      ),
              ),
            ),
          ],
        );
      });
    }, error: (error, _) {
      return const LoadingIcon();
    }, loading: () {
      return const LoadingIcon();
    });
  }

  List<NavigationRailDestination> _buildNavigationWidgetsDesktop(
      WidgetRef ref, List<String> dest, BuildContext context) {
    final l10n = context.l10n;
    final destinations =
        List<NavigationRailDestination?>.filled(dest.length, null);
    if (dest.contains("/MangaLibrary")) {
      destinations[dest.indexOf("/MangaLibrary")] = NavigationRailDestination(
          selectedIcon: const Icon(Icons.collections_bookmark),
          icon: const Icon(Icons.collections_bookmark_outlined),
          label: Padding(
              padding: const EdgeInsets.only(top: 5), child: Text(l10n.manga)));
    }
    if (dest.contains("/AnimeLibrary")) {
      destinations[dest.indexOf("/AnimeLibrary")] = NavigationRailDestination(
          selectedIcon: const Icon(Icons.video_collection),
          icon: const Icon(Icons.video_collection_outlined),
          label: Padding(
              padding: const EdgeInsets.only(top: 5), child: Text(l10n.anime)));
    }
    if (dest.contains("/NovelLibrary")) {
      destinations[dest.indexOf("/NovelLibrary")] = NavigationRailDestination(
          selectedIcon: const Icon(Icons.local_library),
          icon: const Icon(Icons.local_library_outlined),
          label: Padding(
              padding: const EdgeInsets.only(top: 5), child: Text(l10n.novel)));
    }
    if (dest.contains("/updates")) {
      destinations[dest.indexOf("/updates")] = NavigationRailDestination(
          selectedIcon: _updatesTotalNumbers(ref, Icon(Icons.new_releases)),
          icon: _updatesTotalNumbers(ref, Icon(Icons.new_releases_outlined)),
          label: Padding(
            padding: const EdgeInsets.only(top: 5),
            child: Text(
              getHyphenatedUpdatesLabel(
                ref.watch(l10nLocaleStateProvider).languageCode,
                l10n.updates,
              ),
              textAlign: TextAlign.center,
            ),
          ));
    }
    if (dest.contains("/history")) {
      destinations[dest.indexOf("/history")] = NavigationRailDestination(
          selectedIcon: const Icon(Icons.history),
          icon: const Icon(Icons.history_outlined),
          label: Padding(
              padding: const EdgeInsets.only(top: 5),
              child: Text(l10n.history)));
    }
    if (dest.contains("/browse")) {
      destinations[dest.indexOf("/browse")] = NavigationRailDestination(
          selectedIcon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore)),
          icon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore_outlined)),
          label: Padding(
              padding: const EdgeInsets.only(top: 5),
              child: Text(l10n.browse)));
    }
    if (dest.contains("/more")) {
      destinations[dest.indexOf("/more")] = NavigationRailDestination(
          selectedIcon: const Icon(Icons.more_horiz),
          icon: const Icon(Icons.more_horiz_outlined),
          label: Padding(
              padding: const EdgeInsets.only(top: 5), child: Text(l10n.more)));
    }
    return destinations.nonNulls.toList();
  }

  List<Widget> _buildNavigationWidgetsMobile(
      WidgetRef ref, List<String> dest, BuildContext context) {
    final l10n = context.l10n;
    final destinations =
        List<Widget>.filled(dest.length, const SizedBox.shrink());
    if (dest.contains("/MangaLibrary")) {
      destinations[dest.indexOf("/MangaLibrary")] = NavigationDestination(
          selectedIcon: const Icon(Icons.collections_bookmark),
          icon: const Icon(Icons.collections_bookmark_outlined),
          label: l10n.manga);
    }
    if (dest.contains("/AnimeLibrary")) {
      destinations[dest.indexOf("/AnimeLibrary")] = NavigationDestination(
          selectedIcon: const Icon(Icons.video_collection),
          icon: const Icon(Icons.video_collection_outlined),
          label: l10n.anime);
    }
    if (dest.contains("/NovelLibrary")) {
      destinations[dest.indexOf("/NovelLibrary")] = NavigationDestination(
          selectedIcon: const Icon(Icons.local_library),
          icon: const Icon(Icons.local_library_outlined),
          label: l10n.novel);
    }
    if (dest.contains("/updates")) {
      destinations[dest.indexOf("/updates")] = NavigationDestination(
          selectedIcon: _updatesTotalNumbers(ref, Icon(Icons.new_releases)),
          icon: _updatesTotalNumbers(ref, Icon(Icons.new_releases_outlined)),
          label: l10n.updates);
    }
    if (dest.contains("/history")) {
      destinations[dest.indexOf("/history")] = NavigationDestination(
          selectedIcon: const Icon(Icons.history),
          icon: const Icon(Icons.history_outlined),
          label: l10n.history);
    }
    if (dest.contains("/browse")) {
      destinations[dest.indexOf("/browse")] = NavigationDestination(
          selectedIcon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore)),
          icon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore_outlined)),
          label: l10n.browse);
    }
    if (dest.contains("/more")) {
      destinations[dest.indexOf("/more")] = NavigationDestination(
          selectedIcon: const Icon(Icons.more_horiz),
          icon: const Icon(Icons.more_horiz_outlined),
          label: l10n.more);
    }
    return destinations;
  }
}

Widget _extensionUpdateTotalNumbers(WidgetRef ref, Widget widget) {
  final hideItems = ref.watch(hideItemsStateProvider);
  return StreamBuilder(
      stream: isar.sources
          .filter()
          .idIsNotNull()
          .optional(hideItems.contains("/MangaLibrary"),
              (q) => q.not().itemTypeEqualTo(ItemType.manga))
          .optional(hideItems.contains("/AnimeLibrary"),
              (q) => q.not().itemTypeEqualTo(ItemType.anime))
          .optional(hideItems.contains("/NovelLibrary"),
              (q) => q.not().itemTypeEqualTo(ItemType.novel))
          .and()
          .isActiveEqualTo(true)
          .watch(fireImmediately: true),
      builder: (context, snapshot) {
        if (snapshot.hasData && snapshot.data!.isNotEmpty) {
          final entries = snapshot.data!
              .where((element) =>
                  compareVersions(element.version!, element.versionLast!) < 0)
              .toList();
          if (entries.isEmpty) {
            return widget;
          }
          return Badge(label: Text("${entries.length}"), child: widget);
        }
        return widget;
      });
}

Widget _updatesTotalNumbers(WidgetRef ref, Widget widget) {
  final hideItems = ref.watch(hideItemsStateProvider);
  return StreamBuilder(
      stream: isar.updates
          .filter()
          .idIsNotNull()
          .optional(
              hideItems.contains("/MangaLibrary"),
              (q) => q.chapter(
                    (c) =>
                        c.manga((m) => m.not().itemTypeEqualTo(ItemType.manga)),
                  ))
          .optional(
              hideItems.contains("/AnimeLibrary"),
              (q) => q.chapter(
                    (c) =>
                        c.manga((m) => m.not().itemTypeEqualTo(ItemType.anime)),
                  ))
          .optional(
              hideItems.contains("/NovelLibrary"),
              (q) => q.chapter(
                    (c) =>
                        c.manga((m) => m.not().itemTypeEqualTo(ItemType.novel)),
                  ))
          .watch(fireImmediately: true),
      builder: (context, snapshot) {
        if (snapshot.hasData && snapshot.data!.isNotEmpty) {
          final entries = snapshot.data!.where((element) {
            if (!element.chapter.isLoaded) {
              element.chapter.loadSync();
            }
            return !(element.chapter.value?.isRead ?? false);
          }).toList();
          if (entries.isEmpty) {
            return widget;
          }
          return Badge(label: Text("${entries.length}"), child: widget);
        }
        return widget;
      });
}