import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:isar/isar.dart';
import 'package:mangayomi/main.dart';
import 'package:mangayomi/models/download.dart';
import 'package:mangayomi/modules/history/providers/isar_providers.dart';
import 'package:mangayomi/modules/library/providers/library_state_provider.dart';
import 'package:mangayomi/modules/library/widgets/measure_widget_sync.dart';
import 'package:mangayomi/modules/manga/reader/providers/push_router.dart';
import 'package:mangayomi/models/manga.dart';
import 'package:mangayomi/modules/widgets/custom_extended_image_provider.dart';
import 'package:mangayomi/utils/extensions/build_context_extensions.dart';
import 'package:mangayomi/utils/constant.dart';
import 'package:mangayomi/utils/headers.dart';
import 'package:mangayomi/modules/more/providers/incognito_mode_state_provider.dart';
import 'package:mangayomi/modules/widgets/bottom_text_widget.dart';
import 'package:mangayomi/modules/widgets/cover_view_widget.dart';
import 'package:mangayomi/modules/widgets/error_text.dart';
import 'package:mangayomi/modules/widgets/gridview_widget.dart';
import 'package:mangayomi/modules/widgets/manga_image_card_widget.dart';
import 'package:mangayomi/modules/widgets/progress_center.dart';

final animeCardheightStateProvider = StateProvider<double>((ref) => 300);
final mangaCardheightStateProvider = StateProvider<double>((ref) => 300);

class LibraryGridViewWidget extends StatefulWidget {
  final bool isCoverOnlyGrid;
  final bool isComfortableGrid;
  final List<int> mangaIdsList;
  final List<Manga> entriesManga;
  final bool language;
  final bool downloadedChapter;
  final bool continueReaderBtn;
  final bool localSource;
  final bool isManga;
  const LibraryGridViewWidget(
      {super.key,
      required this.entriesManga,
      required this.isCoverOnlyGrid,
      this.isComfortableGrid = false,
      required this.language,
      required this.downloadedChapter,
      required this.continueReaderBtn,
      required this.mangaIdsList,
      required this.localSource,
      required this.isManga});

  @override
  State<LibraryGridViewWidget> createState() => _LibraryGridViewWidgetState();
}

