import 'package:flutter/material.dart';
import 'package:eh_downloader_flutter/l10n_gen/app_localizations.dart';
import 'package:go_router/go_router.dart';
import 'package:logging/logging.dart';
import '../../api/client.dart';
import '../../globals.dart';
import '../../main.dart';
import '../../utils.dart';

final _log = Logger("DisplaySettingsPage");

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

  static const String routeName = '/settings/display';

  @override
  State<DisplaySettingsPage> createState() => _DisplaySettingsPage();
}

class _DisplaySettingsPage extends State<DisplaySettingsPage>
    with ThemeModeWidget, IsTopWidget2 {
  bool _oriDisplayAd = false;
  Lang _oriLang = Lang.system;
  bool _oriPreventScreenCapture = false;
  bool _oriShowNsfw = false;
  bool _oriShowTranslatedTag = false;
  bool _oriUseTitleJpn = false;
  bool _oriDlUseAvgSpeed = false;
  ThumbnailSize _oriThumbnailSize = ThumbnailSize.medium;
  ThumbnailGenMethod _oriThumbnailMethod = ThumbnailGenMethod.unknown;
  ThumbnailAlign _oriThumbnailAlign = ThumbnailAlign.center;
  GalleryListDisplayMode _oriGalleryListDisplayMode =
      GalleryListDisplayMode.normal;
  bool _displayAd = false;
  Lang _lang = Lang.system;
  bool _preventScreenCapture = false;
  bool _showNsfw = false;
  bool _showTranslatedTag = false;
  bool _useTitleJpn = false;
  bool _dlUseAvgSpeed = false;
  ThumbnailSize _thumbnailSize = ThumbnailSize.medium;
  ThumbnailGenMethod _thumbnailMethod = ThumbnailGenMethod.unknown;
  ThumbnailAlign _thumbnailAlign = ThumbnailAlign.center;
  GalleryListDisplayMode _galleryListDisplayMode =
      GalleryListDisplayMode.normal;
  @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 {
      _oriThumbnailSize =
          ThumbnailSize.values[prefs.getInt("thumbnailSize") ?? 1];
      _thumbnailSize = _oriThumbnailSize;
    } catch (e) {
      _log.warning("Failed to get thumbnailSize:", e);
      _oriThumbnailSize = ThumbnailSize.medium;
      _thumbnailSize = ThumbnailSize.medium;
    }
    try {
      _oriThumbnailMethod =
          ThumbnailGenMethod.values[prefs.getInt("thumbnailMethod") ?? 0];
      _thumbnailMethod = _oriThumbnailMethod;
    } catch (e) {
      _log.warning("Failed to get thumbnailMethod:", e);
      _oriThumbnailMethod = ThumbnailGenMethod.unknown;
      _thumbnailMethod = ThumbnailGenMethod.unknown;
    }
    try {
      _thumbnailAlign =
          ThumbnailAlign.values[prefs.getInt("thumbnailAlign") ?? 1];
      _oriThumbnailAlign = _thumbnailAlign;
    } catch (e) {
      _log.warning("Failed to get thumbnailAlign:", e);
      _oriThumbnailAlign = ThumbnailAlign.center;
      _thumbnailAlign = ThumbnailAlign.center;
    }
    try {
      _galleryListDisplayMode = GalleryListDisplayMode
          .values[prefs.getInt("galleryListDisplayMode") ?? 1];
      _oriGalleryListDisplayMode = _galleryListDisplayMode;
    } catch (e) {
      _log.warning("Failed to get galleryListDisplayMode:", e);
      _galleryListDisplayMode = GalleryListDisplayMode.normal;
    }
  }

  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;
      _thumbnailSize = ThumbnailSize.medium;
      _thumbnailMethod = ThumbnailGenMethod.unknown;
      _thumbnailAlign = ThumbnailAlign.center;
      _galleryListDisplayMode = GalleryListDisplayMode.normal;
    });
  }

  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 (_thumbnailSize != _oriThumbnailSize) {
      if (!await prefs.setInt("thumbnailSize", _thumbnailSize.index)) {
        re = false;
        _log.warning("Failed to save thumbnailSize");
      } else {
        _oriThumbnailSize = _thumbnailSize;
      }
    }
    if (_thumbnailMethod != _oriThumbnailMethod) {
      if (!await prefs.setInt("thumbnailMethod", _thumbnailMethod.index)) {
        re = false;
        _log.warning("Failed to save thumbnailMethod");
      } else {
        _oriThumbnailMethod = _thumbnailMethod;
      }
    }
    if (_thumbnailAlign != _oriThumbnailAlign) {
      if (!await prefs.setInt("thumbnailAlign", _thumbnailAlign.index)) {
        re = false;
        _log.warning("Failed to save thumbnailAlign");
      } else {
        _oriThumbnailAlign = _thumbnailAlign;
      }
    }
    if (_galleryListDisplayMode != _oriGalleryListDisplayMode) {
      if (!await prefs.setInt(
          "galleryListDisplayMode", _galleryListDisplayMode.index)) {
        re = false;
        _log.warning("Failed to save galleryListDisplayMode");
      }
    }
    return re;
  }

  @override
  Widget build(BuildContext context) {
    final i18n = AppLocalizations.of(context)!;
    if (isTop(context)) {
      setCurrentTitle("${i18n.settings} - ${i18n.display}");
    }
    return Scaffold(
        appBar: AppBar(
          leading: IconButton(
            onPressed: () {
              fallback(context);
              context.canPop() ? context.pop() : context.go("/settings");
            },
            icon: const Icon(Icons.arrow_back),
          ),
          title: Text(i18n.display),
          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),
                                  width: 250,
                                )),
                            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: DropdownButtonFormField<ThumbnailSize>(
                                    items: ThumbnailSize.values
                                        .map((e) => DropdownMenuItem(
                                            value: e,
                                            child: Text(e.localText(context))))
                                        .toList(),
                                    value: _thumbnailSize,
                                    onChanged: (value) {
                                      if (value != null) {
                                        setState(() {
                                          _thumbnailSize = value;
                                        });
                                      }
                                    },
                                    decoration: InputDecoration(
                                      border: const OutlineInputBorder(),
                                      labelText: i18n.thumbnailSize,
                                    ))),
                            Container(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 8),
                                child:
                                    DropdownButtonFormField<ThumbnailGenMethod>(
                                        items: ThumbnailGenMethod.values
                                            .map((e) => DropdownMenuItem(
                                                value: e,
                                                child:
                                                    Text(e.localText(context))))
                                            .toList(),
                                        value: _thumbnailMethod,
                                        onChanged: (value) {
                                          if (value != null) {
                                            setState(() {
                                              _thumbnailMethod = value;
                                            });
                                          }
                                        },
                                        decoration: InputDecoration(
                                          border: const OutlineInputBorder(),
                                          labelText: i18n.thumbnailScaleMethod,
                                        ))),
                            Container(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 8),
                                child: DropdownButtonFormField<ThumbnailAlign>(
                                    items: ThumbnailAlign.values
                                        .map((e) => DropdownMenuItem(
                                            value: e,
                                            child: Text(e.localText(context))))
                                        .toList(),
                                    value: _thumbnailAlign,
                                    onChanged: (value) {
                                      if (value != null) {
                                        setState(() {
                                          _thumbnailAlign = value;
                                        });
                                      }
                                    },
                                    decoration: InputDecoration(
                                      border: const OutlineInputBorder(),
                                      labelText: i18n.thumbnailAlign,
                                      helperText: i18n.thumbnailAlignHelp,
                                      helperMaxLines: 3,
                                    ))),
                            Container(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 8),
                                child: DropdownButtonFormField<
                                        GalleryListDisplayMode>(
                                    items: GalleryListDisplayMode.values
                                        .map((e) => DropdownMenuItem(
                                            value: e, child: Text(e.name)))
                                        .toList(),
                                    value: _galleryListDisplayMode,
                                    onChanged: (value) {
                                      if (value != null) {
                                        setState(() {
                                          _galleryListDisplayMode = value;
                                        });
                                      }
                                    },
                                    decoration: InputDecoration(
                                      border: const OutlineInputBorder(),
                                      labelText: i18n.galleryListDisplayMode,
                                    ))),
                            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),
                                    ))
                              ],
                            ),
                          ],
                        ))));
          },
        ));
  }
}