import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:go_router/go_router.dart';
import 'package:logging/logging.dart';
import 'globals.dart';
import 'main.dart';
import 'utils.dart';
import 'utils/filesize.dart';

final _log = Logger("SettingsPage");

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

  static const String routeName = '/settings';

  @override
  State<SettingsPage> createState() => _SettingsPage();
}

class _SettingsPage extends State<SettingsPage> with ThemeModeWidget {
  bool _oriDisplayAd = false;
  Lang _oriLang = Lang.system;
  bool _oriPreventScreenCapture = false;
  bool _oriShowNsfw = false;
  bool _oriShowTranslatedTag = false;
  bool _oriUseTitleJpn = false;
  bool _oriDlUseAvgSpeed = false;
  bool _oriEnableImageCache = false;
  bool _displayAd = false;
  Lang _lang = Lang.system;
  bool _preventScreenCapture = false;
  bool _showNsfw = false;
  bool _showTranslatedTag = false;
  bool _useTitleJpn = false;
  bool _dlUseAvgSpeed = false;
  bool _enableImageCache = false;
  @override
  void initState() {
    super.initState();
    try {
      _oriLang = Lang.values[prefs.getInt("lang") ?? 0];
      _lang = _oriLang;
    } catch (e) {
      _log.warning("Failed to get lang:", e);
      _oriLang = Lang.system;
      _lang = Lang.system;
    }
    try {
      _oriUseTitleJpn = prefs.getBool("useTitleJpn") ?? false;
      _useTitleJpn = _oriUseTitleJpn;
    } catch (e) {
      _log.warning("Failed to get useTitleJpn:", e);
      _oriUseTitleJpn = false;
      _useTitleJpn = false;
    }
    try {
      _oriShowNsfw = prefs.getBool("showNsfw") ?? false;
      _showNsfw = _oriShowNsfw;
    } catch (e) {
      _log.warning("Failed to get showNsfw:", e);
      _oriShowNsfw = false;
      _showNsfw = false;
    }
    try {
      _oriDisplayAd = prefs.getBool("displayAd") ?? false;
      _displayAd = _oriDisplayAd;
    } catch (e) {
      _log.warning("Failed to get displayAd:", e);
      _oriDisplayAd = false;
      _displayAd = false;
    }
    try {
      _oriShowTranslatedTag = prefs.getBool("showTranslatedTag") ??
          _oriLang.toLocale().languageCode == "zh";
      _showTranslatedTag = _oriShowTranslatedTag;
    } catch (e) {
      _log.warning("Failed to get showTranslatedTag:", e);
      _oriShowTranslatedTag = false;
      _showTranslatedTag = false;
    }
    try {
      _oriPreventScreenCapture = prefs.getBool("preventScreenCapture") ?? false;
      _preventScreenCapture = _oriPreventScreenCapture;
    } catch (e) {
      _log.warning("Failed to get preventScreenCapture:", e);
      _oriPreventScreenCapture = false;
      _preventScreenCapture = false;
    }
    try {
      _oriDlUseAvgSpeed = prefs.getBool("dlUseAvgSpeed") ?? false;
      _dlUseAvgSpeed = _oriDlUseAvgSpeed;
    } catch (e) {
      _log.warning("Failed to get dlUseAvgSpeed:", e);
      _oriDlUseAvgSpeed = false;
      _dlUseAvgSpeed = false;
    }
    try {
      _oriEnableImageCache = prefs.getBool("enableImageCache") ?? true;
      _enableImageCache = _oriEnableImageCache;
    } catch (e) {
      _log.warning("Failed to get enableImageCache:", e);
      _oriEnableImageCache = true;
      _enableImageCache = true;
    }
  }

  void fallback(BuildContext context) {
    if (_oriLang != _lang) {
      MainApp.of(context).changeLang(_oriLang);
    }
  }

  void reset(BuildContext context) {
    if (_lang != Lang.system) MainApp.of(context).changeLang(Lang.system);
    setState(() {
      _lang = Lang.system;
      _useTitleJpn = false;
      _showNsfw = false;
      _displayAd = false;
      _showTranslatedTag = _oriLang.toLocale().languageCode == "zh";
      _preventScreenCapture = false;
      _dlUseAvgSpeed = false;
      _enableImageCache = true;
    });
  }

