@page "/ViewMedia"
@using HyperBooru.Util
@inject IJSRuntime jsRuntime
@inject IDbContextFactory<HBContext> dbFactory
@inject ITagService tagService
@inject IMediaService mediaService
@implements IDisposable

<PageTitle>@title</PageTitle>

<div id="content">
    <div id="image-container">
        <img src="/media/@(media.Guid)" width=@media.Width height=@media.Height/>
    </div>
    <div id="metadata">
        <div id="metadata-fileinfo">
            @if(infoEditMode) {
                <form @onsubmit=@(() => ApplyInfoEdit(true))>
                    <table id="edit-metadata">
                        <tr>
                            <td>Title:</td>
                            <td><input type="text" @bind=shortDescription/></td>
                        </tr>
                        <tr>
                            <td>Description:</td>
                            <td><textarea rows="4" @bind=longDescription/></td>
                        </tr>
                    </table>
                </form>
            } else {
                <p>Title: <i>@(media.ShortDescription ?? "None")</i></p>
                <p class="newlines">Description:<br/><i>@(media.LongDescription ?? "None")</i></p>
            }
            <p>Resolution: @(media.Width)x@(media.Height)</p>
            <p class="heading">Upload history</p>
            <hr/>
            <table id="uploaded-files" class="data-table">
                <tr>
                    <th>Created On</th>
                    <th>Last Write</th>
                    <th>Uploaded On</th>
                    <th>Filename</th>
                    <th>Size</th>
                    <th>Original Checksum</th>
                </tr>
                @foreach(var file in media.UploadedFiles) {
                    <tr>
                        <td title=@file.CreateTime?.ToString()>@(file.CreateTime?.ToString("d") ?? "N/A")</td>
                        <td title=@file.LastWriteTime?.ToString()>@(file.LastWriteTime?.ToString("d") ?? "N/A")</td>
                        <td title=@file.UploadTime>@(file.UploadTime.ToString("d"))</td>
                        <td title=@file.Filename>@file.Filename</td>
                        <td title=@file.Length>@file.Length.ToBytesSI()</td>
                        <td title=@file.OriginalChecksum>@file.OriginalChecksum.Substring(0, 8)</td>
                    </tr>
                }
            </table>
        </div>
        <div id="metadata-tags">
            <p class="heading">Tags</p>
            <hr/>
            <MediaTagTable Media=media @ref=mediaTagTable/>
            <ButtonContainer>
                <button @onclick=@(() => deleteDialog.Show()) class="warning">Delete</button>
                <button @onclick=@(() => tagDialog.Show()) class="secondary">Add Tag</button>
                <button @onclick=@(() => ocrDialog.Show()) class="secondary">View OCR</button>
                @if(infoEditMode) {
                    <button @onclick=@(() => ApplyInfoEdit(false)) class="secondary">Cancel</button>
                    <button @onclick=@(() => ApplyInfoEdit(true))>Apply</button>
                } else {
                    <button @onclick=@(() => InfoEditMode = true) class="secondary">Edit Info</button>
                }
                @if(media.IsIngest) {
                    <button @onclick=@(() => SetIngest(false))>Mark Tagging Complete</button>
                } else {
                    <button class="secondary" @onclick=@(() => SetIngest(true))>Mark Tagging Incomplete</button>
                }
            </ButtonContainer>
        </div>
    </div>
</div>

<Dialog Title="Delete this media?" @ref=deleteDialog>
    <ButtonContainer>
        <button @onclick=@(() => deleteDialog.Hide()) class="secondary">Cancel</button>
        <button @onclick=DeleteMedia class="warning">Confirm</button>
    </ButtonContainer>
</Dialog>

<Dialog Title="OCR Data" @ref=ocrDialog>
    @if(media.OcrData is null) {
        <p><center>This media item hasn't been scanned yet!</center></p>
    } else {
        <code style="max-height:400px;">@media.OcrData?.Text</code>
    }
    <ButtonContainer>
        <button @onclick=@(() => ocrDialog.Hide())>Close</button>
    </ButtonContainer>
</Dialog>

<TagSelectDialog
    Title="Select one or more tag(s) to add"
    OnSubmit=AddTags
    @ref=tagDialog/>

@code {
    [Parameter]
    [SupplyParameterFromQuery(Name = "m")]
    public Guid MediaId { get; set; }

    private Media media;

    private string title;

    private bool    infoEditMode = false;
    private string? shortDescription;
    private string? longDescription;

    private MediaTagTable   mediaTagTable;
    private Dialog          deleteDialog;
    private Dialog          ocrDialog;
    private TagSelectDialog tagDialog;

    private HBContext db;

    protected override void OnInitialized() {
        db = dbFactory.CreateDbContext();
        LoadMedia();
    }

    private void LoadMedia() {
        media = db.Media
            .Include(m => m.Tags)
            .ThenInclude(t => t.TagDefinition)
            .Include(m => m.UploadedFiles)
            .Include(m => m.OcrData)
            .First(m => m.Guid == MediaId);

        title = media.DisplayName ?? "Media View";
    }

    private void AddTags(TagDefinition[] tagDefs) {
        foreach(var tagDef in tagDefs)
            tagService.AddTag(media, tagDef);
        mediaTagTable.Refresh();
    }

    private async void SetIngest(bool ingest) {
        mediaService.SetIngest(media, ingest);
        db.Entry(media).State = EntityState.Detached;
        LoadMedia();

        if(ingest)
            StateHasChanged();
        else
            await jsRuntime.InvokeVoidAsync("history.back");
    }

    private bool InfoEditMode {
        get => infoEditMode;
        set {
            shortDescription = media.ShortDescription;
            longDescription  = media.LongDescription;
            infoEditMode     = value;
            StateHasChanged();
        }
    }

    private void ApplyInfoEdit(bool apply) {
        if(apply) {
            if(string.IsNullOrEmpty(shortDescription)) shortDescription = null;
            if(string.IsNullOrEmpty(longDescription))  longDescription  = null;
            media.ShortDescription = shortDescription;
            media.LongDescription  = longDescription;
            mediaService.SetDescription(media, shortDescription, longDescription);
        }

        infoEditMode = false;
    }

    private async void DeleteMedia() {
        mediaService.Delete(media);
        await jsRuntime.InvokeVoidAsync("history.back");
    }

    public void Dispose() => db.Dispose();
}