class _LibraryGridViewWidgetState extends State<LibraryGridViewWidget> {
  @override
  Widget build(BuildContext context) {
    return Consumer(builder: (context, ref, child) {
      final isLongPressed = ref.watch(isLongPressedMangaStateProvider);
      final isManga = widget.isManga;
      final height = ref.watch(isManga
          ? mangaCardheightStateProvider
          : animeCardheightStateProvider);
      final gridSize =
          ref.watch(libraryGridSizeStateProvider(isManga: isManga));
      return GridViewWidget(
        gridSize: gridSize,
        childAspectRatio: widget.isComfortableGrid ? 0.642 : 0.69,
        itemCount: widget.entriesManga.length,
        itemBuilder: (context, index) {
          final entry = widget.entriesManga[index];

          return Builder(builder: (context) {
            bool isLocalArchive = entry.isLocalArchive ?? false;
            return SizedBox(
              height: height +
                  (widget.isComfortableGrid &&
                          (gridSize != null && gridSize != 0)
                      ? 22
                      : 0),
              child: MeasureWidgetSizeSync(
                onCalculateSize: (size) {
                  if (size != null) {
                    final newHeight = size.width * 1.5;
                    if (height.ceil() != newHeight.ceil()) {
                      ref
                          .read((isManga
                                  ? mangaCardheightStateProvider
                                  : animeCardheightStateProvider)
                              .notifier)
                          .state = size.width * 1.5;
                    }
                  }
                },
                child: Padding(
                  padding: const EdgeInsets.all(2),
                  child: CoverViewWidget(
                    isLongPressed: widget.mangaIdsList.contains(entry.id),
                    bottomTextWidget: BottomTextWidget(
                      maxLines: 1,
                      text: entry.name!,
                      isComfortableGrid: widget.isComfortableGrid,
                    ),
                    isComfortableGrid: widget.isComfortableGrid,
                    image: entry.customCoverImage != null
                        ? MemoryImage(entry.customCoverImage as Uint8List)
                            as ImageProvider
                        : CustomExtendedNetworkImageProvider(
                            toImgUrl(entry.customCoverFromTracker ??
                                entry.imageUrl!),
                            headers: entry.isLocalArchive!
                                ? null
                                : ref.watch(headersProvider(
                                    source: entry.source!, lang: entry.lang!)),
                          ),
                    onTap: () {
                      if (isLongPressed) {
                        ref
                            .read(mangasListStateProvider.notifier)
                            .update(entry);
                      } else {
                        pushToMangaReaderDetail(
                            archiveId: isLocalArchive ? entry.id : null,
                            context: context,
                            lang: entry.lang!,
                            mangaM: entry,
                            source: entry.source!);
                      }
                    },
                    onLongPress: () {
                      if (!isLongPressed) {
                        ref
                            .read(mangasListStateProvider.notifier)
                            .update(entry);

                        ref
                            .read(isLongPressedMangaStateProvider.notifier)
                            .update(!isLongPressed);
                      } else {
                        ref
                            .read(mangasListStateProvider.notifier)
                            .update(entry);
                      }
                    },
                    children: [
                      Stack(
                        children: [
                          Positioned(
                              top: 0,
                              left: 0,
                              child: Padding(
                                padding: const EdgeInsets.all(5),
                                child: Container(
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(3),
                                    color: context.primaryColor,
                                  ),
                                  child: Row(
                                    children: [
                                      if (widget.localSource && isLocalArchive)
                                        Container(
                                          decoration: BoxDecoration(
                                            borderRadius:
                                                const BorderRadius.only(
                                                    topLeft: Radius.circular(3),
                                                    bottomLeft:
                                                        Radius.circular(3)),
                                            color: Theme.of(context).hintColor,
                                          ),
                                          child: const Padding(
                                            padding: EdgeInsets.only(
                                                left: 3, right: 3),
                                            child: Text(
                                              "Local",
                                              style: TextStyle(
                                                  color: Colors.white),
                                            ),
                                          ),
                                        ),
                                      if (widget.downloadedChapter)
                                        Padding(
                                          padding:
                                              const EdgeInsets.only(right: 5),
                                          child: Consumer(
                                            builder: (context, ref, child) {
                                              List nbrDown = [];
                                              isar.txnSync(() {
                                                for (var i = 0;
                                                    i < entry.chapters.length;
                                                    i++) {
                                                  final entries = isar.downloads
                                                      .filter()
                                                      .idIsNotNull()
                                                      .chapterIdEqualTo(entry
                                                          .chapters
                                                          .toList()[i]
                                                          .id)
                                                      .findAllSync();

                                                  if (entries.isNotEmpty &&
                                                      entries
                                                          .first.isDownload!) {
                                                    nbrDown.add(entries.first);
                                                  }
                                                }
                                              });

                                              if (nbrDown.isNotEmpty) {
                                                return Container(
                                                  decoration: BoxDecoration(
                                                    borderRadius:
                                                        const BorderRadius.only(
                                                            topLeft:
                                                                Radius.circular(
                                                                    3),
                                                            bottomLeft:
                                                                Radius.circular(
                                                                    3)),
                                                    color: Theme.of(context)
                                                        .hintColor,
                                                  ),
                                                  child: Padding(
                                                    padding:
                                                        const EdgeInsets.only(
                                                            left: 3, right: 3),
                                                    child: Text(
                                                      nbrDown.length.toString(),
                                                      style: const TextStyle(
                                                          color: Colors.white),
                                                    ),
                                                  ),
                                                );
                                              } else {
                                                return Container();
                                              }
                                            },
                                          ),
                                        ),
                                      Padding(
                                        padding:
                                            const EdgeInsets.only(right: 3),
                                        child: Text(
                                          entry.chapters.length.toString(),
                                          style: const TextStyle(
                                              color: Colors.white),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              )),
                          if (widget.language && entry.lang!.isNotEmpty)
                            Positioned(
                                top: 0,
                                right: 0,
                                child: Padding(
                                  padding: const EdgeInsets.all(5),
                                  child: Container(
                                    color: context.themeData.cardColor,
                                    child: Container(
                                      decoration: BoxDecoration(
                                        borderRadius: const BorderRadius.only(
                                            topLeft: Radius.circular(3),
                                            bottomLeft: Radius.circular(3)),
                                        color: Theme.of(context).hintColor,
                                      ),
                                      child: Padding(
                                        padding: const EdgeInsets.only(
                                            left: 3, right: 3),
                                        child: Text(
                                          entry.lang!.toUpperCase(),
                                          style: const TextStyle(
                                              color: Colors.white),
                                        ),
                                      ),
                                    ),
                                  ),
                                )),
                        ],
                      ),
                      if (!widget.isComfortableGrid && !widget.isCoverOnlyGrid)
                        BottomTextWidget(text: entry.name!),
                      if (widget.continueReaderBtn)
                        Positioned(
                            bottom: 0,
                            right: 0,
                            child: Padding(
                                padding: const EdgeInsets.all(9),
                                child: Consumer(
                                  builder: (context, ref, child) {
                                    final history = ref.watch(
                                        getAllHistoryStreamProvider(
                                            isManga: entry.isManga!));
                                    return history.when(
                                      data: (data) {
                                        final incognitoMode = ref
                                            .watch(incognitoModeStateProvider);
                                        final entries = data
                                            .where((element) =>
                                                element.mangaId == entry.id)
                                            .toList();
                                        if (entries.isNotEmpty &&
                                            !incognitoMode) {
                                          return GestureDetector(
                                            onTap: () {
                                              pushMangaReaderView(
                                                context: context,
                                                chapter: entries
                                                    .first.chapter.value!,
                                              );
                                            },
                                            child: Container(
                                              decoration: BoxDecoration(
                                                borderRadius:
                                                    BorderRadius.circular(5),
                                                color: context.primaryColor
                                                    .withOpacity(0.9),
                                              ),
                                              child: const Padding(
                                                  padding: EdgeInsets.all(7),
                                                  child: Icon(
                                                    Icons.play_arrow,
                                                    size: 19,
                                                    color: Colors.white,
                                                  )),
                                            ),
                                          );
                                        }
                                        return GestureDetector(
                                          onTap: () {
                                            pushMangaReaderView(
                                                context: context,
                                                chapter: entry.chapters
                                                    .toList()
                                                    .reversed
                                                    .toList()
                                                    .last);
                                          },
                                          child: Container(
                                            decoration: BoxDecoration(
                                              borderRadius:
                                                  BorderRadius.circular(5),
                                              color: context.primaryColor
                                                  .withOpacity(0.9),
                                            ),
                                            child: const Padding(
                                                padding: EdgeInsets.all(7),
                                                child: Icon(
                                                  Icons.play_arrow,
                                                  size: 19,
                                                  color: Colors.white,
                                                )),
                                          ),
                                        );
                                      },
                                      error: (Object error,
                                          StackTrace stackTrace) {
                                        return ErrorText(error);
                                      },
                                      loading: () {
                                        return const ProgressCenter();
                                      },
                                    );
                                  },
                                )))
                    ],
                  ),
                ),
              ),
            );
          });
        },
      );
    });
  }
}