import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:pilipala/common/skeleton/video_card_h.dart';
import 'package:pilipala/common/widgets/animated_dialog.dart';
import 'package:pilipala/common/widgets/http_error.dart';
import 'package:pilipala/common/widgets/overlay_pop.dart';
import 'package:pilipala/common/widgets/video_card_h.dart';
import './controller.dart';

class RelatedVideoPanel extends StatefulWidget {
  const RelatedVideoPanel({super.key});

  @override
  State<RelatedVideoPanel> createState() => _RelatedVideoPanelState();
}

class _RelatedVideoPanelState extends State<RelatedVideoPanel>
    with AutomaticKeepAliveClientMixin {
  late ReleatedController _releatedController;
  late Future _futureBuilder;

  @override
  bool get wantKeepAlive => true;

  @override
  void initState() {
    super.initState();
    _releatedController =
        Get.put(ReleatedController(), tag: Get.arguments?['heroTag']);
    _futureBuilder = _releatedController.queryRelatedVideo();
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return FutureBuilder(
      future: _futureBuilder,
      builder: (BuildContext context, AsyncSnapshot snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          if (snapshot.data == null) {
            return const SliverToBoxAdapter(child: SizedBox());
          }
          if (snapshot.data!['status'] && snapshot.data != null) {
            RxList relatedVideoList = _releatedController.relatedVideoList;
            // 请求成功
            return Obx(
              () => SliverList(
                delegate: SliverChildBuilderDelegate((context, index) {
                  if (index == relatedVideoList.length) {
                    return SizedBox(
                        height: MediaQuery.of(context).padding.bottom);
                  } else {
                    return Material(
                      child: VideoCardH(
                        videoItem: relatedVideoList[index],
                        showPubdate: true,
                        longPress: () {
                          try {
                            _releatedController.popupDialog =
                                _createPopupDialog(_releatedController
                                    .relatedVideoList[index]);
                            Overlay.of(context)
                                .insert(_releatedController.popupDialog!);
                          } catch (err) {
                            return {};
                          }
                        },
                        longPressEnd: () {
                          _releatedController.popupDialog?.remove();
                        },
                      ),
                    );
                  }
                }, childCount: relatedVideoList.length + 1),
              ),
            );
          } else {
            // 请求错误
            return HttpError(errMsg: '出错了', fn: () {});
          }
        } else {
          // 骨架屏
          return SliverList(
            delegate: SliverChildBuilderDelegate((context, index) {
              return const VideoCardHSkeleton();
            }, childCount: 5),
          );
        }
      },
    );
  }

  OverlayEntry _createPopupDialog(videoItem) {
    return OverlayEntry(
      builder: (BuildContext context) => AnimatedDialog(
        closeFn: _releatedController.popupDialog?.remove,
        child: OverlayPop(
            videoItem: videoItem,
            closeFn: _releatedController.popupDialog?.remove),
      ),
    );
  }
}