import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
import '../models/common/video_episode_type.dart';

class EpisodeBottomSheet {
  final List<dynamic> episodes;
  final int currentCid;
  final dynamic dataType;
  final BuildContext context;
  final Function changeFucCall;
  final int? cid;
  final double? sheetHeight;

  EpisodeBottomSheet({
    required this.episodes,
    required this.currentCid,
    required this.dataType,
    required this.context,
    required this.changeFucCall,
    this.cid,
    this.sheetHeight,
  });

  Widget buildEpisodeListItem(
    dynamic episode,
    int index,
    bool isCurrentIndex,
  ) {
    Color primary = Theme.of(context).colorScheme.primary;
    Color onSurface = Theme.of(context).colorScheme.onSurface;

    String title = '';
    switch (dataType) {
      case VideoEpidoesType.videoEpisode:
        title = episode.title;
        break;
      case VideoEpidoesType.videoPart:
        title = episode.pagePart;
        break;
      case VideoEpidoesType.bangumiEpisode:
        title = '第${episode.title}话  ${episode.longTitle!}';
        break;
    }
    return ListTile(
      onTap: () {
        SmartDialog.showToast('切换至「$title」');
        changeFucCall.call(episode, index);
      },
      dense: false,
      leading: isCurrentIndex
          ? Image.asset(
              'assets/images/live.gif',
              color: primary,
              height: 12,
            )
          : null,
      title: Text(
        title,
        style: TextStyle(
          fontSize: 14,
          color: isCurrentIndex ? primary : onSurface,
        ),
      ),
    );
  }

  Widget buildTitle() {
    return AppBar(
      toolbarHeight: 45,
      automaticallyImplyLeading: false,
      centerTitle: false,
      title: Text(
        '合集（${episodes.length}）',
        style: Theme.of(context).textTheme.titleMedium,
      ),
      actions: [
        IconButton(
          icon: const Icon(Icons.close, size: 20),
          onPressed: () => Navigator.pop(context),
        ),
        const SizedBox(width: 14),
      ],
    );
  }

  /// The [BuildContext] of the widget that calls the bottom sheet.
  PersistentBottomSheetController show(BuildContext context) {
    final ItemScrollController itemScrollController = ItemScrollController();
    int currentIndex = episodes.indexWhere((dynamic e) => e.cid == currentCid);
    final PersistentBottomSheetController btmSheetCtr = showBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return StatefulBuilder(
            builder: (BuildContext context, StateSetter setState) {
          WidgetsBinding.instance.addPostFrameCallback((_) {
            itemScrollController.jumpTo(index: currentIndex);
          });
          return Container(
            height: sheetHeight,
            color: Theme.of(context).colorScheme.background,
            child: Column(
              children: [
                buildTitle(),
                Expanded(
                  child: Material(
                    child: ScrollablePositionedList.builder(
                      itemScrollController: itemScrollController,
                      itemCount: episodes.length + 1,
                      itemBuilder: (BuildContext context, int index) {
                        bool isLastItem = index == episodes.length;
                        bool isCurrentIndex = currentIndex == index;
                        return isLastItem
                            ? SizedBox(
                                height:
                                    MediaQuery.of(context).padding.bottom + 20,
                              )
                            : buildEpisodeListItem(
                                episodes[index],
                                index,
                                isCurrentIndex,
                              );
                      },
                    ),
                  ),
                ),
              ],
            ),
          );
        });
      },
    );
    return btmSheetCtr;
  }
}