import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import '../../models/home/rcmd/result.dart';
import '../../models/model_rec_video_item.dart';
import 'stat/danmu.dart';
import 'stat/view.dart';
import '../../http/dynamics.dart';
import '../../utils/id_utils.dart';
import '../../utils/utils.dart';
import '../constants.dart';
import 'badge.dart';
import 'network_img_layer.dart';
import 'video_popup_menu.dart';

// 视频卡片 - 垂直布局
class VideoCardV extends StatelessWidget {
  final dynamic videoItem;
  final Function()? longPress;
  final Function()? longPressEnd;

  const VideoCardV({
    super.key,
    required this.videoItem,
    this.longPress,
    this.longPressEnd,
  });

  bool isStringNumeric(String str) {
    RegExp numericRegex = RegExp(r'^\d+$');
    return numericRegex.hasMatch(str);
  }

  void onPushDetail(heroTag) async {
    String goto = videoItem.goto;
    switch (goto) {
      case 'bangumi':
        if (videoItem.bangumiBadge == '电影') {
          SmartDialog.showToast('暂不支持电影观看');
          return;
        }
        int epId = videoItem.param;
        Utils.viewBangumi(epId: epId);
        // SmartDialog.showLoading(msg: '资源获取中');
        // var result = await SearchHttp.bangumiInfo(seasonId: null, epId: epId);
        // SmartDialog.dismiss();
        // if (result['status']) {
        //   var bangumiDetail = result['data'];
        //   EpisodeItem episode = result['data'].episodes.first;
        //   int? epId = result['data'].userStatus?.progress?.lastEpId;
        //   if (epId == null) {
        //     epId = episode.epId;
        //   } else {
        //     for (var item in result['data'].episodes) {
        //       if (item.epId == epId) {
        //         episode = item;
        //         break;
        //       }
        //     }
        //   }
        //   String bvid = episode.bvid!;
        //   int cid = episode.cid!;
        //   String pic = episode.cover!;
        //   String seasonId = bangumiDetail.seasonId;
        //   dynamic heroTag = Utils.makeHeroTag(cid);
        //   Get.toNamed(
        //     '/video?bvid=$bvid&cid=$cid&seasonId=$seasonId&epId=$epId',
        //     arguments: {
        //       'pic': pic,
        //       'heroTag': heroTag,
        //       'videoType': SearchType.media_bangumi,
        //     },
        //   );
        // } else {
        //   SmartDialog.showToast(result['msg']);
        // }
        break;
      case 'av':
        String bvid = videoItem.bvid ?? IdUtils.av2bv(videoItem.aid);
        Get.toNamed('/video?bvid=$bvid&cid=${videoItem.cid}', arguments: {
          // 'videoItem': videoItem,
          'pic': videoItem.pic,
          'heroTag': heroTag,
        });
        break;
      // 动态
      case 'picture':
        try {
          String dynamicType = 'picture';
          String uri = videoItem.uri;
          String id = '';
          if (videoItem.uri.startsWith('bilibili://article/')) {
            // https://www.bilibili.com/read/cv27063554
            dynamicType = 'read';
            RegExp regex = RegExp(r'\d+');
            Match match = regex.firstMatch(videoItem.uri)!;
            String matchedNumber = match.group(0)!;
            videoItem.param = int.parse(matchedNumber);
            id = 'cv${videoItem.param}';
          }
          if (uri.startsWith('http')) {
            String path = Uri.parse(uri).path;
            if (isStringNumeric(path.split('/')[1])) {
              // 请求接口
              var res =
                  await DynamicsHttp.dynamicDetail(id: path.split('/')[1]);
              if (res['status']) {
                Get.toNamed('/dynamicDetail', arguments: {
                  'item': res['data'],
                  'floor': 1,
                  'action': 'detail'
                });
              } else {
                SmartDialog.showToast(res['msg']);
              }
              return;
            }
          }
          Get.toNamed('/htmlRender', parameters: {
            'url': uri,
            'title': videoItem.title,
            'id': id,
            'dynamicType': dynamicType
          });
        } catch (err) {
          SmartDialog.showToast(err.toString());
        }
        break;
      default:
        SmartDialog.showToast(videoItem.goto);
        Get.toNamed(
          '/webviewnew',
          parameters: {
            'url': videoItem.uri,
            'type': 'url',
            'pageTitle': videoItem.title,
          },
        );
    }
  }

