TaskHybrid/Template.Shared/Components/Pages/ActivityForm.razor

@page "/activity"
@page "/activity/{Id}"
@using Template.Shared.Core.Dto
@using Template.Shared.Components.Layout
@using Template.Shared.Core.Interface
@inject NavigationManager NavigationManager
@inject IManageDataService manageData

<HeaderLayout Cancel="true" LabelSave="@LabelSave" ShowNotifications="false" Title="@(IsNew ? "Nuova" : $"{ActivityModel.ActivityId}")"/>

<div class="content">
    <div class="input-card">
        <MudTextField T="string?" Placeholder="Descrizione" Variant="Variant.Text" Lines="3" @bind-Value="ActivityModel.ActivityDescription" @bind-Value:after="OnAfterChangeValue"/>
    </div>

    <div class="input-card">
        <div class="form-container">
            <MudInput T="string?" Placeholder="Cliente" @bind-Value="ActivityModel.Cliente" @bind-Value:after="OnAfterChangeValue"/>
        </div>

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

        <div class="form-container">
            <MudInput T="string?" Placeholder="Commessa" @bind-Value="ActivityModel.Commessa" @bind-Value:after="OnAfterChangeValue"/>
        </div>
    </div>

    <div class="input-card">
        <div class="form-container">
            <span>Inizio</span>

            <MudTextField T="DateTime?" Format="yyyy-MM-ddTHH:mm" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedTime" @bind-Value:after="OnAfterChangeValue"/>
        </div>

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

        <div class="form-container">
            <span>Fine</span>

            <MudTextField T="DateTime?" Format="yyyy-MM-ddTHH:mm" InputType="InputType.DateTimeLocal" @bind-Value="ActivityModel.EstimatedEndtime" @bind-Value:after="OnAfterChangeValue"/>
        </div>

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

        <div class="form-container">
            <span>Avviso</span>

            <MudSwitch T="bool" Disabled="true" Color="Color.Primary"/>
        </div>
    </div>

    <div class="input-card">
        <div class="form-container text-align-end">
            <span>Assegnata a</span>

            <MudInput T="string" Placeholder="Nessuno" @bind-Value="ActivityModel.UserName" @bind-Value:after="OnAfterChangeValue"/>
        </div>

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

        <div class="form-container">
            <span>Tipo</span>

            <MudSelect T="string?" Variant="Variant.Text" @bind-Value="ActivityModel.ActivityTypeId" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                @foreach (var state in ActivityResult)
                {
                    <MudSelectItem Value="@state">@state</MudSelectItem>
                }
            </MudSelect>
        </div>

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

        <div class="form-container">
            <span>Esito</span>

            <MudSelect T="string?" Variant="Variant.Text" @bind-Value="ActivityModel.ActivityResultId" @bind-Value:after="OnAfterChangeValue" Class="customIcon-select" AdornmentIcon="@Icons.Material.Filled.Code">
                @foreach (var state in ActivityResult)
                {
                    <MudSelectItem Value="@state">@state</MudSelectItem>
                }
            </MudSelect>
        </div>
    </div>
    
    <div class="input-card">
        <MudTextField T="string?" Placeholder="Note" Variant="Variant.Text" Lines="4" @bind-Value="ActivityModel.Note" @bind-Value:after="OnAfterChangeValue" />
    </div>

    <MudOverlay @bind-Visible="_selectEstimatedTime" DarkBackground="true" AutoClose="true">
        <MudDatePicker @bind-Date:after="CloseDatePicker" @bind-Date="ActivityModel.EstimatedTime" PickerVariant="PickerVariant.Static"/>
    </MudOverlay>

    <MudOverlay @bind-Visible="_selectEstimatedEndTime" DarkBackground="true" AutoClose="true">
        <MudDatePicker @bind-Date:after="CloseDatePicker" @bind-Date="ActivityModel.EstimatedEndtime" PickerVariant="PickerVariant.Static"/>
    </MudOverlay>
</div>

@code {
    [Parameter] public string? Id { get; set; }

    private ActivityDTO OriginalModel { get; set; } = new();
    private ActivityDTO ActivityModel { get; set; } = new();
    private List<ActivityResultDTO> ActivityResult { get; set; } = [];

    private bool IsNew => Id.IsNullOrEmpty();
    private bool _selectEstimatedTime;
    private bool _selectEstimatedEndTime;

    private string? LabelSave { get; set; }

    protected override async Task OnInitializedAsync()
    {
        LabelSave = IsNew ? "Aggiungi" : null;

        if (!Id.IsNullOrEmpty())
            ActivityModel = (await manageData.GetActivity(x => x.ActivityId.Equals(Id))).Last();

        if (IsNew)
        {
            ActivityModel.EstimatedTime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour));
            ActivityModel.EstimatedEndtime = DateTime.Today.Add(TimeSpan.FromHours(DateTime.Now.Hour) + TimeSpan.FromHours(1));
        }

        OriginalModel = ActivityModel.Clone();
    }

    private async Task HandleValidSubmit()
    {
        // Salva su database (qui simulato)
        await Task.Delay(200);
        NavigationManager.NavigateTo("/attivita");
    }

    private void Annulla()
    {
        NavigationManager.NavigateTo("/attivita");
    }

    private void OnAfterChangeValue()
    {
        if (OriginalModel.Equals(ActivityModel))
            LabelSave = "Aggiorna";

        StateHasChanged();
    }

    private async Task CloseDatePicker()
    {
        await Task.Delay(150);

        _selectEstimatedTime = false;
        _selectEstimatedEndTime = false;
        StateHasChanged();
    }

}