  Future<bool> save() async {
    bool re = true;
    if (_lang != _oriLang && !await prefs.setInt("lang", _lang.index)) {
      re = false;
      _log.warning("Failed to save lang.");
    } else {
      _oriLang = _lang;
    }
    if (_oriUseTitleJpn != _useTitleJpn) {
      if (!await prefs.setBool("useTitleJpn", _useTitleJpn)) {
        re = false;
        _log.warning("Failed to save useTitleJpn.");
      } else {
        _oriUseTitleJpn = _useTitleJpn;
      }
    }
    if (_oriShowNsfw != _showNsfw) {
      if (!await prefs.setBool("showNsfw", _showNsfw)) {
        re = false;
        _log.warning("Failed to save showNsfw.");
      } else {
        _oriShowNsfw = _showNsfw;
      }
    }
    if (_oriDisplayAd != _displayAd) {
      if (!await prefs.setBool("displayAd", _displayAd)) {
        re = false;
        _log.warning("Failed to save displayAd.");
      } else {
        _oriDisplayAd = _displayAd;
      }
    }
    if (_oriShowTranslatedTag != _showTranslatedTag) {
      if (!await prefs.setBool("showTranslatedTag", _showTranslatedTag)) {
        re = false;
        _log.warning("Failed to save showTranslatedTag.");
      } else {
        _oriShowTranslatedTag = _showTranslatedTag;
      }
    }
    if (_oriPreventScreenCapture != _preventScreenCapture) {
      if (!await prefs.setBool("preventScreenCapture", _preventScreenCapture)) {
        re = false;
        _log.warning("Failed to save preventScreenCapture.");
      } else {
        _oriPreventScreenCapture = _preventScreenCapture;
      }
      if (_preventScreenCapture) {
        if (!await platformDisplay.enableProtect()) {
          _log.warning("Failed to enable protect.");
        }
      } else {
        if (!await platformDisplay.disableProtect()) {
          _log.warning("Failed to disable protect.");
        }
      }
    }
    if (_dlUseAvgSpeed != _oriDlUseAvgSpeed) {
      if (!await prefs.setBool("dlUseAvgSpeed", _dlUseAvgSpeed)) {
        re = false;
        _log.warning("Failed to save dlUseAvgSpeed.");
      } else {
        _oriDlUseAvgSpeed = _dlUseAvgSpeed;
      }
    }
    if (_enableImageCache != _oriEnableImageCache) {
      if (!await prefs.setBool("enableImageCache", _enableImageCache)) {
        re = false;
        _log.warning("Failed to save enableImageCache.");
      } else {
        _oriEnableImageCache = _enableImageCache;
      }
    }
    return re;
  }

