import 'dart:io';

import 'package:flutter/material.dart';
import 'package:ollama_app/worker/haptic.dart';
import 'package:ollama_app/worker/theme.dart';

import '../main.dart';
// import '../worker/haptic.dart';
import '../screen_settings.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

import 'package:bitsdojo_window/bitsdojo_window.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:dynamic_color/dynamic_color.dart';

class ScreenSettingsVoice extends StatefulWidget {
  const ScreenSettingsVoice({super.key});

  @override
  State<ScreenSettingsVoice> createState() => _ScreenSettingsVoiceState();
}

class _ScreenSettingsVoiceState extends State<ScreenSettingsVoice> {
  bool permissionLoading = true;
  bool permissionRecord = false;
  bool permissionBluetooth = false;

  Iterable<String> languageOptionIds = [];
  Iterable<String> languageOptions = [];

  List voiceLanguageOptionsAvailable = [];
  List voiceLanguageOptions = [];

  bool dialogMustLoad = true;

  Future<void> load() async {
    var tmp = await speech.locales();
    languageOptionIds = tmp.map((e) => e.localeId);
    languageOptions = tmp.map((e) => e.name);

    permissionRecord = await Permission.microphone.isGranted;
    permissionBluetooth = await Permission.bluetoothConnect.isGranted;
    permissionLoading = false;

    voiceLanguageOptions = await voice.getLanguages as List;

    for (int i = 0; i < languageOptionIds.length; i++) {
      if (voiceLanguageOptions
          .contains(languageOptionIds.elementAt(i).replaceAll("_", "-"))) {
        voiceLanguageOptionsAvailable.add(languageOptionIds.elementAt(i));
      }
    }

    setState(() {});
  }

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

