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:mangayomi/modules/more/about/providers/check_for_update.dart';
import 'package:mangayomi/providers/l10n_providers.dart';
import 'package:mangayomi/router/router.dart';
import 'package:mangayomi/utils/colors.dart';
import 'package:mangayomi/utils/media_query.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 ConsumerWidget {
  const MainScreen({super.key, required this.child});

  final Widget child;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final l10n = l10nLocalizations(context)!;
    final route = GoRouter.of(context);
    ref.watch(checkForUpdateProvider(context: context));
    return Consumer(builder: (context, ref, chuld) {
      final location = ref.watch(
        routerCurrentLocationStateProvider(context),
      );
      bool isReadingScreen =
          location == '/mangareaderview' || location == '/animePlayerView';
      int currentIndex = switch (location) {
        null => 0,
        '/MangaLibrary' => 0,
        '/AnimeLibrary' => 1,
        '/history' => 2,
        '/browse' => 3,
        _ => 4,
      };

      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: primaryColor(context),
                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: isTablet(context)
                  ? Row(
                      children: [
                        AnimatedContainer(
                          duration: const Duration(milliseconds: 0),
                          width: switch (isLongPressed) {
                            true => 0,
                            _ => switch (location) {
                                null => 100,
                                != '/MangaLibrary' &&
                                      != '/AnimeLibrary' &&
                                      != '/history' &&
                                      != '/browse' &&
                                      != '/more' =>
                                  0,
                                _ => 100,
                              },
                          },
                          child: NavigationRailTheme(
                            data: NavigationRailThemeData(
                              indicatorShape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(30)),
                            ),
                            child: NavigationRail(
                              labelType: NavigationRailLabelType.all,
                              useIndicator: true,
                              destinations: [
                                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))),
                                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),
                                    )),
                                NavigationRailDestination(
                                    selectedIcon: const Icon(
                                      Icons.new_releases,
                                    ),
                                    icon: const Icon(
                                      Icons.new_releases_outlined,
                                    ),
                                    label: Padding(
                                        padding: const EdgeInsets.only(top: 5),
                                        child: Text(l10n.history))),
                                NavigationRailDestination(
                                    selectedIcon: const Icon(
                                      Icons.history,
                                    ),
                                    icon: const Icon(
                                      Icons.history_outlined,
                                    ),
                                    label: Padding(
                                      padding: const EdgeInsets.only(top: 5),
                                      child: Text(l10n.browse),
                                    )),
                                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),
                                    )),
                              ],
                              selectedIndex: currentIndex,
                              onDestinationSelected: (newIndex) {
                                if (newIndex == 0) {
                                  route.go('/MangaLibrary');
                                } else if (newIndex == 1) {
                                  route.go('/AnimeLibrary');
                                } else if (newIndex == 2) {
                                  route.go('/history');
                                } else if (newIndex == 3) {
                                  route.go('/browse');
                                } else if (newIndex == 4) {
                                  route.go('/more');
                                }
                              },
                            ),
                          ),
                        ),
                        Expanded(child: child)
                      ],
                    )
                  : child,
              bottomNavigationBar: isTablet(context)
                  ? null
                  : AnimatedContainer(
                      duration: const Duration(milliseconds: 0),
                      width: mediaWidth(context, 1),
                      height: switch (isLongPressed) {
                        true => 0,
                        _ => switch (location) {
                            null => null,
                            != '/MangaLibrary' &&
                                  != '/AnimeLibrary' &&
                                  != '/history' &&
                                  != '/browse' &&
                                  != '/more' =>
                              0,
                            _ => null,
                          },
                      },
                      child: NavigationBarTheme(
                        data: NavigationBarThemeData(
                          indicatorShape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(30)),
                        ),
                        child: NavigationBar(
                          animationDuration: const Duration(milliseconds: 500),
                          selectedIndex: currentIndex,
                          destinations: [
                            NavigationDestination(
                                selectedIcon: const Icon(
                                  Icons.collections_bookmark,
                                ),
                                icon: const Icon(
                                  Icons.collections_bookmark_outlined,
                                ),
                                label: l10n.manga),
                            NavigationDestination(
                                selectedIcon: const Icon(
                                  Icons.video_collection,
                                ),
                                icon: const Icon(
                                  Icons.video_collection_outlined,
                                ),
                                label: l10n.anime),
                            NavigationDestination(
                                selectedIcon: const Icon(
                                  Icons.new_releases,
                                ),
                                icon: const Icon(
                                  Icons.new_releases_outlined,
                                ),
                                label: l10n.history),
                            NavigationDestination(
                                selectedIcon: const Icon(
                                  Icons.history,
                                ),
                                icon: const Icon(
                                  Icons.history_outlined,
                                ),
                                label: l10n.browse),
                            NavigationDestination(
                                selectedIcon: const Icon(
                                  Icons.more_horiz,
                                ),
                                icon: const Icon(
                                  Icons.more_horiz_outlined,
                                ),
                                label: l10n.more),
                          ],
                          onDestinationSelected: (newIndex) {
                            if (newIndex == 0) {
                              route.go('/MangaLibrary');
                            } else if (newIndex == 1) {
                              route.go('/AnimeLibrary');
                            } else if (newIndex == 2) {
                              route.go('/history');
                            } else if (newIndex == 3) {
                              route.go('/browse');
                            } else if (newIndex == 4) {
                              route.go('/more');
                            }
                          },
                        ),
                      ),
                    ),
            ),
          ),
        ],
      );
    });
  }
}