TaskHybrid/salesbook.Shared/Components/SingleElements/Modal/ContactForm.razor

@using salesbook.Shared.Core.Dto
@using salesbook.Shared.Components.Layout
@using salesbook.Shared.Core.Interface
@using salesbook.Shared.Components.Layout.Overlay
@using salesbook.Shared.Core.Entity
@inject IManageDataService ManageData
@inject INetworkService NetworkService
@inject IIntegryApiService IntegryApiService
@inject IDialogService Dialog

<MudDialog Class="customDialog-form">
    <DialogContent>
        <HeaderLayout ShowProfile="false" Cancel="true" OnCancel="() => MudDialog.Cancel()" LabelSave="@LabelSave" OnSave="Save" Title="@(IsNew ? "Nuovo" : $"{ContactModel.CodContact}")"/>

        <div class="content">
            <div class="input-card">
                <MudTextField ReadOnly="IsView"
                              T="string?"
                              Placeholder="Azienda"
                              Variant="Variant.Text"
                              Lines="1"
                              @bind-Value="ContactModel.RagSoc"
                              @bind-Value:after="OnAfterChangeValue"
                              DebounceInterval="500"
                              OnDebounceIntervalElapsed="OnAfterChangeValue"/>
            </div>

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.PartIva"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

                <div class="form-container">
                    <span class="disable-full-width">Cod. Fiscale</span>

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.CodFisc"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
            </div>

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

                    @if (VtbTipi.IsNullOrEmpty())
                    {
                        <span class="warning-text">Nessun tipo cliente trovato</span>
                    }
                    else
                    {
                        <MudSelectExtended FullWidth="true" ReadOnly="@(IsView || VtbTipi.IsNullOrEmpty())" T="string?" Variant="Variant.Text" @bind-Value="ContactModel.CodVtip" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                            @foreach (var tipo in VtbTipi)
                            {
                                <MudSelectItemExtended Class="custom-item-select" Value="@tipo.CodVtip">@($"{tipo.CodVtip} - {tipo.Descrizione}")</MudSelectItemExtended>
                            }
                        </MudSelectExtended>
                    }
                </div>
            </div>

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  Lines="1"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  @bind-Value="ContactModel.Indirizzo"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.Cap"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.Citta"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.Prov"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.Nazione"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
            </div>

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.EMailPec"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.EMail"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>

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

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

                    <MudTextField ReadOnly="IsView"
                                  T="string?"
                                  Variant="Variant.Text"
                                  FullWidth="true"
                                  Class="customIcon-select"
                                  Lines="1"
                                  @bind-Value="ContactModel.Telefono"
                                  @bind-Value:after="OnAfterChangeValue"
                                  DebounceInterval="500"
                                  OnDebounceIntervalElapsed="OnAfterChangeValue"/>
                </div>
            </div>

            @if (IsNew)
            {
                <div class="container-chip-persrif">
                    @if (!PersRifList.IsNullOrEmpty())
                    {
                        foreach (var item in PersRifList!.Select((p, index) => new { p, index }))
                        {
                            <MudChip T="string" Color="Color.Default" OnClick="() => OpenPersRifForm(item.index, item.p)" OnClose="() => OnRemovePersRif(item.index)">
                                @item.p.PersonaRif
                            </MudChip>
                        }
                    }
                </div>

                <div class="container-button">
                    <MudButton Class="button-settings gray-icon"
                               FullWidth="true"
                               StartIcon="@Icons.Material.Filled.PersonAddAlt1"
                               Size="Size.Medium"
                               OnClick="NewPersRif"
                               Variant="Variant.Outlined">
                        Persona di riferimento
                    </MudButton>
                </div>
            }
        </div>
    </DialogContent>
</MudDialog>

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

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

    [Parameter] public ContactDTO? OriginalModel { get; set; }
    private ContactDTO ContactModel { get; set; } = new();

    private List<VtbTipi>? VtbTipi { get; set; }
    private List<PersRifDTO>? PersRifList { get; set; }

    private bool IsNew => OriginalModel is null;
    private bool IsView => !NetworkService.IsNetworkAvailable();

    private string? LabelSave { get; set; }

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

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

        await LoadData();

        LabelSave = IsNew ? "Aggiungi" : null;
    }

    private async Task Save()
    {
        VisibleOverlay = true;
        StateHasChanged();

        var requestDto = new CRMCreateContactRequestDTO
        {
            TipoAnag = ContactModel.IsContact ? "C" : "P",
            Cliente = ContactModel,
            PersRif = PersRifList
        };

        await IntegryApiService.SaveContact(requestDto);

        SuccessAnimation = true;
        StateHasChanged();

        await Task.Delay(1250);

        MudDialog.Close();
    }

    private async Task LoadData()
    {
        if (IsNew)
        {
            ContactModel.IsContact = false;
        }
        else
        {
            ContactModel = OriginalModel!.Clone();
        }

        VtbTipi = await ManageData.GetTable<VtbTipi>();
    }

    private void OnAfterChangeValue()
    {
        if (!IsNew)
        {
            LabelSave = !OriginalModel.Equals(ContactModel) ? "Aggiorna" : null;
        }
    }

    private Task NewPersRif() => OpenPersRifForm(null, null);

    private async Task OpenPersRifForm(int? index, PersRifDTO? persRif)
    {
        var result = await ModalHelpers.OpenPersRifForm(Dialog, persRif);

        if (result is { Canceled: false, Data: not null } && result.Data.GetType() == typeof(PersRifDTO))
        {
            if (index != null)
                OnRemovePersRif(index.Value);

            PersRifList ??= [];

            PersRifList.Add((PersRifDTO)result.Data);
        }
    }

    private void OnRemovePersRif(int index)
    {
        if (PersRifList is null || index < 0 || index >= PersRifList.Count)
            return;

        PersRifList.RemoveAt(index);
        StateHasChanged();
    }

}