Fladder/lib/screens/settings/settings_screen.dart

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

import 'package:auto_route/auto_route.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:iconsax_plus/iconsax_plus.dart';
import 'package:window_manager/window_manager.dart';

import 'package:fladder/providers/arguments_provider.dart';
import 'package:fladder/providers/auth_provider.dart';
import 'package:fladder/providers/update_provider.dart';
import 'package:fladder/providers/user_provider.dart';
import 'package:fladder/routes/auto_router.gr.dart';
import 'package:fladder/screens/settings/quick_connect_window.dart';
import 'package:fladder/screens/settings/settings_list_tile.dart';
import 'package:fladder/screens/settings/settings_scaffold.dart';
import 'package:fladder/screens/shared/default_alert_dialog.dart';
import 'package:fladder/screens/shared/fladder_icon.dart';
import 'package:fladder/screens/shared/fladder_snackbar.dart';
import 'package:fladder/util/adaptive_layout/adaptive_layout.dart';
import 'package:fladder/util/localization_helper.dart';
import 'package:fladder/util/theme_extensions.dart';

@RoutePage()
class SettingsScreen extends ConsumerStatefulWidget {
  const SettingsScreen({super.key});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => _SettingsScreenState();
}

class _SettingsScreenState extends ConsumerState<SettingsScreen> {
  final scrollController = ScrollController();
  final minVerticalPadding = 20.0;
  late LayoutMode lastAdaptiveLayout = AdaptiveLayout.layoutModeOf(context);

  @override
  Widget build(BuildContext context) {
    return AutoTabsRouter(
      builder: (context, content) {
        checkForNullIndex(context);
        return PopScope(
          canPop: context.tabsRouter.activeIndex == 0 || AdaptiveLayout.layoutModeOf(context) == LayoutMode.dual,
          onPopInvokedWithResult: (didPop, result) {
            if (!didPop) {
              context.tabsRouter.setActiveIndex(0);
            }
          },
          child: AdaptiveLayout.layoutModeOf(context) == LayoutMode.single
              ? Card(
                  elevation: 0,
                  child: Stack(
                    children: [_leftPane(context), content],
                  ),
                )
              : Row(
                  mainAxisSize: MainAxisSize.max,
                  crossAxisAlignment: CrossAxisAlignment.stretch,
                  children: [
                    Expanded(flex: 2, child: _leftPane(context)),
                    Expanded(
                      flex: 3,
                      child: content,
                    ),
                  ],
                ),
        );
      },
    );
  }

