import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/pages/common/common_slide_page.dart';
import 'package:PiliPlus/pages/video/detail/controller.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import 'package:PiliPlus/models/video/ai.dart';
import 'package:PiliPlus/utils/utils.dart';

class AiDetail extends CommonSlidePage {
  final ModelResult modelResult;

  const AiDetail({
    super.key,
    required this.modelResult,
  });

  @override
  State<AiDetail> createState() => _AiDetailState();
}

class _AiDetailState extends CommonSlidePageState<AiDetail> {
  InlineSpan buildContent(BuildContext context, content) {
    List descV2 = content.descV2;
    // type
    // 1 普通文本
    // 2 @用户
    List<TextSpan> spanChildren = List.generate(descV2.length, (index) {
      final currentDesc = descV2[index];
      switch (currentDesc.type) {
        case 1:
          List<InlineSpan> spanChildren = [];
          RegExp urlRegExp = RegExp(Constants.urlPattern);
          Iterable<Match> matches = urlRegExp.allMatches(currentDesc.rawText);

          int previousEndIndex = 0;
          for (Match match in matches) {
            if (match.start > previousEndIndex) {
              spanChildren.add(TextSpan(
                  text: currentDesc.rawText
                      .substring(previousEndIndex, match.start)));
            }
            spanChildren.add(
              TextSpan(
                text: match.group(0),
                style: TextStyle(
                    color: Theme.of(context).colorScheme.primary), // 设置颜色为蓝色
                recognizer: TapGestureRecognizer()
                  ..onTap = () {
                    // 处理点击事件
                    try {
                      Utils.handleWebview(match.group(0)!);
                    } catch (err) {
                      SmartDialog.showToast(err.toString());
                    }
                  },
              ),
            );
            previousEndIndex = match.end;
          }

          if (previousEndIndex < currentDesc.rawText.length) {
            spanChildren.add(TextSpan(
                text: currentDesc.rawText.substring(previousEndIndex)));
          }

          TextSpan result = TextSpan(children: spanChildren);
          return result;
        case 2:
          final colorSchemePrimary = Theme.of(context).colorScheme.primary;
          final heroTag = Utils.makeHeroTag(currentDesc.bizId);
          return TextSpan(
            text: '@${currentDesc.rawText}',
            style: TextStyle(color: colorSchemePrimary),
            recognizer: TapGestureRecognizer()
              ..onTap = () {
                Get.toNamed(
                  '/member?mid=${currentDesc.bizId}',
                  arguments: {'face': '', 'heroTag': heroTag},
                );
              },
          );
        default:
          return const TextSpan();
      }
    });
    return TextSpan(children: spanChildren);
  }

  @override
  Widget get buildPage => Container(
        color: Theme.of(context).colorScheme.surface,
        padding: const EdgeInsets.symmetric(horizontal: 14),
        child: Column(
          children: [
            InkWell(
              onTap: Get.back,
              child: Container(
                height: 35,
                padding: const EdgeInsets.only(bottom: 2),
                child: Center(
                  child: Container(
                    width: 32,
                    height: 3,
                    decoration: BoxDecoration(
                      color: Theme.of(context).colorScheme.primary,
                      borderRadius: const BorderRadius.all(Radius.circular(3)),
                    ),
                  ),
                ),
              ),
            ),
            Expanded(
              child: enableSlide ? slideList() : buildList,
            ),
          ],
        ),
      );

  @override
  Widget get buildList => SingleChildScrollView(
        controller: ScrollController(),
        physics: const AlwaysScrollableScrollPhysics(),
        child: Column(
          children: [
            if (widget.modelResult.summary?.isNotEmpty == true) ...[
              SelectableText(
                '总结: ${widget.modelResult.summary}',
                style: const TextStyle(
                  fontSize: 15,
                  height: 1.5,
                ),
              ),
              if (widget.modelResult.outline?.isNotEmpty == true)
                Divider(
                  height: 20,
                  color: Theme.of(context).dividerColor.withOpacity(0.1),
                  thickness: 6,
                )
            ],
            if (widget.modelResult.outline?.isNotEmpty == true)
              ListView.builder(
                shrinkWrap: true,
                itemCount: widget.modelResult.outline!.length,
                physics: const NeverScrollableScrollPhysics(),
                itemBuilder: (context, index) {
                  return Column(
                    children: [
                      SelectableText(
                        widget.modelResult.outline![index].title!,
                        style: const TextStyle(
                          fontSize: 14,
                          fontWeight: FontWeight.bold,
                          height: 1.5,
                        ),
                      ),
                      const SizedBox(height: 6),
                      if (widget.modelResult.outline![index].partOutline
                              ?.isNotEmpty ==
                          true)
                        ListView.builder(
                          shrinkWrap: true,
                          physics: const NeverScrollableScrollPhysics(),
                          itemCount: widget
                              .modelResult.outline![index].partOutline!.length,
                          itemBuilder: (context, i) {
                            return Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Wrap(
                                  children: [
                                    SelectableText.rich(
                                      TextSpan(
                                        style: TextStyle(
                                          fontSize: 13,
                                          color: Theme.of(context)
                                              .colorScheme
                                              .onSurface,
                                          height: 1.5,
                                        ),
                                        children: [
                                          TextSpan(
                                            text: Utils.tampToSeektime(widget
                                                .modelResult
                                                .outline![index]
                                                .partOutline![i]
                                                .timestamp!),
                                            style: TextStyle(
                                              color: Theme.of(context)
                                                  .colorScheme
                                                  .primary,
                                            ),
                                            recognizer: TapGestureRecognizer()
                                              ..onTap = () {
                                                // 跳转到指定位置
                                                try {
                                                  Get.find<VideoDetailController>(
                                                          tag: Get.arguments[
                                                              'heroTag'])
                                                      .plPlayerController
                                                      .seekTo(
                                                        Duration(
                                                          seconds:
                                                              Utils.duration(
                                                            Utils.tampToSeektime(widget
                                                                    .modelResult
                                                                    .outline![
                                                                        index]
                                                                    .partOutline![
                                                                        i]
                                                                    .timestamp!)
                                                                .toString(),
                                                          ),
                                                        ),
                                                      );
                                                } catch (_) {}
                                              },
                                          ),
                                          const TextSpan(text: ' '),
                                          TextSpan(
                                              text: widget
                                                  .modelResult
                                                  .outline![index]
                                                  .partOutline![i]
                                                  .content!),
                                        ],
                                      ),
                                    ),
                                  ],
                                ),
                              ],
                            );
                          },
                        ),
                      const SizedBox(height: 20),
                    ],
                  );
                },
              )
          ],
        ),
      );
}