@page "/channels/{Id:int?}"
@page "/channels/add"
@using System.Globalization
@using ErsatzTV.Application.Artworks
@using ErsatzTV.Application.Channels
@using ErsatzTV.Application.FFmpegProfiles
@using ErsatzTV.Application.Filler
@using ErsatzTV.Application.Images
@using ErsatzTV.Application.MediaItems
@using ErsatzTV.Application.Templates
@using ErsatzTV.Application.Watermarks
@using ErsatzTV.Core.Domain.Filler
@using ErsatzTV.Validators
@using FluentValidation.Results
@using static Prelude
@implements IDisposable
@inject NavigationManager NavigationManager
@inject ILogger<ChannelEditor> Logger
@inject ISnackbar Snackbar
@inject IMediator Mediator

<MudForm Model="@_model" @ref="@_form" Validation="@(_validator.ValidateValue)" ValidationDelay="0" Style="max-height: 100%">
<MudPaper Square="true" Style="display: flex; height: 64px; min-height: 64px; width: 100%; z-index: 100; align-items: center">
    <MudButton Variant="Variant.Filled" Color="Color.Primary" Class="ml-6" OnClick="@HandleSubmitAsync" StartIcon="@(IsEdit ? Icons.Material.Filled.Save : Icons.Material.Filled.Add)">@(IsEdit ? "Save Channel" : "Add Channel")</MudButton>
</MudPaper>
<div class="d-flex flex-column" style="height: 100vh; overflow-x: auto">
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="pt-8">
<MudText Typo="Typo.h5" Class="mb-2">Channel</MudText>
<MudDivider Class="mb-6"/>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Number</MudText>
    </div>
    <MudTextField @bind-Value="_model.Number" For="@(() => _model.Number)" Immediate="true"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Name</MudText>
    </div>
    <MudTextField @bind-Value="_model.Name" For="@(() => _model.Name)"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Group</MudText>
    </div>
    <MudTextField @bind-Value="_model.Group" For="@(() => _model.Group)"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Categories</MudText>
    </div>
    <MudTextField @bind-Value="_model.Categories" For="@(() => _model.Categories)" HelperText="Comma-separated list of categories"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Transcode Mode</MudText>
    </div>
    <MudSelect @bind-Value="_model.TranscodeMode" For="@(() => _model.TranscodeMode)" Disabled="true" HelperText="Controls when the transcoding process is active">
        <MudSelectItem Value="@(ChannelTranscodeMode.OnDemand)">On Demand</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Idle Behavior</MudText>
    </div>
    <MudSelect @bind-Value="_model.IdleBehavior" For="@(() => _model.IdleBehavior)" HelperText="Controls how the transcoding process behaves after all clients have disconnected">
        <MudSelectItem Value="@(ChannelIdleBehavior.StopOnDisconnect)">Stop On Disconnect</MudSelectItem>
        <MudSelectItem Value="@(ChannelIdleBehavior.KeepRunning)">Keep Running</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Playout Source</MudText>
    </div>
    <MudSelect @bind-Value="_model.PlayoutSource"
               For="@(() => _model.PlayoutSource)"
               HelperText="Controls the source of the channel's content. This cannot be changed when the channel already has a playout."
               Disabled="@(_channels.Any(c => c.PlayoutSource is ChannelPlayoutSource.Generated && c.Id == Id && c.PlayoutCount > 0))">
        <MudSelectItem Value="@(ChannelPlayoutSource.Generated)">Generated</MudSelectItem>
        <MudSelectItem Value="@(ChannelPlayoutSource.Mirror)">Mirror</MudSelectItem>
    </MudSelect>
