import 'package:news/data/repositories/NewsComment/LikeAndDislikeComment/likeAndDislikeCommRepository.dart';
import 'package:news/ui/screens/NewsDetail/Widgets/delAndReportCom.dart';
import 'package:news/cubits/NewsComment/likeAndDislikeCommCubit.dart';
import 'package:news/cubits/NewsComment/setCommentCubit.dart';
import 'package:news/cubits/appLocalizationCubit.dart';
import 'package:news/data/models/CommentModel.dart';
import 'package:news/ui/widgets/customTextLabel.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:news/cubits/Auth/authCubit.dart';
import 'package:news/cubits/commentNewsCubit.dart';
import 'package:news/utils/ErrorMessageKeys.dart';
import 'package:news/utils/uiUtils.dart';
import 'package:flutter/material.dart';

class CommentView extends StatefulWidget {
  final String newsId;
  final Function updateComFun;
  final Function updateIsReplyFun;

  const CommentView({super.key, required this.newsId, required this.updateComFun, required this.updateIsReplyFun});

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

class CommentViewState extends State<CommentView> {
  final TextEditingController _commentC = TextEditingController();
  TextEditingController reportC = TextEditingController();
  bool comBtnEnabled = false, isReply = false, isSending = false;
  int? replyComIndex;

  Widget commentsLengthView(int length) {
    return Row(children: [
      if (length > 0)
        Padding(
            padding: const EdgeInsets.symmetric(horizontal: 4),
            child: Row(children: [
              CustomTextLabel(
                  text: 'allLbl',
                  textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
              CustomTextLabel(
                  text: " $length ",
                  textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
              CustomTextLabel(
                  text: 'comsLbl',
                  textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
            ])),
      const Spacer(),
      Align(
          alignment: Alignment.topRight,
          child: InkWell(
            child: const Icon(Icons.close_rounded),
            onTap: () {
              widget.updateComFun(false);
            },
          ))
    ]);
  }

  Widget profileWithSendCom() {
    return Padding(
        padding: const EdgeInsetsDirectional.only(top: 5.0),
        child: Row(children: [
          Expanded(
              flex: 1,
              child: BlocBuilder<AuthCubit, AuthState>(builder: (context, state) {
                if (state is Authenticated && context.read<AuthCubit>().getProfile() != "") {
                  return CircleAvatar(backgroundImage: NetworkImage(context.read<AuthCubit>().getProfile()));
                } else {
                  return UiUtils.setFixedSizeboxForProfilePicture(childWidget: const Icon(Icons.account_circle, size: 35));
                }
              })),
          BlocListener<SetCommentCubit, SetCommentState>(
              bloc: context.read<SetCommentCubit>(),
              listener: (context, state) {
                if (state is SetCommentFetchSuccess) {
                  context.read<CommentNewsCubit>().commentUpdateList(state.setComment, state.total);
                  FocusScopeNode currentFocus = FocusScope.of(context);
                  if (!currentFocus.hasPrimaryFocus) {
                    currentFocus.unfocus();
                  }
                  _commentC.clear();
                  isSending = false;
                  setState(() {});
                }
                if (state is SetCommentFetchInProgress) {
                  setState(() => isSending = true);
                }
              },
              child: Expanded(
                  flex: 7,
                  child: Padding(
                      padding: const EdgeInsetsDirectional.only(start: 18.0),
                      child: TextField(
                          controller: _commentC,
                          style: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)),
                          onChanged: (String val) {
                            (_commentC.text.trim().isNotEmpty) ? setState(() => comBtnEnabled = true) : setState(() => comBtnEnabled = false);
                          },
                          keyboardType: TextInputType.multiline,
                          maxLines: null,
                          decoration: InputDecoration(
                              contentPadding: const EdgeInsets.only(top: 10.0, bottom: 2.0),
                              isDense: true,
                              suffixIconConstraints: BoxConstraints(maxHeight: (!isSending) ? 35 : 0, maxWidth: (!isSending) ? 30 : 0),
                              enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.5), width: 1.5)),
                              hintText: UiUtils.getTranslatedLabel(context, 'shareThoghtLbl'),
                              hintStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)),
                              suffixIcon: (_commentC.text.trim().isNotEmpty)
                                  ? (!isSending)
                                      ? IconButton(
                                          icon: Icon(Icons.send, color: comBtnEnabled ? UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8) : Colors.transparent, size: 20.0),
                                          onPressed: () async {
                                            (context.read<AuthCubit>().getUserId() != "0")
                                                ? context.read<SetCommentCubit>().setComment(parentId: "0", newsId: widget.newsId, message: _commentC.text)
                                                : UiUtils.loginRequired(context);
                                          })
                                      : SizedBox(height: 12, width: 12, child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor))
                                  : SizedBox.shrink())))))
        ]));
  }

  _buildCommContainer({required CommentModel model, required int index, required int totalCurrentComm, required bool hasMoreCommFetchError, required bool hasMore}) {
    model = model;
    if (index == totalCurrentComm - 1 && index <= 0) {
      //check if hasMore
      if (hasMore) {
        if (hasMoreCommFetchError) {
          return const SizedBox.shrink();
        } else {
          return Center(child: Padding(padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 8.0), child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor)));
        }
      }
    }
    return Builder(builder: (context) {
      return Row(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
        (model.profile != null && model.profile != "")
            ? UiUtils.setFixedSizeboxForProfilePicture(
                childWidget: CircleAvatar(backgroundImage: (model.profile != null) ? NetworkImage(model.profile!) : NetworkImage(const Icon(Icons.account_circle, size: 35) as String), radius: 32))
            : UiUtils.setFixedSizeboxForProfilePicture(childWidget: const Icon(Icons.account_circle, size: 35)),
        Expanded(
            child: Padding(
                padding: const EdgeInsetsDirectional.only(start: 15.0),
                child: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
                  Row(children: [
                    CustomTextLabel(
                        text: model.name!, textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 13)),
                    Padding(padding: const EdgeInsetsDirectional.only(start: 10.0), child: Icon(Icons.circle, size: 4.0, color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
                    Padding(
                        padding: const EdgeInsetsDirectional.only(start: 10.0),
                        child: CustomTextLabel(
                          text: UiUtils.convertToAgo(context, DateTime.parse(model.date!), 1)!,
                          textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 10),
                        ))
                  ]),
                  Padding(
                      padding: const EdgeInsets.only(top: 8.0),
                      child: CustomTextLabel(
                          text: model.message!, textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.normal))),
                  BlocBuilder<LikeAndDislikeCommCubit, LikeAndDislikeCommState>(builder: (context, state) {
                    return Padding(
                      padding: const EdgeInsets.only(top: 15.0),
                      child: Row(
                        children: [
                          GestureDetector(
                              child: const Icon(Icons.thumb_up_off_alt_rounded),
                              onTap: () {
                                if (context.read<AuthCubit>().getUserId() != "0") {
                                  context
                                      .read<LikeAndDislikeCommCubit>()
                                      .setLikeAndDislikeComm(langId: context.read<AppLocalizationCubit>().state.id, commId: model.id!, status: (model.like == "1") ? "0" : "1", fromLike: true);
                                } else {
                                  UiUtils.loginRequired(context);
                                }
                              }),
                          model.totalLikes! != "0"
                              ? Padding(
                                  padding: const EdgeInsetsDirectional.only(start: 4.0),
                                  child: CustomTextLabel(text: model.totalLikes!, textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer)))
                              : const SizedBox(width: 12),
                          Padding(
                              padding: const EdgeInsetsDirectional.only(start: 35),
                              child: InkWell(
                                child: const Icon(Icons.thumb_down_alt_rounded),
                                onTap: () {
                                  if (context.read<AuthCubit>().getUserId() != "0") {
                                    context
                                        .read<LikeAndDislikeCommCubit>()
                                        .setLikeAndDislikeComm(langId: context.read<AppLocalizationCubit>().state.id, commId: model.id!, status: (model.dislike == "1") ? "0" : "2", fromLike: false);
                                  } else {
                                    UiUtils.loginRequired(context);
                                  }
                                },
                              )),
                          model.totalDislikes! != "0"
                              ? Padding(
                                  padding: const EdgeInsetsDirectional.only(start: 4.0),
                                  child:
                                      CustomTextLabel(text: model.totalDislikes!, textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer)))
                              : const SizedBox(width: 12),
                          Padding(
                              padding: const EdgeInsetsDirectional.only(start: 35),
                              child: InkWell(
                                child: const Icon(Icons.quickreply_rounded),
                                onTap: () {
                                  widget.updateIsReplyFun(true, index);
                                  setState(() {
                                    isReply = true;
                                    replyComIndex = index;
                                  });
                                },
                              )),
                          model.replyComList!.isNotEmpty
                              ? Padding(
                                  padding: const EdgeInsetsDirectional.only(start: 5.0),
                                  child: CustomTextLabel(
                                      text: model.replyComList!.length.toString(),
                                      textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer)))
                              : const SizedBox.shrink(),
                          const Spacer(),
                          if (context.read<AuthCubit>().getUserId() != "0")
                            InkWell(
                                child: Icon(Icons.more_vert_outlined, color: UiUtils.getColorScheme(context).primaryContainer, size: 17),
                                onTap: () => delAndReportCom(index: index, newsId: widget.newsId, context: context, model: model, reportC: reportC, setState: setState))
                        ],
                      ),
                    );
                  }),
                  Padding(
                      padding: const EdgeInsets.only(top: 10.0),
                      child: InkWell(
                          child: Padding(
                              padding: const EdgeInsets.symmetric(horizontal: 4),
                              child: Row(children: [
                                CustomTextLabel(
                                    text: model.replyComList!.isNotEmpty ? "${model.replyComList!.length} " : "",
                                    textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: Theme.of(context).primaryColor, fontSize: 12, fontWeight: FontWeight.w600)),
                                CustomTextLabel(
                                    text: model.replyComList!.isNotEmpty ? ((model.replyComList!.length == 1) ? 'replyLbl' : 'repliesLbl') : "",
                                    textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: Theme.of(context).primaryColor, fontSize: 12, fontWeight: FontWeight.w600))
                              ])),
                          onTap: () {
                            widget.updateIsReplyFun(true, index);
                            setState(() {
                              isReply = true;
                              replyComIndex = index;
                            });
                          }))
                ]))),
      ]);
    });
  }

  Widget allComListView(CommentNewsFetchSuccess state) {
    return BlocListener<LikeAndDislikeCommCubit, LikeAndDislikeCommState>(
      listener: (context, likeDislikeState) {
        if (likeDislikeState is LikeAndDislikeCommSuccess) {
          final defaultIndex = state.commentNews.indexWhere((element) => element.id == likeDislikeState.comment.id);
          if (defaultIndex != -1) {
            state.commentNews[defaultIndex] = likeDislikeState.comment;
            context.read<CommentNewsCubit>().emitSuccessState(state.commentNews);
          }
        }
      },
      child: Padding(
          padding: const EdgeInsets.only(top: 20.0),
          child: ListView.separated(
              separatorBuilder: (BuildContext context, int index) => Divider(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.5)),
              shrinkWrap: true,
              primary: false,
              padding: const EdgeInsets.only(top: 20.0),
              physics: const NeverScrollableScrollPhysics(),
              itemCount: state.commentNews.length,
              itemBuilder: (context, index) {
                return _buildCommContainer(
                  model: state.commentNews[index],
                  hasMore: state.hasMore,
                  hasMoreCommFetchError: (state).hasMoreFetchError,
                  index: index,
                  totalCurrentComm: (state.commentNews[index].replyComList!.length + state.commentNews.length),
                );
              })),
    );
  }

  Widget commentView() {
    return BlocBuilder<CommentNewsCubit, CommentNewsState>(builder: (context, state) {
      if (state is CommentNewsFetchInProgress || state is CommentNewsInitial) {
        return Center(child: UiUtils.showCircularProgress(true, UiUtils.getColorScheme(context).primaryContainer));
      }
      return Padding(
          padding: const EdgeInsetsDirectional.only(top: 10.0, bottom: 10.0),
          child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
            if (state is CommentNewsFetchSuccess) commentsLengthView((state).commentNews.length),
            if (state is! CommentNewsFetchSuccess)
              Row(children: [const Spacer(), Align(alignment: Alignment.topRight, child: InkWell(child: const Icon(Icons.close_rounded), onTap: () => widget.updateComFun(false)))]),
            if ((state is CommentNewsFetchFailure && !state.errorMessage.contains(ErrorMessageKeys.noInternet) || state is CommentNewsFetchSuccess)) profileWithSendCom(),
            if (state is CommentNewsFetchFailure)
              SizedBox(
                  height: MediaQuery.of(context).size.height / 2,
                  child: Center(
                      child: CustomTextLabel(
                          text: (state.errorMessage.contains(ErrorMessageKeys.noInternet))
                              ? UiUtils.getTranslatedLabel(context, 'internetmsg')
                              : (state.errorMessage == "No Data Found")
                                  ? UiUtils.getTranslatedLabel(context, 'noComments')
                                  : state.errorMessage,
                          textAlign: TextAlign.center))),
            if (state is CommentNewsFetchSuccess) allComListView(state)
          ]));
    });
  }

  @override
  Widget build(BuildContext context) {
    return BlocProvider(create: (context) => LikeAndDislikeCommCubit(LikeAndDislikeCommRepository()), child: commentView());
  }
}