import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import 'package:pilipala/common/constants.dart';
import 'package:pilipala/common/widgets/badge.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/http/search.dart';
import 'package:pilipala/models/bangumi/info.dart';
import 'package:pilipala/models/common/search_type.dart';
import 'package:pilipala/utils/utils.dart';

Widget searchMbangumiPanel(BuildContext context, ctr, list) {
  TextStyle style =
      TextStyle(fontSize: Theme.of(context).textTheme.labelMedium!.fontSize);
  return ListView.builder(
    controller: ctr!.scrollController,
    addAutomaticKeepAlives: false,
    addRepaintBoundaries: false,
    itemCount: list!.length,
    itemBuilder: (context, index) {
      var i = list![index];
      return InkWell(
        onTap: () {
          /// TODO 番剧详情页面
          // Get.toNamed('/video?bvid=${i.bvid}&cid=${i.cid}', arguments: {
          //   'videoItem': i,
          //   'heroTag': Utils.makeHeroTag(i.id),
          //   'videoType': SearchType.media_bangumi
          // });
        },
        child: Padding(
          padding: const EdgeInsets.fromLTRB(
              StyleString.safeSpace, 7, StyleString.safeSpace, 7),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Stack(
                children: [
                  NetworkImgLayer(
                    width: 111,
                    height: 148,
                    src: i.cover,
                  ),
                  PBadge(
                    text: i.mediaType == 1 ? '番剧' : '国创',
                    top: 6.0,
                    right: 4.0,
                    bottom: null,
                    left: null,
                  )
                ],
              ),
              const SizedBox(width: 10),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const SizedBox(height: 4),
                    RichText(
                      maxLines: 1,
                      overflow: TextOverflow.ellipsis,
                      text: TextSpan(
                        style: TextStyle(
                            color: Theme.of(context).colorScheme.onSurface),
                        children: [
                          for (var i in i.title) ...[
                            TextSpan(
                              text: i['text'],
                              style: TextStyle(
                                fontSize: Theme.of(context)
                                        .textTheme
                                        .titleSmall!
                                        .fontSize! *
                                    MediaQuery.of(context).textScaleFactor,
                                fontWeight: FontWeight.bold,
                                color: i['type'] == 'em'
                                    ? Theme.of(context).colorScheme.primary
                                    : Theme.of(context).colorScheme.onSurface,
                              ),
                            ),
                          ],
                        ],
                      ),
                    ),
                    const SizedBox(height: 12),
                    Text('评分:${i.mediaScore['score'].toString()}',
                        style: style),
                    Row(
                      children: [
                        Text(i.areas, style: style),
                        const SizedBox(width: 3),
                        const Text('·'),
                        const SizedBox(width: 3),
                        Text(Utils.dateFormat(i.pubtime).toString(),
                            style: style),
                      ],
                    ),
                    Row(
                      children: [
                        Text(i.styles, style: style),
                        const SizedBox(width: 3),
                        const Text('·'),
                        const SizedBox(width: 3),
                        Text(i.indexShow, style: style),
                      ],
                    ),
                    const SizedBox(height: 18),
                    SizedBox(
                      height: 32,
                      child: ElevatedButton(
                        onPressed: () async {
                          SmartDialog.showLoading(msg: '获取中...');
                          var res = await SearchHttp.bangumiInfo(
                              seasonId: i.seasonId);
                          SmartDialog.dismiss().then((value) {
                            if (res['status']) {
                              EpisodeItem episode = res['data'].episodes.first;
                              String bvid = episode.bvid!;
                              int cid = episode.cid!;
                              String pic = episode.cover!;
                              String heroTag = Utils.makeHeroTag(cid);
                              Get.toNamed(
                                '/video?bvid=$bvid&cid=$cid&seasonId=${i.seasonId}',
                                arguments: {
                                  'pic': pic,
                                  'heroTag': heroTag,
                                  'videoType': SearchType.media_bangumi,
                                  'bangumiItem': res['data'],
                                },
                              );
                            }
                          });
                        },
                        child: const Text('观看'),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      );
    },
  );
}