@using SteUp.Shared.Components.Layout
@using SteUp.Shared.Components.Layout.Overlay
@using SteUp.Shared.Core.Dto
@using SteUp.Shared.Core.Interface.IntegryApi
@using SteUp.Shared.Core.Interface.System.Network
@inject INetworkService NetworkService
@inject IDialogService Dialog
@inject IIntegryApiService IntegryApiService

<MudDialog Class="customDialog-form">
    <DialogContent>
        <HeaderLayout Cancel="true" OnCancel="@(() => MudDialog.Cancel())" LabelSave="@LabelSave"
                      OnSave="Save" Title="Scheda"/>

        <div class="content">
            <div class="input-card">
                <div class="form-container">
                    <span class="disable-full-width">Reparto</span>

                    @if (SteupDataService.Reparti.IsNullOrEmpty())
                    {
                        <MudSkeleton/>
                    }
                    else
                    {
                        <MudSelectExtended ReadOnly="IsView" FullWidth="true" T="JtbFasiDto?" Variant="Variant.Text"
                                           @bind-Value="SchedaDto.Reparto" AdornmentIcon="@Icons.Material.Filled.Code"
                                           ToStringFunc="@(x => x?.Descrizione)"
                                           @bind-Value:after="OnAfterChangeValue" Class="customIcon-select">
                            @foreach (var fasi in SteupDataService.Reparti)
                            {
                                <MudSelectItemExtended Class="custom-item-select" Value="@fasi">
                                    @fasi.Descrizione
                                </MudSelectItemExtended>
                            }
                        </MudSelectExtended>
                    }
                </div>

                <div class="divider"></div>

                <div class="form-container">
                    <span class="disable-full-width">Motivo</span>

                    @if (SteupDataService.TipiAttività.IsNullOrEmpty())
                    {
                        <MudSkeleton/>
                    }
                    else
                    {
                        <MudSelectExtended ReadOnly="IsView" FullWidth="true" T="string?" Variant="Variant.Text"
                                           @bind-Value="SchedaDto.ActivityTypeId" Class="customIcon-select"
                                           AdornmentIcon="@Icons.Material.Filled.Code"
                                           @bind-Value:after="OnAfterChangeValue">
                            @foreach (var type in SteupDataService.TipiAttività)
                            {
                                <MudSelectItemExtended Class="custom-item-select"
                                                       Value="@type.ActivityTypeId">@type.ActivityTypeId</MudSelectItemExtended>
                            }
                        </MudSelectExtended>
                    }
                </div>
            </div>

            @* <div class="container-chip-attached"> *@
            @*     @if (!AttachedList.IsNullOrEmpty()) *@
            @*     { *@
            @*         foreach (var item in AttachedList!.Select((p, index) => new { p, index })) *@
            @*         { *@
            @*             if (item.p.Type == AttachedDTO.TypeAttached.Position) *@
            @*             { *@
            @*                 <MudChip T="string" Icon="@Icons.Material.Rounded.LocationOn" Color="Color.Success" *@
            @*                          OnClick="@(() => OpenPosition(item.p))" *@
            @*                          OnClose="@(() => OnRemoveAttached(item.index))"> *@
            @*                     @item.p.Description *@
            @*                 </MudChip> *@
            @*             } *@
            @*             else *@
            @*             { *@
            @*                 <MudChip T="string" Color="Color.Default" OnClick="@(() => OpenAttached(item.p))" *@
            @*                          OnClose="@(() => OnRemoveAttached(item.index))"> *@
            @*                     @item.p.Name *@
            @*                 </MudChip> *@
            @*             } *@
            @*         } *@
            @*     } *@
            @* *@
            @*     @if (!IsLoading) *@
            @*     { *@
            @*         if (ActivityFileList != null) *@
            @*         { *@
            @*             foreach (var file in ActivityFileList) *@
            @*             { *@
            @*                 <MudChip T="string" OnClick="@(() => OpenAttached(file.FileName))" *@
            @*                          OnClose="@(() => DeleteAttach(file))" Color="Color.Default"> *@
            @*                     @file.FileName *@
            @*                 </MudChip> *@
            @*             } *@
            @*         } *@
            @*     } *@
            @*     else *@
            @*     { *@
            @*         <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="my-7"/> *@
            @*     } *@
            @* </div> *@

            @if (!IsView)
            {
                <div class="container-button">
                    <MudButton Class="button-settings green-icon"
                               FullWidth="true"
                               StartIcon="@Icons.Material.Rounded.AttachFile"
                               Size="Size.Medium"
                               OnClick="@OpenAddAttached"
                               Variant="Variant.Outlined">
                        Aggiungi allegati
                    </MudButton>
                </div>
            }

            <div class="input-card">
                <div class="form-container">
                    <span class="disable-full-width">Scadenza</span>

                    <MudSelectExtended FullWidth="true" ReadOnly="@IsView" T="int" Variant="Variant.Text" 
                                       @bind-Value="@SchedaDto.Scadenza" @bind-Value:after="OnAfterChangeValue"
                                       Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                        <MudSelectItemExtended Class="custom-item-select" Text="24H" Value="24" />
                        <MudSelectItemExtended Class="custom-item-select" Text="1 Settimana" Value="168" />
                        <MudSelectItemExtended Class="custom-item-select" Text="1 Mese" Value="730" />
                        <MudSelectItemExtended Class="custom-item-select" Text="2 Mesi" Value="1460" />
                    </MudSelectExtended>
                </div>

                <div class="divider"></div>
                
                <MudTextField ReadOnly="IsView" T="string?" Placeholder="Responsabile" Variant="Variant.Text"
                              @bind-Value="SchedaDto.Responsabile" @bind-Value:after="OnAfterChangeValue"
                              DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue"/>

                <div class="divider"></div>

                <MudTextField ReadOnly="IsView" T="string?" Placeholder="Note" Variant="Variant.Text" Lines="3"
                              @bind-Value="SchedaDto.Note" @bind-Value:after="OnAfterChangeValue"
                              DebounceInterval="500" OnDebounceIntervalElapsed="OnAfterChangeValue"/>
            </div>

            <div class="container-button">
                <MudButton Class="button-settings blue-icon"
                           FullWidth="true"
                           StartIcon="@Icons.Material.Rounded.Description"
                           Size="Size.Medium"
                           OnClick="@SuggestActivityDescription"
                           Variant="Variant.Outlined">
                    Suggerisci note descrittive
                </MudButton>
            </div>
        </div>
    </DialogContent>
