// ignore_for_file: use_build_context_synchronously

import 'package:flutter/material.dart';
import 'package:language_code/language_code.dart';
import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/gen/strings.g.dart';
import 'package:revanced_manager/services/manager_api.dart';
import 'package:revanced_manager/services/toast.dart';
import 'package:revanced_manager/ui/views/settings/settings_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/settingsView/settings_tile_dialog.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:stacked/stacked.dart';

final _settingViewModel = SettingsViewModel();

class SUpdateLanguage extends BaseViewModel {
  final Toast _toast = locator<Toast>();
  late SharedPreferences _prefs;
  final ManagerAPI _managerAPI = locator<ManagerAPI>();

  Future<void> initialize() async {
    _prefs = await SharedPreferences.getInstance();
    _prefs.getString('language');
    notifyListeners();
  }

  Future<void> updateLocale(String locale) async {
    LocaleSettings.setLocaleRaw(locale);
    _managerAPI.setLocale(locale);
    Future.delayed(
      const Duration(milliseconds: 120),
      () => _toast.showBottom(t.settingsView.languageUpdated),
    );
  }

  Future<void> showLanguagesDialog(BuildContext parentContext) {
    final ValueNotifier<String> selectedLanguageCode = ValueNotifier(
      '${LocaleSettings.currentLocale.languageCode}-${LocaleSettings.currentLocale.countryCode}',
    );
    // initLang();

    // Return a dialog with list for each language supported by the application.
    // the dialog will display the english and native name of each languages,
    // the current language will be highlighted by selected radio button.
    return showDialog(
      context: parentContext,
      builder: (context) => AlertDialog(
        title: Text(t.settingsView.languageLabel),
        icon: const Icon(Icons.language),
        contentPadding: EdgeInsets.zero,
        content: ValueListenableBuilder(
          valueListenable: selectedLanguageCode,
          builder: (context, value, child) {
            return SingleChildScrollView(
              child: ListBody(
                children: AppLocale.values.map(
                  (locale) {
                    final LanguageCodes languageCode = LanguageCodes.fromCode(
                      '${locale.languageCode}_${locale.countryCode}',
                      orElse: () => LanguageCodes.fromCode(locale.languageCode),
                    );

                    return RadioListTile(
                      title: Text(
                        languageCode.englishName,
                      ),
                      subtitle: Text(
                        '${languageCode.nativeName} (${locale.languageCode}${locale.countryCode != null ? '-${locale.countryCode}' : ''})',
                      ),
                      value: '${locale.languageCode}-${locale.countryCode}' ==
                          selectedLanguageCode.value,
                      groupValue: true,
                      onChanged: (value) {
                        selectedLanguageCode.value =
                            '${locale.languageCode}-${locale.countryCode}';
                      },
                    );
                  },
                ).toList(),
              ),
            );
          },
        ),
        actions: <Widget>[
          TextButton(
            onPressed: () {
              Navigator.of(context).pop();
            },
            child: Text(t.cancelButton),
          ),
          TextButton(
            onPressed: () {
              updateLocale(selectedLanguageCode.value);
              Navigator.of(context).pop();
            },
            child: Text(t.okButton),
          ),
        ],
      ),
    );
  }
}

class SUpdateLanguageUI extends StatelessWidget {
  const SUpdateLanguageUI({super.key});

  @override
  Widget build(BuildContext context) {
    return SettingsTileDialog(
      padding: const EdgeInsets.symmetric(horizontal: 20.0),
      title: t.settingsView.languageLabel,
      subtitle:
          LanguageCodes.fromCode(LocaleSettings.currentLocale.languageCode)
              .nativeName,
      onTap: () =>
          _settingViewModel.sUpdateLanguage.showLanguagesDialog(context),
    );
  }
}