<footer>
    <?php if (can_user_interact()): ?>
        <form action="<?= route_to('episode-comment-attempt-like', esc($comment->episode->podcast->handle), esc($comment->episode->slug), $comment->id) ?>" method="POST" class="flex items-center gap-x-4">
            <?= csrf_field() ?>
            <button type="submit" name="action" class="inline-flex items-center hover:underline group" title="<?= lang(
                'Comment.likes',
                [
                    'numberOfLikes' => $comment->likes_count,
                ],
            ) ?>"><?= icon('heart-fill', [
                'class' => 'text-xl mr-1 text-gray-400 group-hover:text-red-600',
            ]) . $comment->likes_count ?></button>
            <x-Button uri="<?= route_to('episode-comment', esc($comment->episode->podcast->handle), esc($comment->episode->slug), $comment->id) ?>" size="small"><?= lang('Comment.reply') ?></x-Button>
        </form>
        <?php if ($comment->replies_count): ?>
            <?= anchor(
                route_to('episode-comment', esc($comment->episode->podcast->handle), esc($comment->episode->slug), $comment->id),
                icon('arrow-drop-down-fill', [
                    'class' => 'text-xl mr-1',
                ]) . lang('Comment.view_replies', [
                    'numberOfReplies' => $comment->replies_count,
                ]),
                [
                    'class' => 'inline-flex items-center text-xs hover:underline',
                ],
            ) ?>
        <?php endif; ?>
    <?php else: ?>
        <button class="inline-flex items-center opacity-50 cursor-not-allowed hover:underline" title="<?= lang(
            'Comment.like',
            [
                'numberOfLikes' => $comment->likes_count,
            ],
        ) ?>"><?= icon('heart-fill', [
            'class' => 'text-xl mr-1 text-skin-muted',
        ]) . $comment->likes_count ?></button>
        <?php if ($comment->replies_count): ?>
            <?= anchor(
                route_to('episode-comment', esc($comment->episode->podcast->handle), esc($comment->episode->slug), $comment->id),
                icon('arrow-drop-down-fill', [
                    'class' => 'text-xl mr-1',
                ]) . lang('Comment.view_replies', [
                    'numberOfReplies' => $comment->replies_count,
                ]),
                [
                    'class' => 'inline-flex items-center text-xs hover:underline',
                ],
            ) ?>
        <?php endif; ?>
    <?php endif; ?>
</footer>
