import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:news/ui/widgets/customTextLabel.dart';
import 'package:news/ui/widgets/newsCard.dart';
import 'package:news/utils/uiUtils.dart';
import 'package:news/utils/internetConnectivity.dart';
import 'package:news/app/routes.dart';
import 'package:news/cubits/Auth/authCubit.dart';
import 'package:news/cubits/Bookmark/UpdateBookmarkCubit.dart';
import 'package:news/cubits/Bookmark/bookmarkCubit.dart';
import 'package:news/cubits/appLocalizationCubit.dart';
import 'package:news/cubits/appSystemSettingCubit.dart';
import 'package:news/cubits/LikeAndDislikeNews/LikeAndDislikeCubit.dart';
import 'package:news/cubits/LikeAndDislikeNews/updateLikeAndDislikeCubit.dart';
import 'package:news/data/models/NewsModel.dart';
import 'package:news/data/repositories/Bookmark/bookmarkRepository.dart';
import 'package:news/data/repositories/LikeAndDisLikeNews/LikeAndDisLikeNewsRepository.dart';
import 'package:news/ui/styles/colors.dart';
import 'package:news/ui/widgets/networkImage.dart';
import 'package:news/ui/widgets/SnackBarWidget.dart';

class NewsItem extends StatefulWidget {
  final NewsModel model;
  final int index;
  final List<NewsModel> newslist;
  final bool fromShowMore;

  const NewsItem({super.key, required this.model, required this.index, required this.newslist, required this.fromShowMore});

  @override
  NewsItemState createState() => NewsItemState();
}

class NewsItemState extends State<NewsItem> {
  late BannerAd bannerAd;

  @override
  void initState() {
    super.initState();
    if (context.read<AppConfigurationCubit>().getInAppAdsMode() == "1" &&
        (context.read<AppConfigurationCubit>().getAdsType() != "unity" || context.read<AppConfigurationCubit>().getIOSAdsType() != "unity")) bannerAd = UiUtils.createBannerAd(context: context);
  }

  Widget setButton({required Widget childWidget}) {
    return Container(padding: const EdgeInsets.all(3), decoration: BoxDecoration(borderRadius: BorderRadius.circular(15), color: UiUtils.getColorScheme(context).secondary), child: childWidget);
  }

  Widget setNewsImage() {
    return ClipRRect(
        borderRadius: BorderRadius.circular(10),
        child: ShaderMask(
            shaderCallback: (rect) => LinearGradient(begin: Alignment.center, end: Alignment.bottomCenter, colors: [Colors.transparent, darkSecondaryColor.withOpacity(0.9)]).createShader(rect),
            blendMode: BlendMode.darken,
            child: Container(
                color: primaryColor.withAlpha(5),
                width: double.maxFinite,
                height: MediaQuery.of(context).size.height / 3.3,
                child: CustomNetworkImage(networkImageUrl: widget.model.image!, width: double.infinity, height: MediaQuery.of(context).size.height / 4.2, fit: BoxFit.cover, isVideo: false))));
  }

