@page "/watermarks/{Id:int}"
@page "/watermarks/add"
@using ErsatzTV.Application.Images
@using ErsatzTV.Application.Watermarks
@using ErsatzTV.FFmpeg.State
@implements IDisposable
@inject NavigationManager NavigationManager
@inject ILogger<WatermarkEditor> Logger
@inject ISnackbar Snackbar
@inject IMediator Mediator

<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="pt-8">
    <div style="max-width: 400px;">
        @if (_editContext is not null)
        {
            <EditForm EditContext="_editContext" OnSubmit="@HandleSubmitAsync">
                <FluentValidationValidator/>
                <MudCard>
                    <MudCardHeader>
                        <CardHeaderContent>
                            <MudText Typo="Typo.h5">@(IsEdit ? "Edit Watermark" : "Add Watermark")</MudText>
                        </CardHeaderContent>
                    </MudCardHeader>
                    <MudCardContent>
                        <MudTextField Label="Name" @bind-Value="_model.Name" For="@(() => _model.Name)"/>
                        <MudSelect Class="mt-3" Label="Mode" @bind-Value="_model.Mode"
                                   For="@(() => _model.Mode)">
                            <MudSelectItem Value="@(ChannelWatermarkMode.None)">None</MudSelectItem>
                            <MudSelectItem Value="@(ChannelWatermarkMode.Permanent)">Permanent</MudSelectItem>
                            <MudSelectItem Value="@(ChannelWatermarkMode.Intermittent)">Intermittent</MudSelectItem>
                        </MudSelect>
                        <MudSelect Class="mt-3" Label="Image Source" @bind-Value="_model.ImageSource"
                                   For="@(() => _model.ImageSource)"
                                   Disabled="@(_model.Mode == ChannelWatermarkMode.None)">
                            <MudSelectItem Value="@(ChannelWatermarkImageSource.Custom)">Custom</MudSelectItem>
                            <MudSelectItem Value="@(ChannelWatermarkImageSource.ChannelLogo)">Channel Logo</MudSelectItem>
                        </MudSelect>
                        <MudGrid Class="mt-3" Style="align-items: center" Justify="Justify.Center">
                            <MudItem xs="6">
                                <InputFile id="watermarkFileInput" OnChange="UploadWatermark" style="display: none;"/>
                                @if (!string.IsNullOrWhiteSpace(_model.Image) && _model.ImageSource == ChannelWatermarkImageSource.Custom)
                                {
                                    <MudElement HtmlTag="img" src="@($"artwork/watermarks/{_model.Image}")" Style="max-height: 50px"/>
                                }
                                <ValidationMessage For="@(() => _model.Image)" style="color: #f44336 !important;"/>
                            </MudItem>
                            <MudItem xs="6">
                                <MudButton Class="ml-auto" HtmlTag="label"
                                           Variant="Variant.Filled"
                                           Color="Color.Primary"
                                           StartIcon="@Icons.Material.Filled.CloudUpload"
                                           Disabled="@(_model.ImageSource != ChannelWatermarkImageSource.Custom)"
                                           for="watermarkFileInput">
                                    Upload Image
                                </MudButton>
                            </MudItem>
                        </MudGrid>
                        <MudSelect Class="mt-3" Label="Location" @bind-Value="_model.Location"
                                   For="@(() => _model.Location)"
                                   Disabled="@(_model.Mode == ChannelWatermarkMode.None)">
                            <MudSelectItem Value="@(WatermarkLocation.BottomRight)">Bottom Right</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.BottomMiddle)">Bottom Middle</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.BottomLeft)">Bottom Left</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.LeftMiddle)">Left Middle</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.TopLeft)">Top Left</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.TopMiddle)">Top Middle</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.TopRight)">Top Right</MudSelectItem>
                            <MudSelectItem Value="@(WatermarkLocation.RightMiddle)">Right Middle</MudSelectItem>
                        </MudSelect>
                        <MudCheckBox Class="mt-3" Label="Place Within Source Content"
                                     @bind-Value="_model.PlaceWithinSourceContent"
                                     For="@(() => _model.PlaceWithinSourceContent)"
                                     Disabled="@(_model.Mode == ChannelWatermarkMode.None)"/>
                        <MudGrid Class="mt-3" Style="align-items: start" Justify="Justify.Center">
                            <MudItem xs="6">
                                <MudSelect Label="Size" @bind-Value="_model.Size"
                                           For="@(() => _model.Size)"
                                           Disabled="@(_model.Mode == ChannelWatermarkMode.None)">
                                    <MudSelectItem Value="@(WatermarkSize.Scaled)">Scaled</MudSelectItem>
                                    <MudSelectItem Value="@(WatermarkSize.ActualSize)">Actual Size</MudSelectItem>
                                </MudSelect>
                            </MudItem>
                            <MudItem xs="6">
                                <MudTextField Label="Width" @bind-Value="_model.Width"
                                              For="@(() => _model.Width)"
                                              Adornment="Adornment.End"
                                              AdornmentText="%"
                                              Disabled="@(_model.Mode == ChannelWatermarkMode.None || _model.Size == WatermarkSize.ActualSize)"
                                              Immediate="true"/>
                            </MudItem>
                        </MudGrid>
                        <MudGrid Class="mt-3" Style="align-items: start" Justify="Justify.Center">
                            <MudItem xs="6">
                                <MudTextField Label="Horizontal Margin" @bind-Value="_model.HorizontalMargin"
                                              For="@(() => _model.HorizontalMargin)"
                                              Adornment="Adornment.End"
                                              AdornmentText="%"
                                              Disabled="@(_model.Mode == ChannelWatermarkMode.None)"
                                              Immediate="true"/>
                            </MudItem>
                            <MudItem xs="6">
                                <MudTextField Label="Vertical Margin" @bind-Value="_model.VerticalMargin"
                                              For="@(() => _model.VerticalMargin)"
                                              Adornment="Adornment.End"
                                              AdornmentText="%"
                                              Disabled="@(_model.Mode == ChannelWatermarkMode.None)"
                                              Immediate="true"/>
                            </MudItem>
                        </MudGrid>
                        <MudGrid Class="mt-3" Style="align-items: start" Justify="Justify.Center">
                            <MudItem xs="6">
                                <MudSelect Label="Frequency" @bind-Value="_model.FrequencyMinutes"
                                           For="@(() => _model.FrequencyMinutes)"
                                           Disabled="@(_model.Mode != ChannelWatermarkMode.Intermittent)">
                                    <MudSelectItem Value="5">5 minutes</MudSelectItem>
                                    <MudSelectItem Value="10">10 minutes</MudSelectItem>
                                    <MudSelectItem Value="15">15 minutes</MudSelectItem>
                                    <MudSelectItem Value="20">20 minutes</MudSelectItem>
                                    <MudSelectItem Value="30">30 minutes</MudSelectItem>
                                    <MudSelectItem Value="60">60 minutes</MudSelectItem>
                                </MudSelect>
                            </MudItem>
                            <MudItem xs="6">
                                <MudTextField Label="Duration" @bind-Value="_model.DurationSeconds"
                                              For="@(() => _model.DurationSeconds)"
                                              Adornment="Adornment.End"
                                              AdornmentText="seconds"
                                              Disabled="@(_model.Mode != ChannelWatermarkMode.Intermittent)"
                                              Immediate="true"/>
                            </MudItem>
                        </MudGrid>
                        <MudGrid Class="mt-3" Style="align-items: start" Justify="Justify.Center">
                            <MudItem xs="6">
                                <MudTextField Label="Opacity" @bind-Value="_model.Opacity"
                                              For="@(() => _model.Opacity)"
                                              Adornment="Adornment.End"
                                              AdornmentText="%"
                                              Disabled="@(_model.Mode == ChannelWatermarkMode.None)"
                                              Immediate="true"/>
                            </MudItem>
                            <MudItem xs="6"/>
                        </MudGrid>
                    </MudCardContent>
                    <MudCardActions>
                        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary">
                            @(IsEdit ? "Save Changes" : "Add Watermark")
                        </MudButton>
                    </MudCardActions>
                </MudCard>
            </EditForm>
        }
    </div>