</MudDialog>

<SaveOverlay VisibleOverlay="VisibleOverlay" SuccessAnimation="SuccessAnimation"/>

@code {
    [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!;

    private SchedaDto SchedaDto { get; set; } = new();

    private bool IsNew { get; set; }
    private bool IsLoading { get; set; }
    private bool IsView => !NetworkService.ConnectionAvailable;

    //Overlay
    private bool VisibleOverlay { get; set; }
    private bool SuccessAnimation { get; set; }

    private string? LabelSave { get; set; }

    protected override async Task OnInitializedAsync()
    {
        Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopCenter;
    }

    private async Task Save()
    {
    }

    private async Task OpenAddAttached()
    {
        var result = await ModalHelper.OpenAddAttached(Dialog);

        // if (result is { Canceled: false, Data: not null } && result.Data.GetType() == typeof(AttachedDTO))
        // {
        //     var attached = (AttachedDTO)result.Data;
        //
        //     if (attached.Type == AttachedDTO.TypeAttached.Position)
        //         CanAddPosition = false;
        //
        //     AttachedList ??= [];
        //     AttachedList.Add(attached);
        // }
    }

    private void OnAfterChangeValue()
    {
        if (!IsNew)
            LabelSave = "Aggiorna";

        StateHasChanged();
    }

    private void SuggestActivityDescription()
    {
        if (SchedaDto.ActivityTypeId == null)
        {
            Snackbar.Add("Indicare prima il motivo", Severity.Error);
            return;
        }

        VisibleOverlay = true;
        StateHasChanged();

        _ = Task.Run(async () =>
        {
            var activityDescriptions = await IntegryApiService.SuggestActivityDescription(SchedaDto.ActivityTypeId);

            var modal = await ModalHelper.OpenSuggestActivityDescription(Dialog, activityDescriptions);

            if (modal is { Canceled: false, Data: not null })
                SchedaDto.Note = modal.Data!.ToString();

            VisibleOverlay = false;
            await InvokeAsync(StateHasChanged);
        });
    }

}