@using AyCode.Core.Consts
@using TIAM.Core.Consts
@using TIAMWebApp.Shared.Application.Models.PageModels;
<EditForm Model="@LoginModel" OnValidSubmit="GoToNextStep">
    @* <DataAnnotationsValidator /> *@


    <div class="form-field d-flex align-items-center">


        <DxMaskedInput @bind-Value="@LoginModel.Email"
                       Id="Email"
                       CssClass="cw-320"
                       Mask="@EmailMask"
                       MaskMode="MaskMode.RegEx">
            <DxRegExMaskProperties MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
                                   Placeholder="Placeholder"
                                   PlaceholdersVisible="PlaceholderVisible" />
        </DxMaskedInput>


    </div>
    <ValidationMessage For="@(() => LoginModel.Email)" />

    <button class="btn btn-primary mt-3" type="submit">
        <span class="@spinnerClass"></span>
        Next
    </button>

</EditForm>



@code {
    [Parameter]
    public LoginModel LoginModel { get; set; }

    //[Parameter]
    //public string Email { get; set; }

    [Parameter]
    public EventCallback<string> onLoginNext { get; set; }

    [Parameter]
    public EventCallback<LoginModel> LoginModelChanged { get; set; }

    IEnumerable<char> PredefinedPlaceholders { get; set; } = new List<char>() { '_', '#' };

    string EmailMask { get; set; } = AcRegExpression.EmailMask;
    MaskAutoCompleteMode AutoCompleteMode { get; set; } = MaskAutoCompleteMode.Strong;
    char Placeholder { get; set; } = '_';
    bool PlaceholderVisible { get; set; } = false;

    private string spinnerClass = "";

    private async Task GoToNextStep()
    {
        spinnerClass = "spinner-border spinner-border-sm";
        await Task.Delay(500);
        spinnerClass = "";
        await LoginModelChanged.InvokeAsync(LoginModel);
        await onLoginNext.InvokeAsync();
    }

}