</MudStack>
@if (_model.PlayoutSource is ChannelPlayoutSource.Mirror)
{
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Mirror Source Channel</MudText>
        </div>
        <MudSelect @bind-Value="_model.MirrorSourceChannelId" For="@(() => _model.MirrorSourceChannelId)"
                   Clearable="true">
            <MudSelectItem T="int?" Value="@((int?)null)">(none)</MudSelectItem>
            @foreach (ChannelViewModel channel in _channels
                .Where(c => c.Id != Id && c.PlayoutSource is ChannelPlayoutSource.Generated)
                .OrderBy(c => decimal.Parse(c.Number, CultureInfo.InvariantCulture)))
            {
                <MudSelectItem T="int?" Value="@channel.Id">(@channel.Number) - @channel.Name</MudSelectItem>
            }
        </MudSelect>
    </MudStack>
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Playout Offset</MudText>
        </div>
        <MudTextField T="int"
                      @bind-Value="_model.PlayoutOffsetHours"
                      Adornment="Adornment.End"
                      AdornmentText="hours"/>
    </MudStack>
}
else
{
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Playout Mode</MudText>
        </div>
        <MudSelect @bind-Value="_model.PlayoutMode" For="@(() => _model.PlayoutMode)" HelperText="Controls the progression of the channel's playout">
            <MudSelectItem Value="@(ChannelPlayoutMode.Continuous)">Continuous</MudSelectItem>
            <MudSelectItem Value="@(ChannelPlayoutMode.OnDemand)">On Demand</MudSelectItem>
        </MudSelect>
    </MudStack>
}
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Is Enabled</MudText>
    </div>
    <MudCheckBox @bind-Value="_model.IsEnabled" For="@(() => _model.IsEnabled)" Dense="true"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Show In EPG</MudText>
    </div>
    <MudCheckBox @bind-Value="_model.ShowInEpg" For="@(() => _model.ShowInEpg)" Dense="true"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Streaming Mode</MudText>
    </div>
    <MudSelect @bind-Value="_model.StreamingMode" For="@(() => _model.StreamingMode)">
        <MudSelectItem Value="@(StreamingMode.TransportStreamHybrid)">MPEG-TS</MudSelectItem>
        <MudSelectItem Value="@(StreamingMode.TransportStream)">MPEG-TS (Legacy)</MudSelectItem>
        <MudSelectItem Value="@(StreamingMode.HttpLiveStreamingDirect)">HLS Direct</MudSelectItem>
        <MudSelectItem Value="@(StreamingMode.HttpLiveStreamingSegmenter)">HLS Segmenter</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>FFmpeg Profile</MudText>
    </div>
    <MudSelect @bind-Value="_model.FFmpegProfileId" For="@(() => _model.FFmpegProfileId)"
               Disabled="@(_model.StreamingMode == StreamingMode.HttpLiveStreamingDirect)">
        @foreach (FFmpegProfileViewModel profile in _ffmpegProfiles)
        {
            <MudSelectItem Value="@profile.Id">@profile.Name</MudSelectItem>
        }
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Slug Seconds</MudText>
    </div>
    <MudSelect T="double?" @bind-Value="_model.SlugSeconds" For="@(() => _model.SlugSeconds)" HelperText="Seconds of black video and silent audio to insert between *every* playout item">
        <MudSelectItem Value="@((double?)null)">(none)</MudSelectItem>
        <MudSelectItem Value="@((double?)0.5)">0.5 seconds</MudSelectItem>
        <MudSelectItem Value="@((double?)1)">1 second</MudSelectItem>
        <MudSelectItem Value="@((double?)2)">2 seconds</MudSelectItem>
        <MudSelectItem Value="@((double?)3)">3 seconds</MudSelectItem>
        <MudSelectItem Value="@((double?)5)">5 seconds</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Stream Selector Mode</MudText>
    </div>
    <MudSelect @bind-Value="_model.StreamSelectorMode" For="@(() => _model.StreamSelectorMode)">
        <MudSelectItem Value="@(ChannelStreamSelectorMode.Default)">Default</MudSelectItem>
        <MudSelectItem Value="@(ChannelStreamSelectorMode.Custom)">Custom</MudSelectItem>
    </MudSelect>
