import 'package:flutter/material.dart';
import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
import "package:universal_html/html.dart" as html;

class MihTheme {
  // late int _mainColor;
  // late int _secondColor;
  //late int _errColor;
  //late int _succColor;
  // late int _mesColor;
  late String mode;
  late String screenType;
  late AssetImage loading;
  late String loadingAssetText;
  late TargetPlatform platform;
  bool kIsWeb = const bool.fromEnvironment('dart.library.js_util');
  String latestVersion = "1.2.4";
  // Options:-
  // f3f9d2 = Cream
  // f0f0c9 = cream2
  // caffd0 = light green
  // B0F2B4 = light grean 2 *
  // 85bda6 = light green 3
  // 70f8ba = green
  // F7F3EA = white
  // a63446 = red
  //747474

  MihTheme() {
    mode = "Dark";
    //_errColor = 0xffD87E8B;
    //_succColor = 0xffB0F2B4;
    //_mesColor = 0xffc8c8c8d9;
  }

  ThemeData getData(bool bool) {
    return ThemeData(
      fontFamily: 'Segoe UI',
      scaffoldBackgroundColor: MihColors.getPrimaryColor(mode == "Dark"),
      // pageTransitionsTheme: PageTransitionsTheme(
      //   builders: Map<TargetPlatform, PageTransitionsBuilder>.fromIterable(
      //     TargetPlatform.values,
      //     value: (dynamic _) => const FadeUpwardsPageTransitionsBuilder(),
      //   ),
      // ),
      colorScheme: ColorScheme(
        brightness: getBritness(),
        primary: MihColors.getSecondaryColor(mode == "Dark"),
        onPrimary: MihColors.getPrimaryColor(mode == "Dark"),
        secondary: MihColors.getPrimaryColor(mode == "Dark"),
        onSecondary: MihColors.getSecondaryColor(mode == "Dark"),
        error: MihColors.getRedColor(mode == "Dark"),
        onError: MihColors.getPrimaryColor(mode == "Dark"),
        surface: MihColors.getPrimaryColor(mode == "Dark"),
        onSurface: MihColors.getSecondaryColor(mode == "Dark"),
      ),
      datePickerTheme: DatePickerThemeData(
        backgroundColor: MihColors.getPrimaryColor(mode == "Dark"),
        headerBackgroundColor: MihColors.getSecondaryColor(mode == "Dark"),
        headerForegroundColor: MihColors.getPrimaryColor(mode == "Dark"),
      ),
      appBarTheme: AppBarTheme(
        color: MihColors.getSecondaryColor(mode == "Dark"),
        foregroundColor: MihColors.getPrimaryColor(mode == "Dark"),
        titleTextStyle: TextStyle(
          color: MihColors.getPrimaryColor(mode == "Dark"),
          fontSize: 25,
          fontWeight: FontWeight.bold,
        ),
      ),
      floatingActionButtonTheme: FloatingActionButtonThemeData(
        backgroundColor: MihColors.getSecondaryColor(mode == "Dark"),
        foregroundColor: MihColors.getPrimaryColor(mode == "Dark"),
        extendedTextStyle:
            TextStyle(color: MihColors.getPrimaryColor(mode == "Dark")),
      ),
      drawerTheme: DrawerThemeData(
        backgroundColor: MihColors.getPrimaryColor(mode == "Dark"),
      ),
      // Text selection / cursor color
      textSelectionTheme: TextSelectionThemeData(
        cursorColor: MihColors.getPrimaryColor(mode == "Dark"),
        selectionColor:
            MihColors.getPrimaryColor(mode == "Dark").withOpacity(0.25),
        selectionHandleColor: MihColors.getPrimaryColor(mode == "Dark"),
      ),
      tooltipTheme: TooltipThemeData(
        decoration: BoxDecoration(
          color: MihColors.getSecondaryColor(mode == "Dark"),
          borderRadius: BorderRadius.circular(6),
          border: Border.all(
            width: 1.0,
            color: MihColors.getPrimaryColor(mode == "Dark"),
          ),
          boxShadow: [
            BoxShadow(
              color:
                  MihColors.getPrimaryColor(mode == "Dark").withOpacity(0.18),
              blurRadius: 6,
              offset: const Offset(0, 2),
            ),
          ],
        ),
        textStyle: TextStyle(
          color: MihColors.getPrimaryColor(mode == "Dark"),
          fontSize: 13,
          height: 1.2,
        ),
        waitDuration: const Duration(milliseconds: 500),
        showDuration: const Duration(seconds: 3),
        preferBelow: true,
        verticalOffset: 24,
        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
        triggerMode: TooltipTriggerMode.longPress,
      ),
      // // Input decoration (text fields) theme
      // inputDecorationTheme: InputDecorationTheme(
      //   filled: true,
      //   fillColor: mode == "Dark"
      //       ? MihColors.getPrimaryColor(true).withOpacity(0.06)
      //       : MihColors.getPrimaryColor(false).withOpacity(0.03),
      //   contentPadding:
      //       const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
      //   border: OutlineInputBorder(
      //     borderRadius: BorderRadius.circular(8),
      //     borderSide:
      //         BorderSide(color: MihColors.getSecondaryColor(mode == "Dark")),
      //   ),
      //   enabledBorder: OutlineInputBorder(
      //     borderRadius: BorderRadius.circular(8),
      //     borderSide: BorderSide(
      //         color:
      //             MihColors.getSecondaryColor(mode == "Dark").withOpacity(0.6)),
      //   ),
      //   focusedBorder: OutlineInputBorder(
      //     borderRadius: BorderRadius.circular(8),
      //     borderSide: BorderSide(
      //         color: MihColors.getSecondaryColor(mode == "Dark"), width: 2),
      //   ),
      //   hintStyle: TextStyle(
      //       color:
      //           MihColors.getSecondaryColor(mode == "Dark").withOpacity(0.7)),
      //   labelStyle:
      //       TextStyle(color: MihColors.getSecondaryColor(mode == "Dark")),
      //   errorStyle: TextStyle(color: MihColors.getRedColor(mode == "Dark")),
      // ),
    );
  }

