import 'package:cached_network_image/cached_network_image.dart';
import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/config/emoji_config.dart';
import 'package:dating_touchme_app/controller/home/timeline_trend_controller.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:dating_touchme_app/generated/assets.dart';
import 'package:dating_touchme_app/model/home/trend_data.dart';
import 'package:dating_touchme_app/pages/home/timeline_info.dart';
import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

class TimelineTrend extends StatelessWidget {
  const TimelineTrend({super.key});

  @override
  Widget build(BuildContext context) {
    return GetX<TimelineTrendController>(
      init: TimelineTrendController(),
      builder: (controller){
        return Scaffold(
          appBar: PageAppbar(title: "互动通知"),
          body: EasyRefresh(
            header: const ClassicHeader(
                dragText: '下拉刷新',
                armedText: '释放刷新',
                readyText: '刷新中...',
                processingText: '刷新中...',
                processedText: '刷新完成',
                failedText: '刷新失败',
                noMoreText: '没有更多数据',
                showMessage: false
            ),
            footer: ClassicFooter(
                dragText: '上拉加载',
                armedText: '释放加载',
                readyText: '加载中...',
                processingText: '加载中...',
                processedText: '加载完成',
                failedText: '加载失败',
                noMoreText: '没有更多数据',
                showMessage: false
            ),
            // 下拉刷新
            onRefresh: () async {
              print('推荐列表下拉刷新被触发');
              controller.page.value = 1;
              controller.trendList.clear();
              await controller.getTrendData();
              controller.listRefreshController.finishRefresh(IndicatorResult.success);
              controller.listRefreshController.finishLoad(IndicatorResult.none);
            },
            // 上拉加载更多
            onLoad: () async {
              print('推荐列表上拉加载被触发, hasMore: ');
              controller.page.value += 1;
              controller.getTrendData();
            },
            child: ListView.separated(
              // 关键：始终允许滚动，即使内容不足
              // 移除顶部 padding，让刷新指示器可以正确显示在 AppBar 下方
              padding: EdgeInsets.only(left: 12, right: 12),
              itemBuilder: (context, index){

                if (controller.trendList.isEmpty) {
                  return Center(
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text('暂无数据'),
                      ],
                    ),
                  );
                }

                return TrendItem(item: controller.trendList[index]);
              },

              separatorBuilder: (context, index) {
                // 空状态或加载状态时不显示分隔符
                // if (controller.postList.isEmpty) {
                //   return const SizedBox.shrink();
                // }
                return const SizedBox(height: 12);
              },
              itemCount: controller.trendList.isEmpty ? 1 : controller.trendList.length,
            ),
          ),
        );
      },
    );
  }
}

class TrendItem extends StatefulWidget {
  final Records item;
  const TrendItem({super.key, required this.item});

  @override
  State<TrendItem> createState() => _TrendItemState();
}

class _TrendItemState extends State<TrendItem> {

  /// 构建输入框内容（文本+表情）
  List<Widget> buildInputContentWidgets() {
    final List<Widget> widgets = [];
    final text = widget.item.content ?? "";
    final RegExp emojiRegex = RegExp(r'\[emoji:(\d+)\]');

    int lastMatchEnd = 0;
    final matches = emojiRegex.allMatches(text);

    for (final match in matches) {
      // 添加表情之前的文本
      if (match.start > lastMatchEnd) {
        final textPart = text.substring(lastMatchEnd, match.start);
        widgets.add(
          Text(
            textPart,
            style: TextStyle(fontSize: 14.sp, color: Colors.black),
          ),
        );
      }

      // 添加表情图片
      final emojiId = match.group(1);
      if (emojiId != null) {
        final emoji = EmojiConfig.getEmojiById(emojiId);
        if (emoji != null) {
          widgets.add(
            Padding(
              padding: EdgeInsets.symmetric(horizontal: 0),
              child: Image.asset(
                emoji.path,
                width: 24.w,
                height: 24.w,
                fit: BoxFit.contain,
              ),
            ),
          );
        }
      }

      lastMatchEnd = match.end;
    }

    // 添加剩余的文本
    if (lastMatchEnd < text.length) {
      final textPart = text.substring(lastMatchEnd);
      widgets.add(
        Text(
          textPart,
          style: TextStyle(fontSize: 14.sp, color: Colors.black),
        ),
      );
    }

    return widgets;
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Row(
          children: [
            ClipRRect(
              borderRadius: BorderRadius.all(Radius.circular(40.w)),
              child: CachedNetworkImage(
                imageUrl: widget.item.profilePhoto ?? "",
                width: 40.w,
                height: 40.w,
                fit: BoxFit.cover,
              ),
            ),
            SizedBox(width: 15.w,),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  widget.item.nickName ?? "",
                  style: TextStyle(
                      fontSize: 13.w,
                      fontWeight: FontWeight.w500
                  ),
                ),
                if(widget.item.operationType == 1)Text(
                  "赞了你的动态",
                  style: TextStyle(
                      fontSize: 11.w,
                      fontWeight: FontWeight.w500
                  ),
                ),
                if(widget.item.operationType == 2)Text(
                  widget.item.postCommentContent ?? "",
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(
                      fontSize: 11.w,
                      fontWeight: FontWeight.w500
                  ),
                ),
                Text(
                  widget.item.createTime ?? "",
                  style: TextStyle(
                      fontSize: 11.w,
                      color: const Color.fromRGBO(51, 51, 51, .6),
                      fontWeight: FontWeight.w500
                  ),
                )
              ],
            )
          ],
        ),
        Container(
          width: 80.w,
          height: 80.w,
          padding: EdgeInsets.all(10.w),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(8.w)),
            color: const Color.fromRGBO(0, 0, 0, .2)
          ),
          child: !widget.item.content!.contains('[emoji:') ? Text(
            widget.item.content ?? "",
            overflow: TextOverflow.ellipsis,
            maxLines: 3,
          ) : ClipRect(
            child: Wrap(
              crossAxisAlignment: WrapCrossAlignment.center,
              children: buildInputContentWidgets(),
            ),
          ),
        )
      ],
    ).onTap((){
      Get.to(() => TimelineInfo(id: widget.item.postId ?? ""));
    });
  }
}