import 'package:flutter/material.dart';
import 'package:obtainium/components/custom_app_bar.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/providers/logs_provider.dart';
import 'package:obtainium/providers/settings_provider.dart';
import 'package:obtainium/providers/source_provider.dart';
import 'package:provider/provider.dart';
import 'package:share_plus/share_plus.dart';
import 'package:url_launcher/url_launcher_string.dart';

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

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

class _SettingsPageState extends State<SettingsPage> {
  @override
  Widget build(BuildContext context) {
    SettingsProvider settingsProvider = context.watch<SettingsProvider>();
    SourceProvider sourceProvider = SourceProvider();
    if (settingsProvider.prefs == null) {
      settingsProvider.initializeSettings();
    }

    var themeDropdown = DropdownButtonFormField(
        decoration: const InputDecoration(labelText: 'Theme'),
        value: settingsProvider.theme,
        items: const [
          DropdownMenuItem(
            value: ThemeSettings.dark,
            child: Text('Dark'),
          ),
          DropdownMenuItem(
            value: ThemeSettings.light,
            child: Text('Light'),
          ),
          DropdownMenuItem(
            value: ThemeSettings.system,
            child: Text('Follow System'),
          )
        ],
        onChanged: (value) {
          if (value != null) {
            settingsProvider.theme = value;
          }
        });

    var colourDropdown = DropdownButtonFormField(
        decoration: const InputDecoration(labelText: 'Colour'),
        value: settingsProvider.colour,
        items: const [
          DropdownMenuItem(
            value: ColourSettings.basic,
            child: Text('Obtainium'),
          ),
          DropdownMenuItem(
            value: ColourSettings.materialYou,
            child: Text('Material You'),
          )
        ],
        onChanged: (value) {
          if (value != null) {
            settingsProvider.colour = value;
          }
        });

    var sortDropdown = DropdownButtonFormField(
        decoration: const InputDecoration(labelText: 'App Sort By'),
        value: settingsProvider.sortColumn,
        items: const [
          DropdownMenuItem(
            value: SortColumnSettings.authorName,
            child: Text('Author/Name'),
          ),
          DropdownMenuItem(
            value: SortColumnSettings.nameAuthor,
            child: Text('Name/Author'),
          ),
          DropdownMenuItem(
            value: SortColumnSettings.added,
            child: Text('As Added'),
          )
        ],
        onChanged: (value) {
          if (value != null) {
            settingsProvider.sortColumn = value;
          }
        });

    var orderDropdown = DropdownButtonFormField(
        decoration: const InputDecoration(labelText: 'App Sort Order'),
        value: settingsProvider.sortOrder,
        items: const [
          DropdownMenuItem(
            value: SortOrderSettings.ascending,
            child: Text('Ascending'),
          ),
          DropdownMenuItem(
            value: SortOrderSettings.descending,
            child: Text('Descending'),
          ),
        ],
        onChanged: (value) {
          if (value != null) {
            settingsProvider.sortOrder = value;
          }
        });

    var intervalDropdown = DropdownButtonFormField(
        decoration: const InputDecoration(
            labelText: 'Background Update Checking Interval'),
        value: settingsProvider.updateInterval,
        items: updateIntervals.map((e) {
          int displayNum = (e < 60
                  ? e
                  : e < 1440
                      ? e / 60
                      : e / 1440)
              .round();
          var displayUnit = (e < 60
              ? 'Minute'
              : e < 1440
                  ? 'Hour'
                  : 'Day');

          String display = e == 0
              ? 'Never - Manual Only'
              : '$displayNum $displayUnit${displayNum == 1 ? '' : 's'}';
          return DropdownMenuItem(value: e, child: Text(display));
        }).toList(),
        onChanged: (value) {
          if (value != null) {
            settingsProvider.updateInterval = value;
          }
        });

    var sourceSpecificFields = sourceProvider.sources.map((e) {
      if (e.moreSourceSettingsFormItems.isNotEmpty) {
        return GeneratedForm(
            items: e.moreSourceSettingsFormItems.map((e) => [e]).toList(),
            onValueChanges: (values, valid) {
              if (valid) {
                for (var i = 0; i < values.length; i++) {
                  settingsProvider.setSettingString(
                      e.moreSourceSettingsFormItems[i].id, values[i]);
                }
              }
            },
            defaultValues: e.moreSourceSettingsFormItems.map((e) {
              return settingsProvider.getSettingString(e.id) ?? '';
            }).toList());
      } else {
        return Container();
      }
    });

    const height16 = SizedBox(
      height: 16,
    );

    return Scaffold(
        backgroundColor: Theme.of(context).colorScheme.surface,
        body: CustomScrollView(slivers: <Widget>[
          const CustomAppBar(title: 'Settings'),
          SliverToBoxAdapter(
              child: Padding(
                  padding: const EdgeInsets.all(16),
                  child: settingsProvider.prefs == null
                      ? const SizedBox()
                      : Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              'Appearance',
                              style: TextStyle(
                                  color: Theme.of(context).colorScheme.primary),
                            ),
                            themeDropdown,
                            height16,
                            colourDropdown,
                            height16,
                            Row(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Expanded(child: sortDropdown),
                                const SizedBox(
                                  width: 16,
                                ),
                                Expanded(child: orderDropdown),
                              ],
                            ),
                            height16,
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                const Text('Show Source Webpage in App View'),
                                Switch(
                                    value: settingsProvider.showAppWebpage,
                                    onChanged: (value) {
                                      settingsProvider.showAppWebpage = value;
                                    })
                              ],
                            ),
                            height16,
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                const Text('Pin Updates to Top of Apps View'),
                                Switch(
                                    value: settingsProvider.pinUpdates,
                                    onChanged: (value) {
                                      settingsProvider.pinUpdates = value;
                                    })
                              ],
                            ),
                            const Divider(
                              height: 16,
                            ),
                            height16,
                            Text(
                              'Updates',
                              style: TextStyle(
                                  color: Theme.of(context).colorScheme.primary),
                            ),
                            intervalDropdown,
                            const Divider(
                              height: 48,
                            ),
                            Text(
                              'Source-Specific',
                              style: TextStyle(
                                  color: Theme.of(context).colorScheme.primary),
                            ),
                            ...sourceSpecificFields,
                          ],
                        ))),
          SliverToBoxAdapter(
            child: Column(
              children: [
                const Divider(
                  height: 32,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    TextButton.icon(
                      onPressed: () {
                        launchUrlString(settingsProvider.sourceUrl,
                            mode: LaunchMode.externalApplication);
                      },
                      icon: const Icon(Icons.code),
                      label: const Text(
                        'App Source',
                      ),
                    ),
                    TextButton.icon(
                        onPressed: () {
                          context.read<LogsProvider>().get().then((logs) {
                            if (logs.isEmpty) {
                              showError(ObtainiumError('No Logs'), context);
                            } else {
                              String logString =
                                  logs.map((e) => e.toString()).join('\n\n');
                              showDialog(
                                  context: context,
                                  builder: (BuildContext ctx) {
                                    return GeneratedFormModal(
                                      title: 'Obtainium App Logs',
                                      items: const [],
                                      defaultValues: const [],
                                      message: logString,
                                      initValid: true,
                                    );
                                  }).then((value) {
                                if (value != null) {
                                  Share.share(
                                      logs
                                          .map((e) => e.toString())
                                          .join('\n\n'),
                                      subject: 'Obtainium App Logs');
                                }
                              });
                            }
                          });
                        },
                        icon: const Icon(Icons.bug_report_outlined),
                        label: const Text('App Logs')),
                  ],
                ),
                height16,
              ],
            ),
          )
        ]));
  }
}