  Widget _buildCache(BuildContext context) {
    final i18n = AppLocalizations.of(context)!;
    final text = SelectableText(
        "${i18n.cachedFileSize}${i18n.colon}${getFileSize(imageCaches.size)}");
    final button = ElevatedButton(
        onPressed: () {
          imageCaches.updateSize(clear: true).then((_) {
            setState(() {});
          }).onError((e, _) {
            _log.warning("Failed to update image cache size: $e");
            return null;
          });
        },
        child: Text(i18n.updateFileSize));
    final cButton = Container(
        padding: const EdgeInsets.only(left: 8),
        child: ElevatedButton(
            onPressed: () {
              imageCaches.clear().then((_) {
                setState(() {});
              }).onError((e, _) {
                _log.warning("Failed to clear image cache: $e");
                return null;
              });
            },
            child: Text(i18n.clearCaches)));
    final maxWidth = MediaQuery.of(context).size.width;
    final useTwoLine = maxWidth <= 500 ? true : false;
    return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
      CheckboxMenuButton(
        value: _enableImageCache,
        onChanged: (bool? value) {
          if (value != null) {
            setState(() {
              _enableImageCache = value;
            });
          }
        },
        child: Text(i18n.enableImageCache),
      ),
      Container(
          padding: const EdgeInsets.only(left: 6, top: 4),
          child: useTwoLine ? text : Row(children: [text, button, cButton])),
      useTwoLine ? Row(children: [button, cButton]) : Container(),
    ]);
  }

  @override
  Widget build(BuildContext context) {
    final i18n = AppLocalizations.of(context)!;
    setCurrentTitle(i18n.settings, Theme.of(context).primaryColor.value);
    return Scaffold(
        appBar: AppBar(
          leading: IconButton(
            onPressed: () {
              fallback(context);
              context.canPop() ? context.pop() : context.go("/");
            },
            icon: const Icon(Icons.arrow_back),
          ),
          title: Text(i18n.settings),
          actions: [
            buildThemeModeIcon(context),
            buildMoreVertSettingsButon(context),
          ],
        ),
        body: LayoutBuilder(
          builder: (context, constraints) {
            return SingleChildScrollView(
                child: ConstrainedBox(
                    constraints:
                        BoxConstraints(minHeight: constraints.maxHeight),
                    child: Container(
                        padding: MediaQuery.of(context).size.width > 810
                            ? const EdgeInsets.symmetric(horizontal: 100)
                            : null,
                        child: Column(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Container(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 8),
                                child: DropdownMenu<Lang>(
                                  initialSelection: _lang,
                                  onSelected: (value) {
                                    if (value != null) {
                                      setState(() {
                                        _lang = value;
                                      });
                                      MainApp.of(context).changeLang(_lang);
                                    }
                                  },
                                  label: Text(i18n.lang),
                                  dropdownMenuEntries: Lang.values
                                      .map((e) => DropdownMenuEntry(
                                          value: e,
                                          label: e == Lang.system
                                              ? i18n.systemLang
                                              : e.langName))
                                      .toList(),
                                  leadingIcon: const Icon(Icons.language),
                                )),
                            Container(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 8),
                                child: CheckboxMenuButton(
                                  value: _useTitleJpn,
                                  onChanged: (bool? value) {
                                    if (value != null) {
                                      setState(() {
                                        _useTitleJpn = value;
                                      });
                                    }
                                  },
                                  child: Text(i18n.useTitleJpn),
                                )),
                            Container(
                              padding: const EdgeInsets.symmetric(vertical: 8),
                              child: CheckboxMenuButton(
                                value: _showNsfw,
                                onChanged: (bool? value) {
                                  if (value != null) {
                                    setState(() {
                                      _showNsfw = value;
                                    });
                                  }
                                },
                                child: Text(i18n.showNsfw),
                              ),
                            ),
                            Container(
                              padding: const EdgeInsets.symmetric(vertical: 8),
                              child: CheckboxMenuButton(
                                value: _displayAd,
                                onChanged: (bool? value) {
                                  if (value != null) {
                                    setState(() {
                                      _displayAd = value;
                                    });
                                  }
                                },
                                child: Text(i18n.displayAd),
                              ),
                            ),
                            Container(
                              padding: const EdgeInsets.symmetric(vertical: 8),
                              child: CheckboxMenuButton(
                                value: _showTranslatedTag,
                                onChanged: (bool? value) {
                                  if (value != null) {
                                    setState(() {
                                      _showTranslatedTag = value;
                                    });
                                  }
                                },
                                child: Text(i18n.showTranslatedTag),
                              ),
                            ),
                            isAndroid || isWindows
                                ? Container(
                                    padding:
                                        const EdgeInsets.symmetric(vertical: 8),
                                    child: CheckboxMenuButton(
                                      value: _preventScreenCapture,
                                      onChanged: (bool? value) {
                                        if (value != null) {
                                          setState(() {
                                            _preventScreenCapture = value;
                                          });
                                        }
                                      },
                                      child: Text(i18n.preventScreenCapture),
                                    ),
                                  )
                                : Container(),
                            Container(
                              padding: const EdgeInsets.symmetric(vertical: 8),
                              child: CheckboxMenuButton(
                                value: _dlUseAvgSpeed,
                                onChanged: (bool? value) {
                                  if (value != null) {
                                    setState(() {
                                      _dlUseAvgSpeed = value;
                                    });
                                  }
                                },
                                child: Text(i18n.dlUseAvgSpeed),
                              ),
                            ),
                            Container(
                              padding: const EdgeInsets.symmetric(vertical: 8),
                              child: _buildCache(context),
                            ),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                Padding(
                                    padding: const EdgeInsets.symmetric(
                                        horizontal: 8),
                                    child: ElevatedButton(
                                        onPressed: () {
                                          reset(context);
                                        },
                                        child: Text(i18n.reset))),
                                Padding(
                                    padding: const EdgeInsets.symmetric(
                                        horizontal: 8),
                                    child: ElevatedButton(
                                      onPressed: () {
                                        save();
                                      },
                                      child: Text(i18n.save),
                                    ))
                              ],
                            ),
                          ],
                        ))));
          },
        ));
  }
}