import 'package:audio_video_progress_bar/audio_video_progress_bar.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:nil/nil.dart';
import 'package:pilipala/plugin/pl_player/index.dart';
import 'package:pilipala/utils/feed_back.dart';

class BottomControl extends StatelessWidget implements PreferredSizeWidget {
  final PlPlayerController? controller;
  final Function? triggerFullScreen;
  final List<Widget>? buildBottomControl;
  const BottomControl({
    this.controller,
    this.triggerFullScreen,
    this.buildBottomControl,
    Key? key,
  }) : super(key: key);

  @override
  Size get preferredSize => const Size(double.infinity, kToolbarHeight);

  @override
  Widget build(BuildContext context) {
    Color colorTheme = Theme.of(context).colorScheme.primary;
    final _ = controller!;
    return Container(
      color: Colors.transparent,
      height: 90,
      padding: const EdgeInsets.only(left: 18, right: 18),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          Obx(
            () {
              final int value = _.sliderPositionSeconds.value;
              final int max = _.durationSeconds.value;
              final int buffer = _.bufferedSeconds.value;
              if (value > max || max <= 0) {
                return nil;
              }
              return Padding(
                padding: const EdgeInsets.only(left: 7, right: 7, bottom: 6),
                child: ProgressBar(
                  progress: Duration(seconds: value),
                  buffered: Duration(seconds: buffer),
                  total: Duration(seconds: max),
                  progressBarColor: colorTheme,
                  baseBarColor: Colors.white.withOpacity(0.2),
                  bufferedBarColor: colorTheme.withOpacity(0.4),
                  timeLabelLocation: TimeLabelLocation.none,
                  thumbColor: colorTheme,
                  barHeight: 3.5,
                  thumbRadius: 7,
                  onDragStart: (duration) {
                    feedBack();
                    _.onChangedSliderStart();
                  },
                  onDragUpdate: (duration) {
                    _.onUpdatedSliderProgress(duration.timeStamp);
                  },
                  onSeek: (duration) {
                    _.onChangedSliderEnd();
                    _.onChangedSlider(duration.inSeconds.toDouble());
                    _.seekTo(Duration(seconds: duration.inSeconds),
                        type: 'slider');
                  },
                ),
              );
            },
          ),
          Row(
            children: [...buildBottomControl!],
          ),
          // Row(
          //   children: [
          //     PlayOrPauseButton(
          //       controller: _,
          //     ),
          //     const SizedBox(width: 4),
          //     // 播放时间
          //     Obx(() {
          //       return Text(
          //         _.durationSeconds.value >= 3600
          //             ? printDurationWithHours(
          //                 Duration(seconds: _.positionSeconds.value))
          //             : printDuration(
          //                 Duration(seconds: _.positionSeconds.value)),
          //         style: textStyle,
          //       );
          //     }),
          //     const SizedBox(width: 2),
          //     const Text('/', style: textStyle),
          //     const SizedBox(width: 2),
          //     Obx(
          //       () => Text(
          //         _.durationSeconds.value >= 3600
          //             ? printDurationWithHours(
          //                 Duration(seconds: _.durationSeconds.value))
          //             : printDuration(
          //                 Duration(seconds: _.durationSeconds.value)),
          //         style: textStyle,
          //       ),
          //     ),
          //     const Spacer(),
          //     // 倍速
          //     // Obx(
          //     //   () => SizedBox(
          //     //     width: 45,
          //     //     height: 34,
          //     //     child: TextButton(
          //     //       style: ButtonStyle(
          //     //         padding: MaterialStateProperty.all(EdgeInsets.zero),
          //     //       ),
          //     //       onPressed: () {
          //     //         _.togglePlaybackSpeed();
          //     //       },
          //     //       child: Text(
          //     //         '${_.playbackSpeed.toString()}X',
          //     //         style: textStyle,
          //     //       ),
          //     //     ),
          //     //   ),
          //     // ),
          //     SizedBox(
          //       height: 30,
          //       child: TextButton(
          //         onPressed: () => _.toggleVideoFit(),
          //         style: ButtonStyle(
          //           padding: MaterialStateProperty.all(EdgeInsets.zero),
          //         ),
          //         child: Obx(
          //           () => Text(
          //             _.videoFitDEsc.value,
          //             style: const TextStyle(color: Colors.white, fontSize: 13),
          //           ),
          //         ),
          //       ),
          //     ),
          //     const SizedBox(width: 10),
          //     // 全屏
          //     Obx(
          //       () => ComBtn(
          //         icon: Icon(
          //           _.isFullScreen.value
          //               ? FontAwesomeIcons.compress
          //               : FontAwesomeIcons.expand,
          //           size: 15,
          //           color: Colors.white,
          //         ),
          //         fuc: () => triggerFullScreen!(),
          //       ),
          //     ),
          //   ],
          // ),
          const SizedBox(height: 12),
        ],
      ),
    );
  }
}