@using Iceshrimp.Assets.PhosphorIcons
@using Iceshrimp.Shared.Schemas
<div class="note-footer">
    @if (Reactions.Count > 0)
    {
        <div class="reactions">
            @foreach (var reaction in Reactions)
            {
                <NoteReaction Reaction="reaction"/>
            }
        </div>
    }
    <button class="btn" @onclick="Reply" @onclick:stopPropagation="true">
        <Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/>
    </button>
    <button class="btn" @onclick="Renote" @onclick:stopPropagation="true">
        <Icon Name="Icons.Repeat" Size="1.3em"/>
    </button>
    <button @onclick="Like" @onclick:stopPropagation="true" class="btn">
        @if (IsLiked)
        {
            <Icon Name="Icons.Heart" Pack="IconStyle.Fill" Size="1.3em"/>
        }else {
            <Icon Name="Icons.Heart" Size="1.3em"/>
        }
        @if (Likes > 0)
        {
            <span class="like-count">@Likes</span>
        }
    </button>
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.Smiley" Size="1.3em"/>
    </button>
    <button class="btn" @onclick="Quote" @onclick:stopPropagation="true">
        <Icon Name="Icons.Quotes" Size="1.3em"/>
    </button>
    <button class="btn" @onclick:stopPropagation="true">
        <Icon Name="Icons.DotsThreeOutline" Size="1.3em"/>
    </button>
</div>
@code {
    [Parameter] [EditorRequired] public required  List<NoteReactionSchema> Reactions { get; set; }
    [Parameter] [EditorRequired] public required  int                      Likes     { get; set; }
    [Parameter] [EditorRequired] public required bool                      IsLiked   { get; set; }
    
    [CascadingParameter] NoteComponent NoteComponent { get; set; }

    private void Like()
    {
        NoteComponent.Like();
    }

    private void Reply()
    {
        NoteComponent.Reply();
    }

    private void Renote()
    {
        NoteComponent.Renote(); 
    }

    private void Quote()
    {
        NoteComponent.DoQuote();
    }
}