import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:grouped_list/sliver_grouped_list.dart';
import 'package:isar/isar.dart';
import 'package:mangayomi/main.dart';
import 'package:mangayomi/models/source.dart';
import 'package:mangayomi/modules/browse/sources/widgets/source_list_tile.dart';
import 'package:mangayomi/providers/l10n_providers.dart';
import 'package:mangayomi/sources/source_test.dart';
import 'package:mangayomi/utils/language.dart';
import 'package:mangayomi/modules/more/settings/browse/providers/browse_state_provider.dart';

class SourcesScreen extends ConsumerWidget {
  final Function(int) tabIndex;
  final bool isManga;
  const SourcesScreen(
      {required this.tabIndex, required this.isManga, super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final showNSFW = ref.watch(showNSFWStateProvider);
    final l10n = l10nLocalizations(context)!;
    return Padding(
        padding: const EdgeInsets.only(top: 10),
        child: StreamBuilder(
            stream: isar.sources
                .filter()
                .idIsNotNull()
                .isAddedEqualTo(true)
                .and()
                .isActiveEqualTo(true)
                .and()
                .isMangaEqualTo(isManga)
                .watch(fireImmediately: true),
            builder: (context, snapshot) {
              if (!snapshot.hasData) {
                return const SizedBox.shrink();
              }
              List<Source> sources = snapshot.data!
                  .where((element) => showNSFW ? true : element.isNsfw == false)
                  .toList();
              if (sources.isEmpty && !useTestSourceCode) {
                return Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text(context.l10n.no_sources_installed),
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: ElevatedButton.icon(
                          onPressed: () => tabIndex(isManga ? 2 : 3),
                          icon: const Icon(Icons.extension_rounded),
                          label: Text(context.l10n.show_extensions)),
                    )
                  ],
                );
              }
              final lastUsedEntries =
                  sources.where((element) => element.lastUsed!).toList();
              final isPinnedEntries =
                  sources.where((element) => element.isPinned!).toList();
              final allEntriesWithoutIspinned =
                  sources.where((element) => !element.isPinned!).toList();
              return CustomScrollView(
                slivers: [
                  if (useTestSourceCode)
                    SliverList.builder(
                        itemCount: testSourceModelList.length,
                        itemBuilder: (context, index) => SourceListTile(
                            source: testSourceModelList[index],
                            isManga: isManga)),
                  SliverGroupedListView<Source, String>(
                    elements: lastUsedEntries,
                    groupBy: (element) => "",
                    groupSeparatorBuilder: (String groupByValue) => Padding(
                      padding: const EdgeInsets.only(left: 12),
                      child: Row(
                        children: [
                          Text(
                            l10n.last_used,
                            style: const TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 13),
                          ),
                        ],
                      ),
                    ),
                    itemBuilder: (context, Source element) {
                      return SourceListTile(
                        source: element,
                        isManga: isManga,
                      );
                    },
                    groupComparator: (group1, group2) =>
                        group1.compareTo(group2),
                    itemComparator: (item1, item2) =>
                        item1.name!.compareTo(item2.name!),
                    order: GroupedListOrder.ASC,
                  ),
                  SliverGroupedListView<Source, String>(
                    elements: isPinnedEntries,
                    groupBy: (element) => "",
                    groupSeparatorBuilder: (String groupByValue) => Padding(
                      padding: const EdgeInsets.only(left: 12),
                      child: Row(
                        children: [
                          Text(
                            l10n.pinned,
                            style: const TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 13),
                          ),
                        ],
                      ),
                    ),
                    itemBuilder: (context, Source element) {
                      return SourceListTile(
                        source: element,
                        isManga: isManga,
                      );
                    },
                    groupComparator: (group1, group2) =>
                        group1.compareTo(group2),
                    itemComparator: (item1, item2) =>
                        item1.name!.compareTo(item2.name!),
                    order: GroupedListOrder.ASC,
                  ),
                  SliverGroupedListView<Source, String>(
                    elements: allEntriesWithoutIspinned,
                    groupBy: (element) =>
                        completeLanguageName(element.lang!.toLowerCase()),
                    groupSeparatorBuilder: (String groupByValue) => Padding(
                      padding: const EdgeInsets.only(left: 12),
                      child: Row(
                        children: [
                          Text(
                            groupByValue,
                            style: const TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 13),
                          ),
                        ],
                      ),
                    ),
                    itemBuilder: (context, Source element) {
                      return SourceListTile(
                        source: element,
                        isManga: isManga,
                      );
                    },
                    groupComparator: (group1, group2) =>
                        group1.compareTo(group2),
                    itemComparator: (item1, item2) =>
                        item1.name!.compareTo(item2.name!),
                    order: GroupedListOrder.ASC,
                  ),
                ],
              );
            }));
  }
}