import 'package:animated_theme_switcher/animated_theme_switcher.dart';
import 'package:fast_immutable_collections/fast_immutable_collections.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:flutter_translate/flutter_translate.dart';
import 'package:form_builder_validators/form_builder_validators.dart';
import 'package:provider/provider.dart';

import 'account_manager/account_manager.dart';
import 'init.dart';
import 'layout/splash.dart';
import 'notifications/notifications.dart';
import 'router/router.dart';
import 'settings/settings.dart';
import 'theme/theme.dart';
import 'tick.dart';
import 'veilid_processor/veilid_processor.dart';

class ScrollBehaviorModified extends ScrollBehavior {
  const ScrollBehaviorModified();
  @override
  ScrollPhysics getScrollPhysics(BuildContext context) =>
      const ClampingScrollPhysics();
}

class VeilidChatApp extends StatelessWidget {
  const VeilidChatApp({
    required this.initialThemeData,
    super.key,
  });

  static const String name = 'VeilidChat';

  final ThemeData initialThemeData;

  Widget appBuilder(
          BuildContext context, LocalizationDelegate localizationDelegate) =>
      ThemeProvider(
        initTheme: initialThemeData,
        builder: (context, theme) => LocalizationProvider(
            state: LocalizationProvider.of(context).state,
            child: MultiBlocProvider(
              providers: [
                BlocProvider<PreferencesCubit>(
                  create: (context) =>
                      PreferencesCubit(PreferencesRepository.instance),
                ),
                BlocProvider<NotificationsCubit>(
                    create: (context) => NotificationsCubit(
                        const NotificationsState(queue: IList.empty()))),
                BlocProvider<ConnectionStateCubit>(
                    create: (context) =>
                        ConnectionStateCubit(ProcessorRepository.instance)),
                BlocProvider<RouterCubit>(
                  create: (context) => RouterCubit(AccountRepository.instance),
                ),
                BlocProvider<LocalAccountsCubit>(
                  create: (context) =>
                      LocalAccountsCubit(AccountRepository.instance),
                ),
                BlocProvider<UserLoginsCubit>(
                  create: (context) =>
                      UserLoginsCubit(AccountRepository.instance),
                ),
                BlocProvider<ActiveLocalAccountCubit>(
                  create: (context) =>
                      ActiveLocalAccountCubit(AccountRepository.instance),
                ),
                BlocProvider<PerAccountCollectionBlocMapCubit>(
                    create: (context) => PerAccountCollectionBlocMapCubit(
                        accountRepository: AccountRepository.instance,
                        locator: context.read)),
              ],
              child: BackgroundTicker(child: Builder(builder: (context) {
                final scale = theme.extension<ScaleScheme>()!;
                final scaleConfig = theme.extension<ScaleConfig>()!;

                final gradient = LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: scaleConfig.preferBorders &&
                            theme.brightness == Brightness.light
                        ? [
                            scale.grayScale.hoverElementBackground,
                            scale.grayScale.subtleBackground,
                          ]
                        : [
                            scale.primaryScale.hoverElementBackground,
                            scale.primaryScale.subtleBackground,
                          ]);

                final wallpaper = PreferencesRepository
                    .instance.value.themePreference
                    .wallpaper();

                return Stack(
                    fit: StackFit.expand,
                    alignment: Alignment.center,
                    children: [
                      wallpaper ??
                          DecoratedBox(
                              decoration: BoxDecoration(gradient: gradient)),
                      MaterialApp.router(
                        scrollBehavior: const ScrollBehaviorModified(),
                        debugShowCheckedModeBanner: false,
                        routerConfig: context.read<RouterCubit>().router(),
                        title: translate('app.title'),
                        theme: theme,
                        localizationsDelegates: [
                          GlobalMaterialLocalizations.delegate,
                          GlobalWidgetsLocalizations.delegate,
                          FormBuilderLocalizations.delegate,
                          localizationDelegate
                        ],
                        supportedLocales: localizationDelegate.supportedLocales,
                        locale: localizationDelegate.currentLocale,
                      )
                    ]);
              })),
            )),
      );

  @override
  Widget build(BuildContext context) => FutureProvider<VeilidChatGlobalInit?>(
      initialData: null,
      create: (context) async => VeilidChatGlobalInit.initialize(),
      builder: (context, __) {
        final globalInit = context.watch<VeilidChatGlobalInit?>();
        if (globalInit == null) {
          // Splash screen until we're done with init
          return const Splash();
        }
        // Once init is done, we proceed with the app
        final localizationDelegate = LocalizedApp.of(context).delegate;

        return SafeArea(child: appBuilder(context, localizationDelegate));
      });

  @override
  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
    super.debugFillProperties(properties);
    properties
        .add(DiagnosticsProperty<ThemeData>('themeData', initialThemeData));
  }
}