  @override
  Widget build(BuildContext context) {
    String heroTag = Utils.makeHeroTag(videoItem.id);
    List<VideoCustomAction> actions =
        VideoCustomActions(videoItem, context).actions;
    return Stack(children: [
      Semantics(
        label: Utils.videoItemSemantics(videoItem),
        excludeSemantics: true,
        customSemanticsActions: <CustomSemanticsAction, void Function()>{
          for (var item in actions)
            CustomSemanticsAction(label: item.title): item.onTap!,
        },
        child: Card(
          clipBehavior: Clip.hardEdge,
          margin: EdgeInsets.zero,
          child: InkWell(
            onTap: () async => onPushDetail(heroTag),
            onLongPress: longPress,
            child: Column(
              children: [
                AspectRatio(
                  aspectRatio: StyleString.aspectRatio,
                  child: LayoutBuilder(builder: (context, boxConstraints) {
                    double maxWidth = boxConstraints.maxWidth;
                    double maxHeight = boxConstraints.maxHeight;
                    return Stack(
                      children: [
                        Hero(
                          tag: heroTag,
                          child: NetworkImgLayer(
                            src: videoItem.pic,
                            width: maxWidth,
                            height: maxHeight,
                          ),
                        ),
                        if (videoItem.duration > 0)
                          PBadge(
                            bottom: 6,
                            right: 7,
                            size: 'small',
                            type: 'gray',
                            text: Utils.timeFormat(videoItem.duration),
                            // semanticsLabel:
                            //     '时长${Utils.durationReadFormat(Utils.timeFormat(videoItem.duration))}',
                          )
                      ],
                    );
                  }),
                ),
                videoContent(context)
              ],
            ),
          ),
        ),
      ),
      if (videoItem.goto == 'av')
        Positioned(
            right: -5,
            bottom: -2,
            child: VideoPopupMenu(
              size: 29,
              iconSize: 17,
              actions: actions,
            )),
    ]);
  }

  Widget videoContent(context) {
    return Expanded(
      child: Padding(
        padding: const EdgeInsets.fromLTRB(6, 5, 6, 5),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          // mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Row(
              children: [
                Expanded(
                  child: Text(videoItem.title + "\n",
                      // semanticsLabel: "${videoItem.title}",
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                      style: const TextStyle(
                        fontWeight: FontWeight.w400,
                        height: 1.38,
                      )),
                ),
              ],
            ),
            const Spacer(),
            // const SizedBox(height: 2),
            videoStat(context),
            Row(
              children: [
                if (videoItem.goto == 'bangumi') ...[
                  PBadge(
                    text: videoItem.bangumiBadge,
                    stack: 'normal',
                    size: 'small',
                    type: 'line',
                    fs: 9,
                  )
                ],
                if (videoItem.rcmdReason != null) ...[
                  PBadge(
                    text: videoItem.rcmdReason,
                    stack: 'normal',
                    size: 'small',
                    type: 'color',
                  )
                ],
                if (videoItem.goto == 'picture') ...[
                  const PBadge(
                    text: '动态',
                    stack: 'normal',
                    size: 'small',
                    type: 'line',
                    fs: 9,
                  )
                ],
                if (videoItem.isFollowed == 1) ...[
                  const PBadge(
                    text: '已关注',
                    stack: 'normal',
                    size: 'small',
                    type: 'color',
                  )
                ],
                Expanded(
                  flex: 1,
                  child: Text(
                    videoItem.owner.name.toString(),
                    // semanticsLabel: "Up主：${videoItem.owner.name}",
                    maxLines: 1,
                    overflow: TextOverflow.clip,
                    style: TextStyle(
                      height: 1.5,
                      fontSize:
                          Theme.of(context).textTheme.labelMedium!.fontSize,
                      color: Theme.of(context).colorScheme.outline,
                    ),
                  ),
                ),
                if (videoItem.goto == 'av') const SizedBox(width: 10)
              ],
            ),
          ],
        ),
      ),
    );
  }

  Widget videoStat(context) {
    return Row(
      children: [
        statView(
          context: context,
          theme: 'gray',
          view: videoItem.stat.view,
          goto: videoItem.goto,
        ),
        const SizedBox(width: 6),
        if (videoItem.goto != 'picture')
          statDanMu(
            context: context,
            theme: 'gray',
            danmu: videoItem.stat.danmu,
          ),
        if (videoItem is RecVideoItemModel) ...<Widget>[
          const Spacer(),
          Expanded(
              flex: 0,
              child: RichText(
                maxLines: 1,
                text: TextSpan(
                    style: TextStyle(
                      fontSize:
                          Theme.of(context).textTheme.labelSmall!.fontSize,
                      color: Theme.of(context)
                          .colorScheme
                          .outline
                          .withOpacity(0.8),
                    ),
                    text:
                        Utils.formatTimestampToRelativeTime(videoItem.pubdate)),
              )),
          const SizedBox(width: 2),
        ],
        if (videoItem is RecVideoItemAppModel &&
            videoItem.desc != null &&
            videoItem.desc.contains(' · ')) ...<Widget>[
          const Spacer(),
          Expanded(
              flex: 0,
              child: RichText(
                maxLines: 1,
                text: TextSpan(
                    style: TextStyle(
                      fontSize:
                          Theme.of(context).textTheme.labelSmall!.fontSize,
                      color: Theme.of(context)
                          .colorScheme
                          .outline
                          .withOpacity(0.8),
                    ),
                    text: Utils.shortenChineseDateString(
                        videoItem.desc.split(' · ').last)),
              )),
          const SizedBox(width: 2),
        ]
      ],
    );
  }
}