</MudStack>
@if (_model.StreamSelectorMode is ChannelStreamSelectorMode.Default)
{
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Preferred Audio Language</MudText>
        </div>
        <MudSelect @bind-Value="_model.PreferredAudioLanguageCode"
                   For="@(() => _model.PreferredAudioLanguageCode)"
                   Clearable="true">
            <MudSelectItem Value="@((string)null)">(none)</MudSelectItem>
            @foreach (LanguageCodeViewModel culture in _availableCultures)
            {
                <MudSelectItem Value="@culture.ThreeLetterISOLanguageName">@culture.EnglishName</MudSelectItem>
            }
        </MudSelect>
    </MudStack>
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Preferred Audio Title</MudText>
        </div>
        <MudTextField @bind-Value="_model.PreferredAudioTitle" For="@(() => _model.PreferredAudioTitle)"/>
    </MudStack>
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Preferred Subtitle Language</MudText>
        </div>
        <MudSelect @bind-Value="_model.PreferredSubtitleLanguageCode"
                   For="@(() => _model.PreferredSubtitleLanguageCode)"
                   Clearable="true">
            <MudSelectItem Value="@((string)null)">(none)</MudSelectItem>
            @foreach (LanguageCodeViewModel culture in _availableCultures)
            {
                <MudSelectItem Value="@culture.ThreeLetterISOLanguageName">@culture.EnglishName</MudSelectItem>
            }
        </MudSelect>
    </MudStack>
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Subtitle Mode</MudText>
        </div>
        <MudSelect @bind-Value="_model.SubtitleMode" For="@(() => _model.SubtitleMode)">
            <MudSelectItem Value="@(ChannelSubtitleMode.None)">None</MudSelectItem>
            <MudSelectItem Value="@(ChannelSubtitleMode.Forced)">Forced</MudSelectItem>
            <MudSelectItem Value="@(ChannelSubtitleMode.Default)">Default</MudSelectItem>
            <MudSelectItem Value="@(ChannelSubtitleMode.Any)">Any</MudSelectItem>
        </MudSelect>
    </MudStack>
}
else
{
    <MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
        <div class="d-flex">
            <MudText>Stream Selector</MudText>
        </div>
        <MudSelect @bind-Value="_model.StreamSelector"
                   For="@(() => _model.StreamSelector)">
            <MudSelectItem T="string" Value="@((string)null)">(none)</MudSelectItem>
            @foreach (string selector in _streamSelectors)
            {
                <MudSelectItem T="string" Value="@selector">@selector</MudSelectItem>
            }
        </MudSelect>
    </MudStack>
}
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Music Video Credits Mode</MudText>
    </div>
    <MudSelect @bind-Value="_model.MusicVideoCreditsMode" For="@(() => _model.MusicVideoCreditsMode)">
        <MudSelectItem Value="@(ChannelMusicVideoCreditsMode.None)">None</MudSelectItem>
        <MudSelectItem Value="@(ChannelMusicVideoCreditsMode.GenerateSubtitles)">Generate Subtitles</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Music Video Credits Template</MudText>
    </div>
    <MudSelect @bind-Value="_model.MusicVideoCreditsTemplate"
               For="@(() => _model.MusicVideoCreditsTemplate)"
               Disabled="@(_model.MusicVideoCreditsMode != ChannelMusicVideoCreditsMode.GenerateSubtitles)">
        <MudSelectItem T="string" Value="@((string)null)">(none)</MudSelectItem>
        @foreach (string template in _musicVideoCreditsTemplates)
        {
            <MudSelectItem T="string" Value="@template">@template</MudSelectItem>
        }
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Song Video Mode</MudText>
    </div>
    <MudSelect @bind-Value="_model.SongVideoMode" For="@(() => _model.SongVideoMode)">
        <MudSelectItem Value="@(ChannelSongVideoMode.Default)">Default</MudSelectItem>
        <MudSelectItem Value="@(ChannelSongVideoMode.WithProgress)">With Progress</MudSelectItem>
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Logo</MudText>
    </div>
    <InputFile id="fileInput" OnChange="@UploadLogo" style="display: none;"/>
    <MudButton HtmlTag="label"
               Variant="Variant.Filled"
               Color="Color.Primary"
               StartIcon="@Icons.Material.Filled.CloudUpload"
               for="fileInput">
        Upload Logo
    </MudButton>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>External Logo URL</MudText>
    </div>
    <MudTextField @bind-Value="_model.ExternalLogoUrl" For="@(() => _model.ExternalLogoUrl)"/>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Logo Preview</MudText>
    </div>
    @if (!string.IsNullOrWhiteSpace(_model.Logo?.Path) || !string.IsNullOrWhiteSpace(_model.ExternalLogoUrl))
    {
        <MudElement HtmlTag="img" src="@(string.IsNullOrWhiteSpace(_model.ExternalLogoUrl) ? _model.Logo.UrlWithContentType : _model.ExternalLogoUrl)" Style="max-height: 50px"/>
    }
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Watermark</MudText>
    </div>
    <MudSelect @bind-Value="_model.WatermarkId" For="@(() => _model.WatermarkId)"
               Disabled="@(_model.StreamingMode == StreamingMode.HttpLiveStreamingDirect)"
               Clearable="true">
        <MudSelectItem T="int?" Value="@((int?)null)">(none)</MudSelectItem>
        @foreach (WatermarkViewModel watermark in _watermarks)
        {
            <MudSelectItem T="int?" Value="@watermark.Id">@watermark.Name</MudSelectItem>
        }
    </MudSelect>
