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

import 'package:adaptive_theme/adaptive_theme.dart';
import 'package:dynamic_color/dynamic_color.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart';
import 'package:vrouter/vrouter.dart';

import 'package:fluffychat/config/routes.dart';
import 'package:fluffychat/config/themes.dart';
import '../config/app_config.dart';
import '../utils/custom_scroll_behaviour.dart';
import '../utils/space_navigator.dart';
import 'matrix.dart';

class FluffyChatApp extends StatefulWidget {
  final Widget? testWidget;
  final List<Client> clients;
  final Map<String, String>? queryParameters;

  const FluffyChatApp({
    Key? key,
    this.testWidget,
    required this.clients,
    this.queryParameters,
  }) : super(key: key);

  /// getInitialLink may rereturn the value multiple times if this view is
  /// opened multiple times for example if the user logs out after they logged
  /// in with qr code or magic link.
  static bool gotInitialLink = false;

  @override
  FluffyChatAppState createState() => FluffyChatAppState();
}

class FluffyChatAppState extends State<FluffyChatApp> {
  GlobalKey<VRouterState>? _router;
  bool? columnMode;
  String? _initialUrl;

  @override
  void initState() {
    super.initState();
    _initialUrl =
        widget.clients.any((client) => client.isLogged()) ? '/rooms' : '/home';
  }

  @override
  Widget build(BuildContext context) {
    return DynamicColorBuilder(
      builder: (lightColorScheme, darkColorScheme) => AdaptiveTheme(
        light: FluffyThemes.buildTheme(
          Brightness.light,
          lightColorScheme,
        ),
        dark: FluffyThemes.buildTheme(
          Brightness.dark,
          lightColorScheme,
        ),
        initial: AdaptiveThemeMode.system,
        builder: (theme, darkTheme) => LayoutBuilder(
          builder: (context, constraints) {
            const maxColumns = 3;
            var newColumns =
                (constraints.maxWidth / FluffyThemes.columnWidth).floor();
            if (newColumns > maxColumns) newColumns = maxColumns;
            columnMode ??= newColumns > 1;
            _router ??= GlobalKey<VRouterState>();
            if (columnMode != newColumns > 1) {
              Logs().v('Set Column Mode = $columnMode');
              WidgetsBinding.instance.addPostFrameCallback((_) {
                setState(() {
                  _initialUrl = _router?.currentState?.url;
                  columnMode = newColumns > 1;
                  _router = GlobalKey<VRouterState>();
                });
              });
            }
            return VRouter(
              key: _router,
              title: AppConfig.applicationName,
              theme: theme,
              scrollBehavior: CustomScrollBehavior(),
              logs: kReleaseMode ? VLogs.none : VLogs.info,
              darkTheme: darkTheme,
              localizationsDelegates: L10n.localizationsDelegates,
              navigatorObservers: [
                SpaceNavigator.routeObserver,
              ],
              supportedLocales: L10n.supportedLocales,
              initialUrl: _initialUrl ?? '/',
              routes: AppRoutes(columnMode ?? false).routes,
              builder: (context, child) => Matrix(
                context: context,
                router: _router,
                clients: widget.clients,
                child: child,
              ),
            );
          },
        ),
      ),
    );
  }
}