</MudContainer>

@code {
    private readonly CancellationTokenSource _cts = new();

    [Parameter]
    public int Id { get; set; }

    private WatermarkEditViewModel _model = new();
    private EditContext _editContext;
    private ValidationMessageStore _messageStore;

    public void Dispose()
    {
        _cts.Cancel();
        _cts.Dispose();
    }

    protected override async Task OnParametersSetAsync()
    {
        if (IsEdit)
        {
            Option<WatermarkViewModel> watermark = await Mediator.Send(new GetWatermarkById(Id), _cts.Token);
            watermark.Match(
                watermarkViewModel => _model = new WatermarkEditViewModel(watermarkViewModel),
                () => NavigationManager.NavigateTo("404"));
        }
        else
        {
            _model = new WatermarkEditViewModel
            {
                Name = string.Empty,
                Mode = ChannelWatermarkMode.Permanent,
                Image = string.Empty,
                Location = WatermarkLocation.BottomRight,
                Size = WatermarkSize.Scaled,
                Width = 15,
                HorizontalMargin = 5,
                VerticalMargin = 5,
                FrequencyMinutes = 15,
                DurationSeconds = 15,
                Opacity = 100,
                PlaceWithinSourceContent = false
            };
        }

        _editContext = new EditContext(_model);
        _messageStore = new ValidationMessageStore(_editContext);
    }

    private bool IsEdit => Id != 0;

    private async Task HandleSubmitAsync()
    {
        _messageStore.Clear();
        if (_editContext.Validate())
        {
            Seq<BaseError> errorMessage = IsEdit ? (await Mediator.Send(_model.ToUpdate(), _cts.Token)).LeftToSeq() : (await Mediator.Send(_model.ToCreate(), _cts.Token)).LeftToSeq();

            errorMessage.HeadOrNone().Match(
                error =>
                {
                    Snackbar.Add("Unexpected error saving watermark");
                    Logger.LogError("Unexpected error saving watermark: {Error}", error.Value);
                },
                () => NavigationManager.NavigateTo("/watermarks"));
        }
    }

    private async Task UploadWatermark(InputFileChangeEventArgs e)
    {
        try
        {
            Either<BaseError, string> maybeCacheFileName = await Mediator.Send(
                new SaveArtworkToDisk(e.File.OpenReadStream(10 * 1024 * 1024), ArtworkKind.Watermark),
                _cts.Token);
            maybeCacheFileName.Match(
                relativeFileName =>
                {
                    _model.Image = relativeFileName;
                    _messageStore.Clear();
                    _editContext.Validate();
                    StateHasChanged();
                },
                error =>
                {
                    Snackbar.Add($"Unexpected error saving watermark: {error.Value}", Severity.Error);
                    Logger.LogError("Unexpected error saving watermark: {Error}", error.Value);
                });
        }
        catch (IOException)
        {
            Snackbar.Add("Watermark exceeds maximum allowed file size of 10 MB", Severity.Error);
            Logger.LogError("Watermark exceeds maximum allowed file size of 10 MB");
        }
        catch (Exception ex)
        {
            Snackbar.Add($"Unexpected error saving watermark: {ex.Message}", Severity.Error);
            Logger.LogError("Unexpected error saving watermark: {Error}", ex.Message);
        }
    }

}