import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:isar_community/isar.dart';
import 'package:mangayomi/main.dart';
import 'package:mangayomi/models/manga.dart';
import 'package:mangayomi/models/source.dart';
import 'package:mangayomi/providers/l10n_providers.dart';
import 'package:mangayomi/modules/browse/extension/widgets/extension_lang_list_tile_widget.dart';
import 'package:mangayomi/utils/global_style.dart';
import 'package:super_sliver_list/super_sliver_list.dart';

class ExtensionsLang extends ConsumerWidget {
  final ItemType itemType;
  const ExtensionsLang({required this.itemType, super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final l10n = l10nLocalizations(context)!;
    return Scaffold(
      appBar: AppBar(
        title: Text(l10n.extensions),
        actions: [
          PopupMenuButton(
            popUpAnimationStyle: popupAnimationStyle,
            itemBuilder: (context) {
              return [
                PopupMenuItem<int>(value: 0, child: Text(l10n.enable_all)),
                PopupMenuItem<int>(value: 1, child: Text(l10n.disable_all)),
              ];
            },
            onSelected: (value) {
              isar.writeTxnSync(() {
                bool enable = true;
                if (value == 0) {
                } else if (value == 1) {
                  enable = false;
                }
                final sources = isar.sources
                    .filter()
                    .idIsNotNull()
                    .and()
                    .itemTypeEqualTo(itemType)
                    .findAllSync();
                for (var source in sources) {
                  isar.sources.putSync(
                    source
                      ..isActive = enable
                      ..updatedAt = DateTime.now().millisecondsSinceEpoch,
                  );
                }
              });
            },
          ),
        ],
      ),
      body: StreamBuilder(
        stream: isar.sources
            .filter()
            .idIsNotNull()
            .and()
            .itemTypeEqualTo(itemType)
            .watch(fireImmediately: true),
        builder: (context, snapshot) {
          List<Source>? entries = snapshot.hasData ? snapshot.data : [];
          final languages = entries!.map((e) => e.lang!).toSet().toList();

          languages.sort((a, b) => a.compareTo(b));
          return SuperListView.builder(
            itemCount: languages.length,
            itemBuilder: (context, index) {
              final lang = languages[index];
              return ExtensionLangListTileWidget(
                lang: lang,
                onChanged: (val) {
                  isar.writeTxnSync(() {
                    for (var source in entries) {
                      if (source.lang!.toLowerCase() == lang.toLowerCase()) {
                        isar.sources.putSync(
                          source
                            ..isActive = val
                            ..updatedAt = DateTime.now().millisecondsSinceEpoch,
                        );
                      }
                    }
                  });
                },
                value: entries
                    .where(
                      (element) =>
                          element.lang!.toLowerCase() == lang.toLowerCase() &&
                          element.isActive!,
                    )
                    .isNotEmpty,
              );
            },
          );
        },
      ),
    );
  }
}