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/overlay_pop.dart';
import 'package:pilipala/common/widgets/video_card_h.dart';
import './controller.dart';

class RelatedVideoPanel extends GetView<ReleatedController> {
  const RelatedVideoPanel({super.key});

  @override
  Widget build(BuildContext context) {
    return GetBuilder(
        init: ReleatedController(),
        id: Get.arguments['heroTag'],
        builder: (context) {
          return FutureBuilder(
            future: ReleatedController().queryRelatedVideo(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.done) {
                if (snapshot.data!['status']) {
                  // 请求成功
                  return SliverList(
                      delegate: SliverChildBuilderDelegate((context, index) {
                    if (index == snapshot.data['data'].length) {
                      return SizedBox(
                          height: MediaQuery.of(context).padding.bottom);
                    } else {
                      return Material(
                        child: VideoCardH(
                          videoItem: snapshot.data['data'][index],
                          longPress: () {
                            try {
                              ReleatedController().popupDialog =
                                  _createPopupDialog(
                                      snapshot.data['data'][index]);
                              Overlay.of(context)
                                  .insert(ReleatedController().popupDialog!);
                            } catch (_) {
                              return {};
                            }
                          },
                          longPressEnd: () {
                            ReleatedController().popupDialog?.remove();
                          },
                        ),
                      );
                    }
                  }, childCount: snapshot.data['data'].length + 1));
                } else {
                  // 请求错误
                  return const Center(
                    child: Text('出错了'),
                  );
                }
              } else {
                // 骨架屏
                return SliverList(
                  delegate: SliverChildBuilderDelegate((context, index) {
                    return const VideoCardHSkeleton();
                  }, childCount: 5),
                );
              }
            },
          );
        });
  }

  OverlayEntry _createPopupDialog(videoItem) {
    return OverlayEntry(
      builder: (context) => AnimatedDialog(
        child: OverlayPop(videoItem: videoItem),
      ),
    );
  }
}