  //We have to navigate to the first screen after switching layouts && index == 0 otherwise the dual-layout is empty
  void checkForNullIndex(BuildContext context) {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final currentIndex = context.tabsRouter.activeIndex;
      if (AdaptiveLayout.layoutModeOf(context) == LayoutMode.dual && currentIndex == 0) {
        context.tabsRouter.setActiveIndex(1);
      }
    });
  }

  IconData get deviceIcon {
    if (AdaptiveLayout.of(context).isDesktop) {
      return IconsaxPlusLinear.monitor;
    }
    switch (AdaptiveLayout.viewSizeOf(context)) {
      case ViewSize.phone:
        return IconsaxPlusLinear.mobile;
      case ViewSize.tablet:
        return IconsaxPlusLinear.monitor;
      case ViewSize.desktop:
        return IconsaxPlusLinear.monitor;
      case ViewSize.television:
        return IconsaxPlusLinear.mirroring_screen;
    }
  }

  Widget _leftPane(BuildContext context) {
    void navigateTo(PageRouteInfo route) => context.tabsRouter.navigate(route);

    bool containsRoute(PageRouteInfo route) =>
        AdaptiveLayout.layoutModeOf(context) == LayoutMode.dual && context.tabsRouter.current.name == route.routeName;

    final quickConnectAvailable =
        ref.watch(userProvider.select((value) => value?.serverConfiguration?.quickConnectAvailable ?? false));

    final newRelease = ref.watch(updateProvider.select((value) => value.latestRelease));

    final hasNewUpdate = ref.watch(hasNewUpdateProvider);

    return Padding(
      padding: EdgeInsets.only(left: AdaptiveLayout.of(context).sideBarWidth),
      child: Container(
        color: context.colors.surface,
        child: SettingsScaffold(
          label: context.localized.settings,
          scrollController: scrollController,
          showBackButtonNested: true,
          showUserIcon: true,
          items: [
            if (hasNewUpdate && newRelease != null) ...[
              Card(
                color: context.colors.secondaryContainer,
                child: SettingsListTile(
                  label: Text(context.localized.newReleaseFoundTitle(newRelease.version)),
                  subLabel: Text(context.localized.newUpdateFoundOnGithub),
                  icon: IconsaxPlusLinear.information,
                  onTap: () => navigateTo(const AboutSettingsRoute()),
                ),
              ),
              const SizedBox(height: 8),
            ],
            SettingsListTile(
              label: Text(context.localized.settingsClientTitle),
              subLabel: Text(context.localized.settingsClientDesc),
              autoFocus: true,
              selected: containsRoute(const ClientSettingsRoute()),
              icon: deviceIcon,
              onTap: () => navigateTo(const ClientSettingsRoute()),
            ),
            SettingsListTile(
              label: Text(context.localized.settingsProfileTitle),
              subLabel: Text(context.localized.settingsProfileDesc),
              selected: containsRoute(const SecuritySettingsRoute()),
              icon: IconsaxPlusLinear.security_user,
              onTap: () => navigateTo(const SecuritySettingsRoute()),
            ),
            SettingsListTile(
              label: Text(context.localized.settingsPlayerTitle),
              subLabel: Text(context.localized.settingsPlayerDesc),
              selected: containsRoute(const PlayerSettingsRoute()),
              icon: IconsaxPlusLinear.video_play,
              onTap: () => navigateTo(const PlayerSettingsRoute()),
            ),
            SettingsListTile(
              label: Text(context.localized.about),
              subLabel: Text("Fladder, ${context.localized.latestReleases}"),
              selected: containsRoute(const AboutSettingsRoute()),
              leading: Opacity(
                opacity: 1,
                child: FladderIconOutlined(
                  size: 24,
                  color: context.colors.onSurfaceVariant,
                ),
              ),
              onTap: () => navigateTo(const AboutSettingsRoute()),
            ),
            if (ref.watch(argumentsStateProvider.select((value) => value.htpcMode))) ...[
              SettingsListTile(
                label: Text(context.localized.exitFladderTitle),
                icon: IconsaxPlusLinear.close_square,
                onTap: () async {
                  showDefaultAlertDialog(
                    context,
                    context.localized.exitFladderTitle,
                    context.localized.exitFladderDesc,
                    (context) async {
                      if (AdaptiveLayout.of(context).isDesktop) {
                        final manager = WindowManager.instance;
                        if (await manager.isClosable()) {
                          manager.close();
                        } else {
                          fladderSnackbar(context, title: context.localized.somethingWentWrong);
                        }
                      } else {
                        SystemNavigator.pop();
                      }
                    },
                    context.localized.close,
                    (context) => context.pop(),
                    context.localized.cancel,
                  );
                },
              ),
            ],
            const FractionallySizedBox(
              widthFactor: 0.25,
              child: Divider(),
            ),
            if (quickConnectAvailable)
              SettingsListTile(
                label: Text(context.localized.settingsQuickConnectTitle),
                icon: IconsaxPlusLinear.password_check,
                onTap: () => openQuickConnectDialog(context),
              ),
            SettingsListTile(
              label: Text(context.localized.switchUser),
              icon: IconsaxPlusLinear.arrow_swap_horizontal,
              contentColor: Colors.greenAccent,
              onTap: () async {
                await ref.read(userProvider.notifier).logoutUser();
                context.router.replaceAll([const LoginRoute()]);
              },
            ),
            SettingsListTile(
              label: Text(context.localized.logout),
              icon: IconsaxPlusLinear.logout,
              contentColor: Theme.of(context).colorScheme.error,
              onTap: () {
                final user = ref.read(userProvider);
                showDialog(
                  context: context,
                  builder: (context) => AlertDialog(
                    title: Text(context.localized.logoutUserPopupTitle(user?.name ?? "")),
                    scrollable: true,
                    content: Text(
                      context.localized.logoutUserPopupContent(user?.name ?? "", user?.server ?? ""),
                    ),
                    actions: [
                      ElevatedButton(
                        onPressed: () => Navigator.pop(context),
                        child: Text(context.localized.cancel),
                      ),
                      ElevatedButton(
                        style: ElevatedButton.styleFrom().copyWith(
                          iconColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onErrorContainer),
                          foregroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onErrorContainer),
                          backgroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.errorContainer),
                        ),
                        onPressed: () async {
                          await ref.read(authProvider.notifier).logOutUser();
                          if (context.mounted) {
                            context.router.replaceAll([const LoginRoute()]);
                          }
                        },
                        child: Text(context.localized.logout),
                      ),
                    ],
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}