import 'package:flutter/material.dart';
import 'package:flutter_dmzj/app/app_style.dart';
import 'package:flutter_dmzj/app/dialog_utils.dart';
import 'package:flutter_dmzj/app/utils.dart';
import 'package:flutter_dmzj/models/comment/comment_item.dart';
import 'package:flutter_dmzj/requests/comment_request.dart';
import 'package:flutter_dmzj/routes/app_navigator.dart';
import 'package:flutter_dmzj/widgets/net_image.dart';
import 'package:flutter_dmzj/widgets/user_photo.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import 'dart:ui' as ui;

import 'package:remixicon/remixicon.dart';

// ignore: must_be_immutable
class CommentItemWidget extends StatelessWidget {
  final CommentItem item;
  CommentItemWidget(this.item, {Key? key}) : super(key: key);
  var expand = false.obs;
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        onTap(item);
      },
      child: Container(
        padding: AppStyle.edgeInsetsA12,
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            InkWell(
              onTap: () {
                AppNavigator.toUserCenter(item.userId);
              },
              child: UserPhoto(
                url: item.photo,
              ),
            ),
            AppStyle.hGap12,
            Expanded(
                child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Row(
                  children: <Widget>[
                    Expanded(
                      child: Text(
                        item.nickname,
                        maxLines: 1,
                        style: TextStyle(
                          color: Theme.of(context).colorScheme.secondary,
                        ),
                        overflow: TextOverflow.ellipsis,
                      ),
                    ),
                    // const Text(
                    //   "-",
                    //   style: TextStyle(color: Colors.grey),
                    // )
                  ],
                ),
                AppStyle.vGap12,
                item.parents.isNotEmpty
                    ? Obx(
                        () => expand.value
                            ? createMasterCommentAll(item.parents)
                            : createMasterComment(item),
                      )
                    : Container(),
                Text(
                  item.content,
                  style: Get.theme.textTheme.bodyMedium,
                ),
                item.images.isNotEmpty
                    ? Padding(
                        padding: AppStyle.edgeInsetsT12,
                        child: Wrap(
                          spacing: 4,
                          runSpacing: 4,
                          children: item.images.map<Widget>((f) {
                            var str = f.split(".").toList();
                            var fileImg = str[0];
                            var fileImgSuffix = str[1];
                            return InkWell(
                              onTap: () {
                                DialogUtils.showImageViewer(0, [
                                  "https://images.zaimanhua.com/commentImg/${item.objId % 500}/$f"
                                ]);
                              },
                              child: NetImage(
                                "https://images.zaimanhua.com/commentImg/${item.objId % 500}/${fileImg}_small.$fileImgSuffix",
                                width: 100,
                                height: 100,
                                borderRadius: 4,
                              ),
                            );
                          }).toList(),
                        ),
                      )
                    : const SizedBox(),
                AppStyle.vGap12,
                Row(
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: <Widget>[
                    Expanded(
                      child: Text(
                        Utils.formatTimestamp(item.createTime),
                        style:
                            const TextStyle(color: Colors.grey, fontSize: 12),
                      ),
                    ),
                    Obx(
                      () => GestureDetector(
                        onTap: () {
                          likeComment(item);
                        },
                        child: Row(
                          children: [
                            Icon(
                              Remix.thumb_up_fill,
                              size: 16,
                              color: Theme.of(context).colorScheme.secondary,
                            ),
                            Visibility(
                              visible: item.likeAmount.value > 0,
                              child: Padding(
                                padding: AppStyle.edgeInsetsL4,
                                child: Text(
                                  item.likeAmount.value.toString(),
                                  style: const TextStyle(
                                    color: Colors.grey,
                                    fontSize: 12,
                                  ),
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                )
              ],
            ))
          ],
        ),
      ),
    );
  }

  Widget createMasterComment(CommentItem comment) {
    var list = comment.parents;
    if (list.isEmpty) return const SizedBox();
    List<Widget> items = [];
    if (list.length > 2) {
      items.add(createMsterCommentItem(list.first));
      items.add(InkWell(
        onTap: () {
          expand.value = true;
        },
        child: Container(
          width: double.infinity,
          decoration: BoxDecoration(
              color: Colors.grey.withOpacity(0.1),
              borderRadius: BorderRadius.circular(4)),
          padding: AppStyle.edgeInsetsA8,
          child: Center(
              child: Text(
            "点击展开${list.length - 2}条评论",
            style: const TextStyle(fontSize: 12, color: Colors.grey),
          )),
        ),
      ));
      items.add(AppStyle.vGap8);
      items.add(createMsterCommentItem(list.last));
    } else {
      for (var item in list) {
        items.add(createMsterCommentItem(item));
      }
    }
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: items,
    );
  }

  Widget createMasterCommentAll(List<CommentItem> list) {
    List<Widget> items = list.map<Widget>((item) {
      return createMsterCommentItem(item);
    }).toList();

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: items,
    );
  }

  Widget createMsterCommentItem(CommentItem item) {
    return Padding(
      padding: AppStyle.edgeInsetsB8,
      child: InkWell(
        onTap: () {
          onTap(item);
        },
        child: Container(
          width: double.infinity,
          decoration: BoxDecoration(
              color: Colors.grey.withOpacity(0.1),
              borderRadius: BorderRadius.circular(4)),
          padding: AppStyle.edgeInsetsA8,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              RichText(
                text: TextSpan(children: [
                  WidgetSpan(
                    alignment: ui.PlaceholderAlignment.middle,
                    child: InkWell(
                      child: Text(
                        item.nickname,
                        style:
                            TextStyle(color: Get.theme.colorScheme.secondary),
                      ),
                    ),
                  ),
                  TextSpan(
                    text: ": ${item.content}",
                    style: Get.theme.textTheme.bodyMedium,
                  )
                ]),
              ),
              item.images.isNotEmpty
                  ? Padding(
                      padding: AppStyle.edgeInsetsT8,
                      child: Wrap(
                        spacing: 4,
                        runSpacing: 4,
                        children: item.images.map<Widget>((f) {
                          var str = f.split(".").toList();
                          var fileImg = str[0];
                          var fileImgSuffix = str[1];
                          return InkWell(
                            onTap: () {
                              DialogUtils.showImageViewer(0, [
                                "https://images.idmzj.com/commentImg/${item.objId % 500}/$f"
                              ]);
                            },
                            child: NetImage(
                              "https://images.idmzj.com/commentImg/${item.objId % 500}/${fileImg}_small.$fileImgSuffix",
                              width: 100,
                              height: 100,
                              borderRadius: 4,
                            ),
                          );
                        }).toList(),
                      ),
                    )
                  : Container(),
            ],
          ),
        ),
      ),
    );
  }

  void likeComment(CommentItem item) async {
    try {
      await CommentRequest().likeComment(
        commentId: item.id,
        objId: item.objId,
        type: item.type,
      );
      item.likeAmount.value += 1;
    } catch (e) {
      SmartDialog.showToast(e.toString());
    }
  }

  void onTap(CommentItem item) {
    AppNavigator.showBottomSheet(Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        ListTile(
          title: Text(item.nickname),
          leading: UserPhoto(
            url: item.photo,
            size: 32,
            showBoder: true,
          ),
          onTap: () {
            AppNavigator.toUserCenter(item.userId);
          },
        ),
        ListTile(
          title: const Text("复制内容"),
          leading: const Icon(Icons.content_copy),
          onTap: () {
            Utils.copyText(item.content);

            AppNavigator.closePage();
          },
        ),
        ListTile(
          title: const Text("点赞评论"),
          leading: const Icon(Icons.thumb_up_outlined),
          onTap: () {
            AppNavigator.closePage();
            likeComment(item);
          },
        ),
        ListTile(
          title: const Text("回复评论"),
          leading: const Icon(Icons.message_outlined),
          onTap: () {
            AppNavigator.closePage();
            AppNavigator.toAddComment(
              objId: item.objId,
              type: item.type,
              replyItem: item,
            );
          },
        ),
      ],
    ));
  }
}