CaritasPWA/Pages/AccountPage.razor

@page "/account"
@page "/fundvelo/account/{FromRoute}"

@using cwebplusApp.Shared.Models;
@using cwebplusApp.Shared.Services;

@inject NavigationManager NavigationManager
@inject UserDataProvider UserDataProvider
@inject IStringLocalizer<Resources> i18n
@inject PageHistoryManager PageHistoryManager
@inject ReportDataProvider ReportDataProvider


<div class="row px-3 h-100">
    <div class="row no-gutters align-items-start w-100">
        <div class="row no-gutters align-items-center w-100" style="padding-top:2em">
            <div class="col-12">
                <MatSelect Class="w-100 required" Label="@i18n["Salutation"]" Outlined="true" @bind-Value="@Account.Salutation" Style="margin-bottom: 0.5rem" Required="true">
                    <MatOptionString Value="M">@i18n["Male"]</MatOptionString>
                    <MatOptionString Value="F">@i18n["Female"]</MatOptionString>
                </MatSelect>
            </div>
        </div>
        <div class="row no-gutters w-100">
            <div class="col-6" style="padding-right:0.5em">
                <MatStringField Class="w-100" Label="@i18n["Firstname"]" Outlined="true" type="text" @bind-Value="@Account.Firstname" Required="true"></MatStringField>
            </div>
            <div class="col-6" style="padding-left:0.5em">
                <MatStringField Class="w-100" Label="@i18n["Lastname"]" Outlined="true" type="text" @bind-Value="@Account.Lastname" Required="true"></MatStringField>
            </div>
        </div>
        <div class="row no-gutters align-items-center w-100">
            <div class="col-12">
                <MatStringField Class="w-100" Label="@i18n["Address"]" Outlined="true" type="text" @bind-Value="@Account.Address" Required="true"></MatStringField>
            </div>
        </div>
        <div class="row no-gutters align-items-center w-100">
            <div class="col-4" style="padding-right:0.5em">
                <MatStringField Class="w-100" Label="@i18n["Zip"]" Outlined="true" type="text" @bind-Value="@Account.Zip" Required="true"></MatStringField>
            </div>
            <div class="col-8" style="padding-left:0.5em">
                <MatStringField Class="w-100" Label="@i18n["City"]" Outlined="true" type="text" @bind-Value="@Account.City" Required="true"></MatStringField>
            </div>
        </div>
        <div class="row no-gutters align-items-center w-100">
            <div class="col-12">
                <MatStringField Class="w-100" Label="@i18n["Phone"]" Outlined="true" type="text" @bind-Value="@Account.Phone" Required="true"></MatStringField>
            </div>
        </div>
        <div class="row no-gutters align-items-center w-100">
            <div class="col-12">
                <MatStringField Class="w-100" Label="@i18n["Mail"]" Outlined="true" type="text" @bind-Value="@Account.Email"></MatStringField>
            </div>
        </div>
    </div>

    @if (!string.IsNullOrEmpty(FromRoute)) {
        <div class="row no-gutters justify-content-end w-100">
            <MatRipple class="inputfile-mat-ripple" Color="@MatRippleColor.Default" @onclick="SaveUserData" Style="background: lightgrey; width: 64px; height: 64px; border-radius: 32px; align-items: flex-end; justify-content: center; display: inline-flex;">
                <label>
                    <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="48px" viewBox="0 0 20 20" width="48px" fill="#000000">
                        <g><rect fill="none" height="20" width="20" /></g>
                        <g>
                            <g>
                                <path d="M8,8.5c0.83,0,1.5-0.67,1.5-1.5S8.83,5.5,8,5.5S6.5,6.17,6.5,7S7.17,8.5,8,8.5z M12.28,13.66 C10.98,12.9,9.5,12.5,8,12.5s-2.98,0.4-4.28,1.16c-0.14,0.08-0.22,0.25-0.22,0.42v0.41h9v-0.41 C12.5,13.91,12.41,13.74,12.28,13.66z" opacity=".3" />
                                <path d="M8,10c1.66,0,3-1.34,3-3S9.66,4,8,4S5,5.34,5,7S6.34,10,8,10z M8,5.5c0.83,0,1.5,0.67,1.5,1.5S8.83,8.5,8,8.5 S6.5,7.83,6.5,7S7.17,5.5,8,5.5z M13.03,12.37C11.56,11.5,9.84,11,8,11s-3.56,0.5-5.03,1.37C2.36,12.72,2,13.39,2,14.09V16h12 v-1.91C14,13.39,13.64,12.72,13.03,12.37z M12.5,14.5h-9v-0.41c0-0.18,0.09-0.34,0.22-0.42C5.02,12.9,6.5,12.5,8,12.5 s2.98,0.4,4.28,1.16c0.14,0.08,0.22,0.25,0.22,0.42V14.5z" />
                            </g>
                            <polygon points="18,7.75 16.25,7.75 16.25,6 14.75,6 14.75,7.75 13,7.75 13,9.25 14.75,9.25 14.75,11 16.25,11 16.25,9.25 18,9.25" />
                        </g>
                    </svg>
                </label>
            </MatRipple>
        </div>
        <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
            <div class="col" style="padding-right:0.5em">
                <MatButton Class="w-100" Outlined="true" @onclick="Cancel">@i18n["Cancel"]</MatButton>
            </div>
            <div class="col" style="padding-left:0.5em">
                <MatButton Class="w-100" Raised="true" @onclick="Next">@i18n["Send"]</MatButton>
            </div>
        </div>
    } else {
        <div class="row no-gutters align-items-end justify-content-center w-100" style="padding-bottom:2em">
            <MatButton Class="w-100" Raised="true" @onclick="SaveUserDataAndClose">@i18n["Save"]</MatButton>
        </div>
    }
</div>


@code {

    [Parameter]
    public string FromRoute { get; set; }

    private UserData Account = new();

    protected async override void OnInitialized() {
        base.OnInitialized();
        PageHistoryManager.OnBeforeNavigateBack = new EventCallback(this, (Action)OnBeforeNavigateBack);
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        Account = await GetUserData();
        if (!string.IsNullOrEmpty(FromRoute) && ReportDataProvider.Report != null) {
            UserDataProvider.mapUserData(Account, ReportDataProvider.Report);
        }
        StateHasChanged();
    }

    private void OnBeforeNavigateBack() {
        if (ReportDataProvider.Report != null) {
            UserDataProvider.mapReport(ReportDataProvider.Report, Account);
        }
    }

    private async Task SaveUserData() {
        await UserDataProvider.Save(Account);
    }

    private async void SaveUserDataAndClose() {
        await SaveUserData();
        NavigationManager.NavigateTo("caritas_services");
    }


    private async Task<UserData> GetUserData() {
        return await UserDataProvider.Get();
    }

    private void Next() {
        if ("Found".Equals(FromRoute)) {
            UserDataProvider.mapReport(ReportDataProvider.Report, Account);
            NavigationManager.NavigateTo("fundvelo/conclusion_found");
        } else {
            UserDataProvider.mapMissingReport(ReportDataProvider.GetMissingReport(), Account);
            NavigationManager.NavigateTo("fundvelo/conclusion_missing");
        }
    }

    private void Cancel() {
        NavigationManager.NavigateTo("caritas_services");
    }

}