@page "/phone"
@inject UserAPIConsumer userAPIConsumer
@inject NavigationManager nav



<div class="flex flex-col w-full h-full p-20">
    <input @bind="phoneNumber" class="input input-primary" />
    <button @onclick="Submit" class="btn btn-primary">Submit</button>
    <p class="text-red-500">@error</p>
</div>

@code {

    string phoneNumber = "";

    string error = "";

    protected override async Task OnInitializedAsync()
    {

    }

    async Task Submit()
    {
        @* var updatePhoneNumber = new UpdatePhoneNumber() { PhoneNumber= phoneNumber}; *@
        var isSuccess = await userAPIConsumer.SendPhoneNumberToken(phoneNumber);
        if (isSuccess)
            nav.NavigateTo("/profile");
        else
            error = "Error updating Phone Number.";
    }
}