</MudStack>
<MudStack Row="true" Breakpoint="Breakpoint.SmAndDown" Class="form-field-stack gap-md-8 mb-5">
    <div class="d-flex">
        <MudText>Fallback Filler</MudText>
    </div>
    <MudSelect @bind-Value="_model.FallbackFillerId" For="@(() => _model.FallbackFillerId)" Clearable="true">
        <MudSelectItem T="int?" Value="@((int?)null)">(none)</MudSelectItem>
        @foreach (FillerPresetViewModel fillerPreset in _fillerPresets)
        {
            <MudSelectItem T="int?" Value="@fillerPreset.Id">@fillerPreset.Name</MudSelectItem>
        }
    </MudSelect>
</MudStack>
</MudContainer>
</div>
</MudForm>

@code {
    private CancellationTokenSource _cts;

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

    private readonly ChannelEditViewModel _model = new();
    private readonly ChannelEditViewModelValidator _validator = new();
    private MudForm _form;

    private List<ChannelViewModel> _channels = [];
    private List<FFmpegProfileViewModel> _ffmpegProfiles = [];
    private List<LanguageCodeViewModel> _availableCultures = [];
    private List<WatermarkViewModel> _watermarks = [];
    private List<FillerPresetViewModel> _fillerPresets = [];
    private List<string> _musicVideoCreditsTemplates = [];
    private List<string> _streamSelectors = [];

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

    protected override async Task OnParametersSetAsync()
    {
        _cts?.Cancel();
        _cts?.Dispose();
        _cts = new CancellationTokenSource();
        var token = _cts.Token;

        try
        {
            var loadingTasks = new List<Task>
            {
                LoadDataAsync(() => Mediator.Send(new GetAllChannels(), token), r => _channels = r),
                LoadDataAsync(() => Mediator.Send(new GetAllFFmpegProfiles(), token), r => _ffmpegProfiles = r),
                LoadDataAsync(() => Mediator.Send(new GetAllLanguageCodes(), token), r => _availableCultures = r),
                LoadDataAsync(() => Mediator.Send(new GetAllWatermarks(), token), r => _watermarks = r),
                LoadDataAsync(() => Mediator.Send(new GetAllFillerPresets(), token)
                    .Map(list => list.Filter(vm => vm.FillerKind == FillerKind.Fallback).ToList()), r => _fillerPresets = r),
                LoadDataAsync(() => Mediator.Send(new GetMusicVideoCreditTemplates(), token), r => _musicVideoCreditsTemplates = r),
                LoadDataAsync(() => Mediator.Send(new GetChannelStreamSelectors(), token), r => _streamSelectors = r),
            };

            await Task.WhenAll(loadingTasks);

            if (Id.HasValue)
            {
                Option<ChannelViewModel> maybeChannel = await Mediator.Send(new GetChannelById(Id.Value), token);
                maybeChannel.Match(
                    channelViewModel =>
                    {
                        _model.Id = channelViewModel.Id;
                        _model.Name = channelViewModel.Name;
                        _model.Group = channelViewModel.Group;
                        _model.Categories = channelViewModel.Categories;
                        _model.Number = channelViewModel.Number;
                        _model.FFmpegProfileId = channelViewModel.FFmpegProfileId;
                        _model.SlugSeconds = channelViewModel.SlugSeconds;

                        if (channelViewModel.Logo.IsExternalUrl)
                        {
                            _model.ExternalLogoUrl = channelViewModel.Logo.Path;
                        }
                        else
                        {
                            _model.Logo = channelViewModel.Logo;
                        }

                        _model.PlayoutSource = channelViewModel.PlayoutSource;
                        _model.PlayoutMode = channelViewModel.PlayoutMode;
                        _model.MirrorSourceChannelId = channelViewModel.MirrorSourceChannelId;
                        _model.PlayoutOffset = channelViewModel.PlayoutOffset;
                        _model.StreamingMode = channelViewModel.StreamingMode;
                        _model.StreamSelectorMode = channelViewModel.StreamSelectorMode;
                        _model.StreamSelector = channelViewModel.StreamSelector;
                        _model.PreferredAudioLanguageCode = channelViewModel.PreferredAudioLanguageCode;
                        _model.PreferredAudioTitle = channelViewModel.PreferredAudioTitle;
                        _model.WatermarkId = channelViewModel.WatermarkId;
                        _model.FallbackFillerId = channelViewModel.FallbackFillerId;
                        _model.PreferredSubtitleLanguageCode = channelViewModel.PreferredSubtitleLanguageCode;
                        _model.SubtitleMode = channelViewModel.SubtitleMode;
                        _model.MusicVideoCreditsMode = channelViewModel.MusicVideoCreditsMode;
                        _model.MusicVideoCreditsTemplate = channelViewModel.MusicVideoCreditsTemplate;
                        _model.SongVideoMode = channelViewModel.SongVideoMode;
                        _model.TranscodeMode = channelViewModel.TranscodeMode;
                        _model.IdleBehavior = channelViewModel.IdleBehavior;
                        _model.IsEnabled = channelViewModel.IsEnabled;
                        _model.ShowInEpg = channelViewModel.ShowInEpg;
                    },
                    () => NavigationManager.NavigateTo("404"));
            }
            else
            {
                FFmpegSettingsViewModel ffmpegSettings = await Mediator.Send(new GetFFmpegSettings(), token);

                // TODO: command for new channel
                IEnumerable<int> channelNumbers = await Mediator.Send(new GetAllChannels(), token)
                    .Map(list => list.Map(c => int.TryParse(c.Number.Split(".").Head(), out int result) ? result : 0));
                int maxNumber = Optional(channelNumbers).Flatten().DefaultIfEmpty(0).Max();
                _model.Number = (maxNumber + 1).ToString();
                _model.Name = "New Channel";
                _model.Group = "ErsatzTV";
                _model.FFmpegProfileId = ffmpegSettings.DefaultFFmpegProfileId;
                _model.StreamingMode = StreamingMode.TransportStreamHybrid;
                _model.IsEnabled = true;
                _model.ShowInEpg = true;
            }
        }
        catch (OperationCanceledException)
        {
            // do nothing
        }
    }

    private async Task LoadDataAsync<T>(Func<Task<T>> fetch, Action<T> assign)
    {
        assign(await fetch());
    }

    private bool IsEdit => Id.HasValue;

    private async Task HandleSubmitAsync()
    {
        await _form.Validate();
        if (!_form.IsValid)
        {
            return;
        }

        try
        {
            var token = _cts?.Token ?? CancellationToken.None;

            ValidationResult result = await _validator.ValidateAsync(_model, token);
            if (result.IsValid)
            {
                Seq<BaseError> errorMessage = IsEdit
                    ? (await Mediator.Send(_model.ToUpdate(), token)).LeftToSeq()
                    : (await Mediator.Send(_model.ToCreate(), token)).LeftToSeq();

                errorMessage.HeadOrNone().Match(
                    error =>
                    {
                        Snackbar.Add(error.Value, Severity.Error);
                        Logger.LogError("Unexpected error saving channel: {Error}", error.Value);
                    },
                    () => NavigationManager.NavigateTo("channels"));
            }
        }
        catch (OperationCanceledException)
        {
            // do nothing
        }
    }

    private async Task UploadLogo(InputFileChangeEventArgs e)
    {
        try
        {
            var token = _cts?.Token ?? CancellationToken.None;

            Either<BaseError, string> maybeCacheFileName =
                await Mediator.Send(new SaveArtworkToDisk(e.File.OpenReadStream(10 * 1024 * 1024), ArtworkKind.Logo, e.File.ContentType), token);
            maybeCacheFileName.Match(
                relativeFileName =>
                {
                    _model.Logo = new ArtworkContentTypeModel($"iptv/logos/{relativeFileName}", e.File.ContentType);
                    _model.ExternalLogoUrl = null;
                    StateHasChanged();
                },
                error =>
                {
                    Snackbar.Add($"Unexpected error saving channel logo: {error.Value}", Severity.Error);
                    Logger.LogError("Unexpected error saving channel logo: {Error}", error.Value);
                });
        }
        catch (OperationCanceledException)
        {
            // do nothing
        }
        catch (IOException)
        {
            Snackbar.Add("Channel logo exceeds maximum allowed file size of 10 MB", Severity.Error);
            Logger.LogError("Channel logo exceeds maximum allowed file size of 10 MB");
        }
        catch (Exception ex)
        {
            Snackbar.Add($"Unexpected error saving channel logo: {ex.Message}", Severity.Error);
            Logger.LogError("Unexpected error saving channel logo: {Error}", ex.Message);
        }
    }

}