  String getPlatform() {
    // if (isPwa()) {
    //   if (platform == TargetPlatform.android) {
    //     return "Android";
    //   } else if (platform == TargetPlatform.iOS) {
    //     return "iOS";
    //   }
    // } else
    if (kIsWeb) {
      return "Web";
    } else if (!kIsWeb) {
      if (platform == TargetPlatform.android) {
        return "Android";
      } else if (platform == TargetPlatform.iOS) {
        return "iOS";
      }
    }
    return "Other";
  }

  bool isPwa() {
    return html.window.matchMedia('(display-mode: standalone)').matches;
  }

  void setMode(String m) {
    mode;
  }

  String getLatestVersion() {
    return latestVersion;
  }

  ThemeData getThemeData() {
    return getData(mode == "Dark");
  }

  ThemeData darkMode() {
    return getData(mode == "Dark");
  }

  ThemeData lightMode() {
    return getData(mode == "Dark");
  }

  Brightness getBritness() {
    if (mode == "Dark") {
      return Brightness.dark;
    } else {
      return Brightness.light;
    }
  }

  // Color messageTextColor() {
  //   if (mode == "Dark") {
  //     _mesColor = 0XFFc8c8c8;
  //   } else {
  //     _mesColor = 0XFF747474;
  //   }
  //   return Color(_mesColor);
  // }

  // Color errorColor() {
  //   if (mode == "Dark") {
  //     return const Color(0xffD87E8B);
  //   } else {
  //     return const Color(0xffbb3d4f);
  //   }
  //   //return Color(_errColor);
  // }

  // Color highlightColor() {
  //   if (mode == "Dark") {
  //     return const Color(0XFF9bc7fa);
  //   } else {
  //     return const Color(0XFF354866);
  //   }
  // }

  // Color successColor() {
  //   if (mode == "Dark") {
  //     return const Color(0xffB0F2B4);
  //   } else {
  //     return const Color(0xff56a95b);
  //   }
  // }

  // AssetImage loadingImage() {
  //   if (mode == "Dark") {
  //     loading = const AssetImage(
  //       'lib/mih_package_components/assets/images/loading_light.gif',
  //     );
  //   } else {
  //     loading = const AssetImage(
  //       'lib/mih_package_components/assets/images/loading_dark.gif',
  //     );
  //   }
  //   return loading;
  // }

  // AssetImage altLoadingImage() {
  //   if (mode == "Dark") {
  //     loading = const AssetImage(
  //       'lib/mih_package_components/assets/images/loading_dark.gif',
  //     );
  //   } else {
  //     loading = const AssetImage(
  //       'lib/mih_package_components/assets/images/loading_light.gif',
  //     );
  //   }
  //   return loading;
  // }

  // String loadingImageLocation() {
  //   if (mode == "Dark") {
  //     loadingAssetText =
  //         'lib/mih_package_components/assets/images/loading_light.gif';
  //   } else {
  //     loadingAssetText =
  //         'lib/mih_package_components/assets/images/loading_dark.gif';
  //   }
  //   return loadingAssetText;
  // }

  // String altLoadingImageLocation() {
  //   if (mode == "Dark") {
  //     loadingAssetText =
  //         'lib/mih_package_components/assets/images/loading_dark.gif';
  //   } else {
  //     loadingAssetText =
  //         'lib/mih_package_components/assets/images/loading_light.gif';
  //   }
  //   return loadingAssetText;
  // }

  // AssetImage aiLogoImage() {
  //   if (mode == "Dark") {
  //     return const AssetImage(
  //       'lib/mih_package_components/assets/images/mzansi_ai-dark.png',
  //     );
  //   } else {
  //     return const AssetImage(
  //       'lib/mih_package_components/assets/images/mzansi_ai-light.png',
  //     );
  //   }
  // }

  void setScreenType(double width) {
    if (width <= 800) {
      screenType = "mobile";
    } else {
      screenType = "desktop";
    }
  }

  // Color MihColors.getPrimaryColor(mode == "Dark") {
  //   if (mode == "Dark") {
  //     _mainColor = 0XFF3A4454;
  //   } else {
  //     _mainColor = 0XFFbedcfe;
  //   }
  //   return Color(_mainColor);
  // }

//   Color MihColors.getSecondaryColor(mode == "Dark") {
//     if (mode == "Dark") {
//       _secondColor = 0XFFbedcfe;
//     } else {
//       _secondColor = 0XFF3A4454;
//     }
//     return Color(_secondColor);
//   }
}