import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:obtainium/components/generated_form.dart';
import 'package:obtainium/components/generated_form_modal.dart';
import 'package:obtainium/custom_errors.dart';
import 'package:obtainium/main.dart';
import 'package:obtainium/pages/settings.dart';
import 'package:obtainium/providers/apps_provider.dart';
import 'package:obtainium/providers/settings_provider.dart';
import 'package:obtainium/providers/source_provider.dart';
import 'package:url_launcher/url_launcher_string.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:provider/provider.dart';

class AppPage extends StatefulWidget {
  const AppPage({super.key, required this.appId});

  final String appId;

  @override
  State<AppPage> createState() => _AppPageState();
}

class _AppPageState extends State<AppPage> {
  AppInMemory? prevApp;

  @override
  Widget build(BuildContext context) {
    var appsProvider = context.watch<AppsProvider>();
    var settingsProvider = context.watch<SettingsProvider>();
    getUpdate(String id) {
      appsProvider.checkUpdate(id).catchError((e) {
        showError(e, context);
        return null;
      });
    }

    bool areDownloadsRunning = appsProvider.areDownloadsRunning();

    var sourceProvider = SourceProvider();
    AppInMemory? app = appsProvider.apps[widget.appId]?.deepCopy();
    var source = app != null
        ? sourceProvider.getSource(app.app.url,
            overrideSource: app.app.overrideSource)
        : null;
    if (!areDownloadsRunning &&
        prevApp == null &&
        app != null &&
        settingsProvider.checkUpdateOnDetailPage) {
      prevApp = app;
      getUpdate(app.app.id);
    }
    var trackOnly = app?.app.additionalSettings['trackOnly'] == true;

    bool isVersionDetectionStandard =
        app?.app.additionalSettings['versionDetection'] ==
            'standardVersionDetection';

    bool installedVersionIsEstimate = trackOnly ||
        (app?.app.installedVersion != null &&
            app?.app.additionalSettings['versionDetection'] ==
                'noVersionDetection');

    getInfoColumn() => Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            GestureDetector(
                onTap: () {
                  if (app?.app.url != null) {
                    launchUrlString(app?.app.url ?? '',
                        mode: LaunchMode.externalApplication);
                  }
                },
                onLongPress: () {
                  Clipboard.setData(ClipboardData(text: app?.app.url ?? ''));
                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                    content: Text(tr('copiedToClipboard')),
                  ));
                },
                child: Text(
                  app?.app.url ?? '',
                  textAlign: TextAlign.center,
                  style: const TextStyle(
                      decoration: TextDecoration.underline,
                      fontStyle: FontStyle.italic,
                      fontSize: 12),
                )),
            const SizedBox(
              height: 32,
            ),
            Column(
              children: [
                Text(
                  '${tr('latestVersionX', args: [
                        app?.app.latestVersion ?? tr('unknown')
                      ])}\n${tr('installedVersionX', args: [
                        app?.app.installedVersion ?? tr('none')
                      ])}${installedVersionIsEstimate ? '\n${tr('estimateInBrackets')}' : ''}',
                  textAlign: TextAlign.end,
                  style: Theme.of(context).textTheme.bodyLarge!,
                ),
              ],
            ),
            if (app?.app.installedVersion != null &&
                !isVersionDetectionStandard)
              Column(
                children: [
                  const SizedBox(
                    height: 16,
                  ),
                  Text(
                    '${trackOnly ? '${tr('xIsTrackOnly', args: [
                            tr('app')
                          ])}\n' : ''}${tr('noVersionDetection')}',
                    style: Theme.of(context).textTheme.labelSmall,
                    textAlign: TextAlign.center,
                  )
                ],
              ),
            const SizedBox(
              height: 32,
            ),
            Text(
              tr('lastUpdateCheckX', args: [
                app?.app.lastUpdateCheck == null
                    ? tr('never')
                    : '\n${app?.app.lastUpdateCheck?.toLocal()}'
              ]),
              textAlign: TextAlign.center,
              style: const TextStyle(fontStyle: FontStyle.italic, fontSize: 12),
            ),
            const SizedBox(
              height: 48,
            ),
            CategoryEditorSelector(
                alignment: WrapAlignment.center,
                preselected: app?.app.categories != null
                    ? app!.app.categories.toSet()
                    : {},
                onSelected: (categories) {
                  if (app != null) {
                    app.app.categories = categories;
                    appsProvider.saveApps([app.app]);
                  }
                }),
            if (app?.app.additionalSettings['about'] is String &&
                app?.app.additionalSettings['about'].isNotEmpty)
              Column(
                children: [
                  const SizedBox(
                    height: 48,
                  ),
                  GestureDetector(
                    onLongPress: () {
                      Clipboard.setData(ClipboardData(
                          text: app?.app.additionalSettings['about'] ?? ''));
                      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                        content: Text(tr('copiedToClipboard')),
                      ));
                    },
                    child: Text(
                      app?.app.additionalSettings['about'],
                      textAlign: TextAlign.center,
                      style: const TextStyle(fontStyle: FontStyle.italic),
                    ),
                  )
                ],
              ),
          ],
        );

    getFullInfoColumn() => Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            const SizedBox(height: 20),
            app?.icon != null
                ? Row(mainAxisAlignment: MainAxisAlignment.center, children: [
                    GestureDetector(
                      child: Image.memory(
                        app!.icon!,
                        height: 150,
                        gaplessPlayback: true,
                      ),
                      onTap: () => pm.openApp(app.app.id),
                    )
                  ])
                : Container(),
            const SizedBox(
              height: 25,
            ),
            Text(
              app?.name ?? tr('app'),
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.displayLarge,
            ),
            Text(
              tr('byX', args: [app?.app.author ?? tr('unknown')]),
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            const SizedBox(
              height: 8,
            ),
            Text(
              app?.app.id ?? '',
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.labelSmall,
            ),
            app?.app.releaseDate == null
                ? const SizedBox.shrink()
                : Text(
                    app!.app.releaseDate.toString(),
                    textAlign: TextAlign.center,
                    style: Theme.of(context).textTheme.labelSmall,
                  ),
            const SizedBox(
              height: 32,
            ),
            getInfoColumn(),
            const SizedBox(height: 150)
          ],
        );

    getAppWebView() => app != null
        ? WebViewWidget(
            controller: WebViewController()
              ..setJavaScriptMode(JavaScriptMode.unrestricted)
              ..setBackgroundColor(Theme.of(context).colorScheme.background)
              ..setJavaScriptMode(JavaScriptMode.unrestricted)
              ..setNavigationDelegate(
                NavigationDelegate(
                  onWebResourceError: (WebResourceError error) {
                    if (error.isForMainFrame == true) {
                      showError(
                          ObtainiumError(error.description, unexpected: true),
                          context);
                    }
                  },
                ),
              )
              ..loadRequest(Uri.parse(app.app.url)))
        : Container();

    showMarkUpdatedDialog() {
      return showDialog(
          context: context,
          builder: (BuildContext ctx) {
            return AlertDialog(
              title: Text(tr('alreadyUpToDateQuestion')),
              actions: [
                TextButton(
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                    child: Text(tr('no'))),
                TextButton(
                    onPressed: () {
                      HapticFeedback.selectionClick();
                      var updatedApp = app?.app;
                      if (updatedApp != null) {
                        updatedApp.installedVersion = updatedApp.latestVersion;
                        appsProvider.saveApps([updatedApp]);
                      }
                      Navigator.of(context).pop();
                    },
                    child: Text(tr('yesMarkUpdated')))
              ],
            );
          });
    }

    showAdditionalOptionsDialog() async {
      return await showDialog<Map<String, dynamic>?>(
          context: context,
          builder: (BuildContext ctx) {
            var items =
                (source?.combinedAppSpecificSettingFormItems ?? []).map((row) {
              row = row.map((e) {
                if (app?.app.additionalSettings[e.key] != null) {
                  e.defaultValue = app?.app.additionalSettings[e.key];
                }
                return e;
              }).toList();
              return row;
            }).toList();

            items = items.map((row) {
              row = row.map((e) {
                if (e.key == 'versionDetection' && e is GeneratedFormDropdown) {
                  e.disabledOptKeys ??= [];
                  if (app?.app.installedVersion != null &&
                      app?.app.additionalSettings['versionDetection'] !=
                          'releaseDateAsVersion' &&
                      !appsProvider.isVersionDetectionPossible(app)) {
                    e.disabledOptKeys!.add('standardVersionDetection');
                  }
                  if (app?.app.releaseDate == null) {
                    e.disabledOptKeys!.add('releaseDateAsVersion');
                  }
                }
                return e;
              }).toList();
              return row;
            }).toList();

            return GeneratedFormModal(
                title: tr('additionalOptions'), items: items);
          });
    }

    handleAdditionalOptionChanges(Map<String, dynamic>? values) {
      if (app != null && values != null) {
        Map<String, dynamic> originalSettings = app.app.additionalSettings;
        app.app.additionalSettings = values;
        if (source?.enforceTrackOnly == true) {
          app.app.additionalSettings['trackOnly'] = true;
          // ignore: use_build_context_synchronously
          showMessage(tr('appsFromSourceAreTrackOnly'), context);
        }
        if (app.app.additionalSettings['versionDetection'] ==
            'releaseDateAsVersion') {
          if (originalSettings['versionDetection'] != 'releaseDateAsVersion') {
            if (app.app.releaseDate != null) {
              bool isUpdated =
                  app.app.installedVersion == app.app.latestVersion;
              app.app.latestVersion =
                  app.app.releaseDate!.microsecondsSinceEpoch.toString();
              if (isUpdated) {
                app.app.installedVersion = app.app.latestVersion;
              }
            }
          }
        } else if (originalSettings['versionDetection'] ==
            'releaseDateAsVersion') {
          app.app.installedVersion =
              app.installedInfo?.versionName ?? app.app.installedVersion;
        }
        appsProvider.saveApps([app.app]).then((value) {
          getUpdate(app.app.id);
        });
      }
    }

    getResetInstallStatusButton() => TextButton(
        onPressed: app?.app == null
            ? null
            : () {
                app!.app.installedVersion = null;
                appsProvider.saveApps([app.app]);
              },
        child: Text(
          tr('resetInstallStatus'),
          textAlign: TextAlign.center,
        ));

    getInstallOrUpdateButton() => TextButton(
        onPressed: (app?.app.installedVersion == null ||
                    app?.app.installedVersion != app?.app.latestVersion) &&
                !areDownloadsRunning
            ? () async {
                try {
                  HapticFeedback.heavyImpact();
                  var res = await appsProvider.downloadAndInstallLatestApps(
                    app?.app.id != null ? [app!.app.id] : [],
                    globalNavigatorKey.currentContext,
                  );
                  if (app?.app.installedVersion != null && !trackOnly) {
                    // ignore: use_build_context_synchronously
                    showMessage(tr('appsUpdated'), context);
                  }
                  if (res.isNotEmpty && mounted) {
                    Navigator.of(context).pop();
                  }
                } catch (e) {
                  // ignore: use_build_context_synchronously
                  showError(e, context);
                }
              }
            : null,
        child: Text(app?.app.installedVersion == null
            ? !trackOnly
                ? tr('install')
                : tr('markInstalled')
            : !trackOnly
                ? tr('update')
                : tr('markUpdated')));

    getBottomSheetMenu() => Padding(
        padding:
            EdgeInsets.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Padding(
                padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
                child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      if (app?.app.installedVersion != null &&
                          app?.app.installedVersion != app?.app.latestVersion &&
                          !isVersionDetectionStandard &&
                          !trackOnly)
                        IconButton(
                            onPressed: app?.downloadProgress != null
                                ? null
                                : showMarkUpdatedDialog,
                            tooltip: tr('markUpdated'),
                            icon: const Icon(Icons.done)),
                      if (source != null &&
                          source.combinedAppSpecificSettingFormItems.isNotEmpty)
                        IconButton(
                            onPressed: app?.downloadProgress != null
                                ? null
                                : () async {
                                    var values =
                                        await showAdditionalOptionsDialog();
                                    handleAdditionalOptionChanges(values);
                                  },
                            tooltip: tr('additionalOptions'),
                            icon: const Icon(Icons.edit)),
                      if (app != null && app.installedInfo != null)
                        IconButton(
                          onPressed: () {
                            appsProvider.openAppSettings(app.app.id);
                          },
                          icon: const Icon(Icons.settings),
                          tooltip: tr('settings'),
                        ),
                      if (app != null && settingsProvider.showAppWebpage)
                        IconButton(
                            onPressed: () {
                              showDialog(
                                  context: context,
                                  builder: (BuildContext ctx) {
                                    return AlertDialog(
                                      scrollable: true,
                                      content: getInfoColumn(),
                                      title: Text(
                                          '${app.name} ${tr('byX', args: [
                                            app.app.author
                                          ])}'),
                                      actions: [
                                        TextButton(
                                            onPressed: () {
                                              Navigator.of(context).pop();
                                            },
                                            child: Text(tr('continue')))
                                      ],
                                    );
                                  });
                            },
                            icon: const Icon(Icons.more_horiz),
                            tooltip: tr('more')),
                      const SizedBox(width: 16.0),
                      Expanded(
                          child: (!isVersionDetectionStandard || trackOnly) &&
                                  app?.app.installedVersion != null &&
                                  app?.app.installedVersion ==
                                      app?.app.latestVersion
                              ? getResetInstallStatusButton()
                              : getInstallOrUpdateButton()),
                      const SizedBox(width: 16.0),
                      IconButton(
                        onPressed: app?.downloadProgress != null
                            ? null
                            : () {
                                appsProvider
                                    .removeAppsWithModal(
                                        context, app != null ? [app.app] : [])
                                    .then((value) {
                                  if (value == true) {
                                    Navigator.of(context).pop();
                                  }
                                });
                              },
                        tooltip: tr('remove'),
                        icon: const Icon(Icons.delete_outline),
                      ),
                    ])),
            if (app?.downloadProgress != null)
              Padding(
                  padding: const EdgeInsets.fromLTRB(0, 8, 0, 0),
                  child: LinearProgressIndicator(
                      value: app!.downloadProgress! >= 0
                          ? app.downloadProgress! / 100
                          : null))
          ],
        ));

    appScreenAppBar() => AppBar(
          leading: IconButton(
            icon: const Icon(Icons.arrow_back),
            onPressed: () {
              Navigator.pop(context);
            },
          ),
        );

    return Scaffold(
        appBar: settingsProvider.showAppWebpage ? AppBar() : appScreenAppBar(),
        backgroundColor: Theme.of(context).colorScheme.surface,
        body: RefreshIndicator(
            child: settingsProvider.showAppWebpage
                ? getAppWebView()
                : CustomScrollView(
                    slivers: [
                      SliverToBoxAdapter(
                          child: Column(children: [getFullInfoColumn()])),
                    ],
                  ),
            onRefresh: () async {
              if (app != null) {
                getUpdate(app.app.id);
              }
            }),
        bottomSheet: getBottomSheetMenu());
  }
}