import 'dart:io';

import 'package:flutter/material.dart';
import 'package:in_app_review/in_app_review.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../extensions/render_not_null.dart';

import '../../routing/app_routes.dart';
import '../../state/app/modules/app_modules.dart';
import '../../state/app/modules/settings/bloc/settings_cubit.dart';
import '../../storage/base/settings.dart' as model;
import '../../widget/centered_leading.dart';
import '../../widget/info_dialog.dart';
import 'settings/data/default_settings.dart';
import 'more/share/select_share_type_dialog.dart';

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

  @override
  State<Overhang> createState() => _OverhangState();
}

class _OverhangState extends State<Overhang> {
  bool editMode = false;

  @override
  Widget build(BuildContext context) => BlocBuilder<SettingsCubit, model.Settings>(builder: (context, _) {
    final settings = context.read<SettingsCubit>();
    return Scaffold(
      appBar: AppBar(
        title: const Text('Mehr'),
        actions: [
          if(editMode) IconButton(
            onPressed: settings.val().modulesSettings.toJson().toString() != DefaultSettings.get().modulesSettings.toJson().toString()
                ? () => settings.val(write: true).modulesSettings = DefaultSettings.get().modulesSettings
                : null,
            icon: Icon(Icons.undo_outlined)
          ),
          IconButton(onPressed: () => setState(() => editMode = !editMode), icon: Icon(Icons.edit_note_outlined), color: editMode ? Theme.of(context).primaryColor : null),
          IconButton(onPressed: editMode ? null : () => AppRoutes.openSettings(context), icon: const Icon(Icons.settings)),
        ],
      ),
      body: editMode ? _sorting()  : _overhang(),
    );
  });

  Widget _sorting() => BlocBuilder<SettingsCubit, model.Settings>(builder: (context, _) {
    final settings = context.read<SettingsCubit>();
    void changeVisibility(Modules module) {
      var hidden = settings.val(write: true).modulesSettings.hiddenModules;
      hidden.contains(module) ? hidden.remove(module) : (hidden.length < 3 ? hidden.add(module) : null);
    }

    return ReorderableListView(
      header: const Center(
        heightFactor: 2,
        child: Text('Halte und ziehe einen Eintrag, um ihn zu verschieben.\nEs können 3 Bereiche ausgeblendet werden.', textAlign: TextAlign.center)
      ),
      children: AppModule.modules(context, showFiltered: true)
        .map((key, value) => MapEntry(key, value.toListTile(
          context,
          key: Key(key.name),
          isReorder: true,
          onVisibleChange: () => changeVisibility(key),
          isVisible: !settings.val().modulesSettings.hiddenModules.contains(key)
        )))
        .values
        .toList(),
      onReorder: (oldIndex, newIndex) {
        if (newIndex > oldIndex) newIndex -= 1;

        var order = settings.val().modulesSettings.moduleOrder.toList();
        final movedModule = order.removeAt(oldIndex);
        order.insert(newIndex, movedModule);
        settings.val(write: true).modulesSettings.moduleOrder = order;
      }
    );
  });

  Widget _overhang() => ListView(
      children: [
        ...AppModule.getOverhangModules(context).map((e) => e.toListTile(context)),

        const Divider(),

        ListTile(
            leading: const Icon(Icons.share_outlined),
            title: const Text('Teile die App'),
            subtitle: const Text('Mit Freunden und deiner Klasse teilen'),
            trailing: const Icon(Icons.arrow_right),
            onTap: () async {
              final result = await showDialog<ShareTargetType>(
                context: context,
                builder: (_) => const SelectShareTypeDialog(),
              );
              if (!mounted || result != ShareTargetType.qr) return;
              if (context.mounted) AppRoutes.openQrShare(context);
            },
        ),
        FutureBuilder(
          future: InAppReview.instance.isAvailable(),
          builder: (context, snapshot) {
            if(!snapshot.hasData) return const SizedBox.shrink();

            String? getPlatformStoreName() {
              if(Platform.isAndroid) return 'Play store';
              if(Platform.isIOS) return 'App store';
              return null;
            }

            return ListTile(
              leading: const CenteredLeading(Icon(Icons.star_rate_outlined)),
              title: const Text('App bewerten'),
              subtitle: getPlatformStoreName().wrapNullable((data) => Text('Im $data')),
              trailing: const Icon(Icons.arrow_right),
              onTap: () {
                InAppReview.instance.openStoreListing(appStoreId: '6458789560').then(
                  (value) {
                    if (!context.mounted) return;
                    InfoDialog.show(context, 'Vielen Dank!');
                  },
                  onError: (error) {
                    if (!context.mounted) return;
                    InfoDialog.show(context, error.toString());
                  },
                );
              },
            );
          },
        ),
        ListTile(
          leading: const CenteredLeading(Icon(Icons.feedback_outlined)),
          title: const Text('Du hast eine Idee?'),
          subtitle: const Text('Fehler und Verbessungsvorschläge'),
          trailing: const Icon(Icons.arrow_right),
          onTap: () => AppRoutes.openFeedback(context),
        ),
      ],
    );
}