import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:lemmy_api_client/v3.dart';

import '../../hooks/logged_in_action.dart';
import '../../l10n/l10n.dart';
import '../../util/goto.dart';
import '../../util/observer_consumers.dart';
import '../tile_action.dart';
import '../write_comment.dart';
import 'comment_more_menu_button.dart';
import 'comment_store.dart';

class CommentActions extends HookWidget {
  const CommentActions({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final loggedInAction = useLoggedInAction(
      context.select<CommentStore, String>(
        (store) => store.comment.instanceHost,
      ),
    );

    return ObserverBuilder<CommentStore>(
      builder: (context, store) {
        if (store.collapsed) return const SizedBox();

        final comment = store.comment.comment;
        final post = store.comment.post;

        reply() async {
          final newComment = await Navigator.of(context).push(
            WriteComment.toCommentRoute(
              comment: comment,
              post: post,
            ),
          );

          if (newComment != null) {
            store.addReply(newComment);
          }
        }

        return Row(
          children: [
            if (store.selectable && !comment.deleted && !comment.removed)
              TileAction(
                icon: Icons.content_copy,
                tooltip: 'copy',
                onPressed: () async {
                  await Clipboard.setData(ClipboardData(text: comment.content));
                  ScaffoldMessenger.of(context).showSnackBar(
                    const SnackBar(
                      content: Text('comment copied to clipboard'),
                    ),
                  );
                },
              ),
            const Spacer(),
            if (store.canBeMarkedAsRead)
              TileAction(
                icon: Icons.check,
                onPressed: loggedInAction(store.markAsRead),
                iconColor: comment.read
                    ? Theme.of(context).colorScheme.secondary
                    : null,
                tooltip: comment.read
                    ? L10n.of(context).mark_as_unread
                    : L10n.of(context).mark_as_read,
              ),
            if (store.detached)
              TileAction(
                icon: Icons.link,
                onPressed: () =>
                    goToPost(context, comment.instanceHost, post.id),
                tooltip: 'go to post',
              ),
            const CommentMoreMenuButton(),
            TileAction(
              loading: store.savingState.isLoading,
              icon:
                  store.comment.saved ? Icons.bookmark : Icons.bookmark_border,
              onPressed: loggedInAction(store.save),
              tooltip: '${store.comment.saved ? 'unsave' : 'save'} comment',
            ),
            if (!comment.deleted && !comment.removed && !post.locked)
              TileAction(
                icon: Icons.reply,
                onPressed: loggedInAction((_) => reply()),
                tooltip: L10n.of(context).reply,
              ),
            TileAction(
              icon: Icons.arrow_upward,
              iconColor: store.myVote == VoteType.up
                  ? Theme.of(context).colorScheme.secondary
                  : null,
              onPressed: loggedInAction(store.upVote),
              tooltip: 'upvote',
            ),
            TileAction(
              icon: Icons.arrow_downward,
              iconColor: store.myVote == VoteType.down ? Colors.red : null,
              onPressed: loggedInAction(store.downVote),
              tooltip: 'downvote',
            ),
          ],
        );
      },
    );
  }
}