@inject IDbContextFactory<HBContext> dbFactory
@inject ITagService tagService

<link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>

<table class="data-table">
    <tr>
        <th>Namespace</th>
        <th>Tag Name</th>
        <th></th>
    </tr>
    @foreach(var e in tagDefs) {
        <tr>
            <td>
                @if(e.isImplicit) {
                    <i>@e.tagDef.Namespace</i>
                } else {
                    @e.tagDef.Namespace
                }
            </td>
            <td>
                <a href="/Gallery?t=@(e.tagDef.Guid)" class="nondecorated">
                    @if(e.isImplicit) {
                        <i>@e.tagDef.Name</i>
                    } else {
                        @e.tagDef.Name
                    }
                </a>
            </td>
            <td>
                @if(!e.isImplicit) {
                    <a href="javascript:;" @onclick=@(() => Delete(e.tagDef))>Delete</a>
                } else {
                    <a href="javascript:;" @onclick=@(() => MakeExplicit(e.tagDef))>Make Explicit</a>
                }
            </td>
        </tr>
    }
</table>

@code {
    [Parameter]
    public Media Media { get; set; }

    private (TagDefinition tagDef, bool isImplicit)[] tagDefs;

    protected override void OnInitialized() => LoadTagDefs();

    public void Refresh() {
        LoadTagDefs();
        StateHasChanged();
    }

    private void Delete(TagDefinition tagDef) {
        tagService.RemoveTag(Media.Guid, tagDef.Guid);
        Refresh();
    }

    private void LoadTagDefs() {
        using var db = dbFactory.CreateDbContext();
        var media = db.Media.First(m => m.ObjectId == Media.ObjectId);

        tagDefs = tagService.GetAllTags(Media)
            .Where(e => e.tagDefinition.Source == TagSource.UserTag)
            .ToArray();
    }

    private void MakeExplicit(TagDefinition tagDef) {
        tagService.AddTag(Media, tagDef);
        Refresh();
    }
}