  Widget setTagsList({required List<String> tagList, required List<String> tagId}) {
    return Positioned.directional(
        textDirection: Directionality.of(context),
        bottom: 80.0,
        start: 7.0,
        child: widget.model.tagName! != ""
            ? SizedBox(
                height: 16.0,
                child: ListView.builder(
                    physics: const AlwaysScrollableScrollPhysics(),
                    scrollDirection: Axis.horizontal,
                    shrinkWrap: true,
                    itemCount: tagList.length,
                    itemBuilder: (context, index) {
                      return Padding(
                        padding: EdgeInsetsDirectional.only(start: index == 0 ? 0 : 5.5),
                        child: InkWell(
                          child: Container(
                              height: 20.0,
                              width: 65,
                              alignment: Alignment.center,
                              padding: const EdgeInsetsDirectional.only(start: 3.0, end: 3.0, top: 1.0, bottom: 1.0),
                              decoration: BoxDecoration(
                                  borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(10.0), topRight: Radius.circular(10.0)),
                                  color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.85)),
                              child: CustomTextLabel(
                                  text: tagList[index],
                                  textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(color: UiUtils.getColorScheme(context).secondary, fontSize: 8.5),
                                  overflow: TextOverflow.ellipsis,
                                  softWrap: true)),
                          onTap: () async {
                            Navigator.of(context).pushNamed(Routes.tagScreen, arguments: {"tagId": tagId[index], "tagName": tagList[index]});
                          },
                        ),
                      );
                    }))
            : const SizedBox.shrink());
  }

  Widget setTitleAndDate() {
    return Positioned.directional(
      textDirection: Directionality.of(context),
      bottom: 20,
      start: 10,
      end: 10,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
              alignment: Alignment.bottomLeft,
              padding: const EdgeInsetsDirectional.only(top: 4.0, start: 5.0, end: 5.0),
              child: CustomTextLabel(
                  text: widget.model.title!, textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: secondaryColor), maxLines: 2, softWrap: true, overflow: TextOverflow.ellipsis)),
          Padding(
              padding: const EdgeInsetsDirectional.only(top: 4.0, start: 5.0, end: 5.0),
              child: CustomTextLabel(
                  text: UiUtils.convertToAgo(context, DateTime.parse(widget.model.publishDate ?? widget.model.date!), 0)!,
                  textStyle: Theme.of(context).textTheme.bodySmall!.copyWith(color: secondaryColor.withOpacity(0.6)))),
        ],
      ),
    );
  }

  Widget shareButton() {
    return Padding(
      padding: const EdgeInsetsDirectional.only(start: 13.0),
      child: InkWell(
        child: setButton(childWidget: const Icon(Icons.share_rounded, size: 20)),
        onTap: () async {
          if (await InternetConnectivity.isNetworkAvailable()) {
            UiUtils.shareNews(context: context, slug: widget.model.slug!, title: widget.model.title!, isVideo: false, videoId: "", isBreakingNews: false, isNews: true);
          } else {
            showSnackBar(UiUtils.getTranslatedLabel(context, 'internetmsg'), context);
          }
        },
      ),
    );
  }

  Widget bookmarkButton() {
    return BlocProvider(
      create: (context) => UpdateBookmarkStatusCubit(BookmarkRepository()),
      child: BlocBuilder<BookmarkCubit, BookmarkState>(
          bloc: context.read<BookmarkCubit>(),
          builder: (context, bookmarkState) {
            bool isBookmark = context.read<BookmarkCubit>().isNewsBookmark(widget.model.id!);
            return BlocConsumer<UpdateBookmarkStatusCubit, UpdateBookmarkStatusState>(
                bloc: context.read<UpdateBookmarkStatusCubit>(),
                listener: ((context, state) {
                  if (state is UpdateBookmarkStatusSuccess) {
                    (state.wasBookmarkNewsProcess) ? context.read<BookmarkCubit>().addBookmarkNews(state.news) : context.read<BookmarkCubit>().removeBookmarkNews(state.news);
                  }
                }),
                builder: (context, state) {
                  return InkWell(
                      onTap: () {
                        if (context.read<AuthCubit>().getUserId() != "0") {
                          if (state is UpdateBookmarkStatusInProgress) return;
                          context.read<UpdateBookmarkStatusCubit>().setBookmarkNews(news: widget.model, status: (isBookmark) ? "0" : "1");
                        } else {
                          UiUtils.loginRequired(context);
                        }
                      },
                      child: setButton(
                          childWidget: (state is UpdateBookmarkStatusInProgress)
                              ? SizedBox(height: 20, width: 20, child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor))
                              : ((isBookmark) ? const Icon(Icons.bookmark_added_rounded, size: 20) : const Icon(Icons.bookmark_add_outlined, size: 20))));
                });
          }),
    );
  }

  Widget likeButton() {
    bool isLike = context.read<LikeAndDisLikeCubit>().isNewsLikeAndDisLike(widget.model.id!);

    return BlocProvider(
        create: (context) => UpdateLikeAndDisLikeStatusCubit(LikeAndDisLikeRepository()),
        child: BlocConsumer<LikeAndDisLikeCubit, LikeAndDisLikeState>(
            bloc: context.read<LikeAndDisLikeCubit>(),
            listener: ((context, state) {
              if (state is LikeAndDisLikeFetchSuccess) {
                isLike = context.read<LikeAndDisLikeCubit>().isNewsLikeAndDisLike(widget.model.id!);
              }
            }),
            builder: (context, likeAndDislikeState) {
              return BlocConsumer<UpdateLikeAndDisLikeStatusCubit, UpdateLikeAndDisLikeStatusState>(
                  bloc: context.read<UpdateLikeAndDisLikeStatusCubit>(),
                  listener: ((context, state) {
                    if (state is UpdateLikeAndDisLikeStatusSuccess) {
                      context.read<LikeAndDisLikeCubit>().getLike(langId: context.read<AppLocalizationCubit>().state.id);
                      widget.model.totalLikes = (!isLike)
                          ? (int.parse(widget.model.totalLikes.toString()) + 1).toString()
                          : (widget.model.totalLikes!.isNotEmpty)
                              ? (int.parse(widget.model.totalLikes.toString()) - 1).toString()
                              : "0";
                    }
                  }),
                  builder: (context, state) {
                    return InkWell(
                        splashColor: Colors.transparent,
                        onTap: () {
                          if (context.read<AuthCubit>().getUserId() != "0") {
                            if (state is UpdateLikeAndDisLikeStatusInProgress) {
                              return;
                            }
                            context.read<UpdateLikeAndDisLikeStatusCubit>().setLikeAndDisLikeNews(news: widget.model, status: (isLike) ? "0" : "1");
                          } else {
                            UiUtils.loginRequired(context);
                          }
                        },
                        child: setButton(
                            childWidget: (state is UpdateLikeAndDisLikeStatusInProgress)
                                ? SizedBox(height: 20, width: 20, child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor))
                                : ((isLike) ? const Icon(Icons.thumb_up_alt, size: 20) : const Icon(Icons.thumb_up_off_alt, size: 20))));
                  });
            }));
  }

  Widget setShareBookmarkLikeOptions() {
    return Positioned.directional(
      end: 5,
      bottom: 5,
      textDirection: Directionality.of(context),
      child: Row(
        children: [shareButton(), SizedBox(width: MediaQuery.of(context).size.width / 98.0), bookmarkButton(), SizedBox(width: MediaQuery.of(context).size.width / 98.0), likeButton()],
      ),
    );
  }

  Widget newsData() {
    return Builder(builder: (context) {
      return Padding(
          padding: EdgeInsetsDirectional.only(top: widget.index == 0 ? 0 : 15.0, start: 15, end: 15),
          child: Column(children: [
            if (context.read<AppConfigurationCubit>().getInAppAdsMode() == "1" &&
                (context.read<AppConfigurationCubit>().getAdsType() != "unity" || context.read<AppConfigurationCubit>().getIOSAdsType() != "unity"))
              nativeAdsShow(context: context, index: widget.index),
            NewsCard(
                newsDetail: widget.model,
                showTags: true,
                onTap: () {
                  List<NewsModel> newsList = [];
                  newsList.addAll(widget.newslist);
                  newsList.removeAt(widget.index);
                  Navigator.of(context).pushNamed(Routes.newsDetails, arguments: {"model": widget.model, "newsList": newsList, "isFromBreak": false, "fromShowMore": widget.fromShowMore});
                })
          ]));
    });
  }

  @override
  Widget build(BuildContext context) {
    return newsData();
  }
}