import 'package:didvan/config/design_config.dart';
import 'package:didvan/constants/assets.dart';
import 'package:didvan/main.dart';
import 'package:didvan/providers/media.dart';
import 'package:didvan/providers/server_data.dart';
import 'package:didvan/providers/theme.dart';
import 'package:didvan/providers/user.dart';
import 'package:didvan/routes/routes.dart';
import 'package:didvan/services/app_initalizer.dart';
import 'package:didvan/services/network/request.dart';
import 'package:didvan/services/storage/storage.dart';
import 'package:didvan/utils/action_sheet.dart';
import 'package:didvan/views/widgets/didvan/button.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:provider/provider.dart';
import 'package:universal_html/html.dart' as html;

class Splash extends StatefulWidget {
  const Splash({Key? key}) : super(key: key);

  @override
  State<Splash> createState() => _SplashState();
}

class _SplashState extends State<Splash> {
  bool _isGettingThemeData = true;
  bool _errorOccured = false;

  @override
  void initState() {
    _initialize();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    if (_isGettingThemeData) {
      return Container(
        color: Colors.transparent,
        height: double.infinity,
        width: double.infinity,
      );
    }
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: DesignConfig.systemUiOverlayStyle.copyWith(
        systemNavigationBarColor: Theme.of(context).colorScheme.background,
      ),
      child: Material(
        child: Container(
          alignment: Alignment.center,
          padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 60),
          color: Theme.of(context).colorScheme.background,
          child: Column(
            children: [
              const SizedBox(height: 70),
              SvgPicture.asset(
                Assets.horizontalLogoWithText,
              ),
              if (!_errorOccured)
                Image.asset(
                  Assets.loadingAnimation,
                  width: 60,
                  height: 60,
                ),
              if (_errorOccured) const SizedBox(height: 30),
              if (_errorOccured)
                DidvanButton(
                  width: 120,
                  height: 40,
                  title: 'تلاش مجدد',
                  onPressed: () {
                    setState(() {
                      _errorOccured = false;
                    });
                    _initialize();
                  },
                ),
            ],
          ),
        ),
      ),
    );
  }

  Future<void> _initialize() async {
    try {
      var v = navigatorKey.currentContext;
      ActionSheetUtils.context = navigatorKey.currentContext!;
      if (kIsWeb) {
        html.window.onBeforeUnload.listen((event) {
          StorageService.webStorage
              .removeWhere((key, value) => key == 'image-cache');
        });
      }
      final settingsData = await AppInitializer.initilizeSettings();
      if (!mounted) {
        return;
      }
      final themeProvider = context.read<ThemeProvider>();
      themeProvider.themeMode = settingsData.themeMode;
      themeProvider.fontFamily = settingsData.fontFamily;
      themeProvider.fontScale = settingsData.fontScale;
      await Future.delayed(
        const Duration(milliseconds: 200),
        () => setState(() {
          _isGettingThemeData = false;
        }),
      );
      if (!mounted) {
        return;
      }
      await AppInitializer.setupServices(context);
      if (!mounted) {
        return;
      }
      final userProvider = context.read<UserProvider>();
      final String? token = await userProvider.setAndGetToken();
      if (token != null) {
        if (!kIsWeb && mounted) {
          context.read<MediaProvider>().getDownloadsList();
        }
        RequestService.token = token;
        final result = await userProvider.getUserInfo();
        if (!result && mounted) {
          StorageService.delete(key: 'token');
          Navigator.of(context).pushNamedAndRemoveUntil(
            Routes.splash,
            (_) => false,
          );
          return;
        }
        await ServerDataProvider.getData();
      }
      if (mounted) {
        Navigator.of(context).pushReplacementNamed(
          token == null ? Routes.authenticaion : Routes.home,
          arguments: token == null ? false : null,
        );
      }
    } catch (e) {
      setState(() {
        _errorOccured = true;
      });
    }
  }
}