import 'package:feature_discovery/feature_discovery.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:hacki/config/constants.dart';
import 'package:hacki/cubits/cubits.dart';
import 'package:hacki/screens/widgets/custom_described_feature_overlay.dart';
import 'package:hacki/styles/palette.dart';
import 'package:hacki/utils/utils.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';

class CustomFloatingActionButton extends StatelessWidget {
  const CustomFloatingActionButton({
    required this.itemScrollController,
    required this.itemPositionsListener,
    super.key,
  });

  final ItemScrollController itemScrollController;
  final ItemPositionsListener itemPositionsListener;

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<CommentsCubit, CommentsState>(
      builder: (BuildContext context, CommentsState state) {
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            CustomDescribedFeatureOverlay(
              featureId: Constants.featureJumpUpButton,
              contentLocation: ContentLocation.above,
              tapTarget: const Icon(
                Icons.keyboard_arrow_up,
                color: Palette.white,
              ),
              title: const Text('Shortcut'),
              description: const Text(
                '''Tapping on this button will take you to the previous off-screen root level comment.\n\nLong press on it to jump to the very beginning of this thread.''',
              ),
              child: InkWell(
                onLongPress: () => itemScrollController.scrollTo(
                  index: 0,
                  duration: Durations.ms400,
                ),
                child: FloatingActionButton.small(
                  backgroundColor: Theme.of(context).scaffoldBackgroundColor,

                  /// Randomly generated string as heroTag to prevent
                  /// default [FloatingActionButton] animation.
                  heroTag: UniqueKey().hashCode,
                  onPressed: () {
                    HapticFeedbackUtil.selection();
                    context.read<CommentsCubit>().scrollToPreviousRoot(
                          itemScrollController,
                          itemPositionsListener,
                        );
                  },
                  child: Icon(
                    Icons.keyboard_arrow_up,
                    color: Theme.of(context).colorScheme.primary,
                  ),
                ),
              ),
            ),
            CustomDescribedFeatureOverlay(
              featureId: Constants.featureJumpDownButton,
              tapTarget: const Icon(
                Icons.keyboard_arrow_down,
                color: Palette.white,
              ),
              title: const Text('Shortcut'),
              description: const Text(
                '''Tapping on this button will take you to the next off-screen root level comment.\n\nLong press on it to jump to the end of this thread.''',
              ),
              child: InkWell(
                onLongPress: () => itemScrollController.scrollTo(
                  index: state.comments.length,
                  duration: Durations.ms400,
                ),
                child: FloatingActionButton.small(
                  backgroundColor: Theme.of(context).scaffoldBackgroundColor,

                  /// Same as above.
                  heroTag: UniqueKey().hashCode,
                  onPressed: () {
                    HapticFeedbackUtil.selection();
                    context.read<CommentsCubit>().scrollToNextRoot(
                          itemScrollController,
                          itemPositionsListener,
                        );
                  },
                  child: Icon(
                    Icons.keyboard_arrow_down,
                    color: Theme.of(context).colorScheme.primary,
                  ),
                ),
              ),
            ),
          ],
        );
      },
    );
  }
}