  @override
  Widget build(BuildContext context) {
    return WindowBorder(
      color: Theme.of(context).colorScheme.surface,
      child: Scaffold(
          appBar: AppBar(
              title: Badge(
                  label: Text(
                      AppLocalizations.of(context)!.settingsExperimentalBeta),
                  offset: const Offset(20, -4),
                  backgroundColor: Theme.of(context).colorScheme.primary,
                  textColor: Theme.of(context).colorScheme.onPrimary,
                  child:
                      Text(AppLocalizations.of(context)!.settingsTitleVoice))),
          body: Padding(
              padding: const EdgeInsets.only(left: 16, right: 16),
              child: Column(children: [
                Expanded(
                  child: ListView(children: [
                    (permissionLoading ||
                            (permissionBluetooth &&
                                permissionRecord &&
                                voiceSupported &&
                                voiceLanguageOptionsAvailable.contains(
                                    (prefs!.getString("voiceLanguage") ??
                                        "en_US"))))
                        ? const SizedBox.shrink()
                        : button(
                            permissionLoading
                                ? AppLocalizations.of(context)!
                                    .settingsVoicePermissionLoading
                                : (!voiceLanguageOptionsAvailable.contains(
                                            (prefs!.getString(
                                                    "voiceLanguage") ??
                                                "en_US")) &&
                                        (prefs!.getBool("voiceModeEnabled") ??
                                            false))
                                    ? AppLocalizations.of(context)!
                                        .settingsVoiceTtsNotSupported
                                    : !(permissionBluetooth && permissionRecord)
                                        ? AppLocalizations.of(context)!
                                            .settingsVoicePermissionNot
                                        : AppLocalizations.of(context)!
                                            .settingsVoiceNotSupported,
                            Icons.info_rounded, () {
                            selectionHaptic();
                            if (permissionLoading) return;
                            if (!(permissionBluetooth && permissionRecord)) {
                              void load() async {
                                try {
                                  if (await Permission
                                          .bluetooth.isPermanentlyDenied ||
                                      await Permission
                                          .microphone.isPermanentlyDenied) {
                                    await openAppSettings();
                                  }
                                  permissionRecord = await Permission.microphone
                                      .request()
                                      .isGranted;
                                  permissionBluetooth = await Permission
                                      .bluetoothConnect
                                      .request()
                                      .isGranted;
                                  permissionLoading = false;

                                  if (permissionBluetooth && permissionRecord) {
                                    voiceSupported = await speech.initialize();
                                  }

                                  setState(() {});
                                } catch (_) {
                                  permissionLoading = false;
                                  try {
                                    setState(() {});
                                  } catch (_) {}
                                }
                              }

                              load();
                            } else if (!voiceLanguageOptions.contains(
                                (prefs!.getString("voiceLanguage") ??
                                    "en_US"))) {
                              ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                                  content: Text(AppLocalizations.of(context)!
                                      .settingsVoiceTtsNotSupportedDescription),
                                  showCloseIcon: true));
                            }
                          }),
                    toggle(
                        context,
                        AppLocalizations.of(context)!.settingsVoiceEnable,
                        (prefs!.getBool("voiceModeEnabled") ?? false), (value) {
                      selectionHaptic();
                      prefs!.setBool("voiceModeEnabled", value);
                      setState(() {});
                    }, disabled: !voiceSupported),
                    button(
                        ((prefs!.getString("voiceLanguage") ?? "") == "" ||
                                languageOptions.isEmpty)
                            ? AppLocalizations.of(context)!
                                .settingsVoiceNoLanguage
                            : () {
                                for (int i = 0;
                                    i < languageOptionIds.length;
                                    i++) {
                                  if (languageOptionIds.elementAt(i) ==
                                      prefs!.getString("voiceLanguage")) {
                                    return languageOptions.elementAt(i);
                                  }
                                }
                                return "";
                              }(),
                        Icons.language_rounded, () {
                      int usedIndex = -1;
                      Function? setModalState;

                      selectionHaptic();

                      showModalBottomSheet(
                          context: context,
                          builder:
                              (context) => StatefulBuilder(
                                      builder: (context, setLocalState) {
                                    setModalState = setLocalState;

                                    void loadSelected() async {
                                      await load();
                                      if ((prefs!.getString("voiceLanguage") ??
                                              "") !=
                                          "") {
                                        for (int i = 0;
                                            i < languageOptionIds.length;
                                            i++) {
                                          if (languageOptionIds.elementAt(i) ==
                                              (prefs!.getString(
                                                      "voiceLanguage") ??
                                                  "")) {
                                            setModalState!(() {
                                              usedIndex = i;
                                            });
                                            break;
                                          }
                                        }
                                      }
                                    }

                                    if (dialogMustLoad) {
                                      loadSelected();
                                      dialogMustLoad = false;
                                    }

                                    return PopScope(
                                        onPopInvokedWithResult: (didPop, result) {
                                          if (usedIndex == -1) return;
                                          prefs!.setString(
                                              "voiceLanguage",
                                              languageOptionIds
                                                  .elementAt(usedIndex));
                                          setState(() {
                                            dialogMustLoad = true;
                                          });
                                        },
                                        child: Container(
                                            width: double.infinity,
                                            padding: const EdgeInsets.only(
                                                left: 16,
                                                right: 16,
                                                top: 16,
                                                bottom: 0),
                                            child: Column(
                                                mainAxisSize: MainAxisSize.min,
                                                children: [
                                                  Container(
                                                      width: ((Platform
                                                                      .isWindows ||
                                                                  Platform
                                                                      .isLinux ||
                                                                  Platform
                                                                      .isMacOS) &&
                                                              MediaQuery.of(
                                                                          context)
                                                                      .size
                                                                      .width >=
                                                                  1000)
                                                          ? 300
                                                          : double.infinity,
                                                      constraints: BoxConstraints(
                                                          maxHeight:
                                                              MediaQuery.of(
                                                                          context)
                                                                      .size
                                                                      .height *
                                                                  0.4),
                                                      child:
                                                          SingleChildScrollView(
                                                              scrollDirection:
                                                                  Axis.vertical,
                                                              child: Wrap(
                                                                spacing: 5.0,
                                                                alignment:
                                                                    WrapAlignment
                                                                        .center,
                                                                children: List<
                                                                    Widget>.generate(
                                                                  languageOptionIds
                                                                      .length,
                                                                  (int index) {
                                                                    return ChoiceChip(
                                                                      label: Text(
                                                                          languageOptions
                                                                              .elementAt(index)),
                                                                      selected:
                                                                          usedIndex ==
                                                                              index,
                                                                      avatar: (usedIndex ==
                                                                              index)
                                                                          ? null
                                                                          : (voiceLanguageOptionsAvailable.contains(languageOptionIds.elementAt(index)))
                                                                              ? const Icon(Icons.spatial_tracking_rounded)
                                                                              : null,
                                                                      checkmarkColor: (usedIndex == index &&
                                                                              !(prefs?.getBool("useDeviceTheme") ??
                                                                                  false))
                                                                          ? ((MediaQuery.of(context).platformBrightness == Brightness.light)
                                                                              ? themeLight().colorScheme.secondary
                                                                              : themeDark().colorScheme.secondary)
                                                                          : null,
                                                                      labelStyle: (usedIndex == index &&
                                                                              !(prefs?.getBool("useDeviceTheme") ??
                                                                                  false))
                                                                          ? TextStyle(
                                                                              color: (MediaQuery.of(context).platformBrightness == Brightness.light) ? themeLight().colorScheme.secondary : themeDark().colorScheme.secondary)
                                                                          : null,
                                                                      selectedColor: (prefs?.getBool("useDeviceTheme") ??
                                                                              false)
                                                                          ? null
                                                                          : (MediaQuery.of(context).platformBrightness == Brightness.light)
                                                                              ? themeLight().colorScheme.primary
                                                                              : themeDark().colorScheme.primary,
                                                                      onSelected:
                                                                          (bool
                                                                              selected) {
                                                                        selectionHaptic();
                                                                        setLocalState(
                                                                            () {
                                                                          usedIndex = selected
                                                                              ? index
                                                                              : -1;
                                                                        });
                                                                      },
                                                                    );
                                                                  },
                                                                ).toList(),
                                                              )))
                                                ])));
                                  }));
                    },
                        disabled: (!voiceSupported ||
                            !(prefs!.getBool("voiceModeEnabled") ?? false))),
                    titleDivider(),
                    toggle(
                        context,
                        AppLocalizations.of(context)!
                            .settingsVoiceLimitLanguage,
                        (prefs!.getBool("voiceLimitLanguage") ?? true),
                        (value) {
                      selectionHaptic();
                      prefs!.setBool("voiceLimitLanguage", value);
                      setState(() {});
                    },
                        disabled: (!voiceSupported ||
                            !(prefs!.getBool("voiceModeEnabled") ?? false))),
                    toggle(
                        context,
                        AppLocalizations.of(context)!.settingsVoicePunctuation,
                        (prefs!.getBool("aiPunctuation") ?? true), (value) {
                      selectionHaptic();
                      prefs!.setBool("aiPunctuation", value);
                      setState(() {});
                    },
                        disabled: (!voiceSupported ||
                            !(prefs!.getBool("voiceModeEnabled") ?? false)))
                  ]),
                ),
                const SizedBox(height: 8),
                button(
                    AppLocalizations.of(context)!
                        .settingsExperimentalBetaFeature,
                    Icons.warning_rounded,
                    null,
                    color: Colors.orange
                        .harmonizeWith(Theme.of(context).colorScheme.primary),
                    onLongTap: () {
                  selectionHaptic();
                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                      content: Text(AppLocalizations.of(context)!
                          .settingsExperimentalBetaDescription),
                      showCloseIcon: true));
                })
              ]))),
    );
  }
}