@using Shared.DTOs
@page "/Verification/{ID:int}"
@inject HttpClient _hc
@inject NavigationManager nav
<PageTitle>احراز هویت</PageTitle>
<main>

    <!-- tp-banner-area-start -->
    <div class="signin-banner-area signin-banner-main-wrap d-flex align-items-center">
        <div class="signin-banner-left-box signin-banner-bg p-relative">
            <div class="signin-banner-bottom-shape">
                <img src="img/login/login-shape-1.png" alt="">
            </div>
            <div class="signin-banner-left-wrap">
                <div class="signin-banner-title-box mb-100">
                    <br />
                    <h4 class="signin-banner-title" style="color:black">
                        لطفا کد ارسالی را وارد نمایید
                    </h4>
                </div>
                <div class="signin-banner-img-box position-relative">
                    <div class="signin-banner-img signin-img-1 d-none d-md-block z-index-3">
                        <img src="img/login/login-2.png" alt="">
                    </div>
                    <div class="signin-banner-img signin-img-2 d-none d-md-block">
                        <img src="img/login/login-1.png" alt="">
                    </div>
                    <div class="signin-banner-img signin-img-3 d-none d-md-block z-index-5">
                        <img src="img/login/login-3.png" alt="">
                    </div>
                    <div class="signin-banner-img signin-img-4 d-none d-sm-block">
                        <img src="img/login/login-4.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="signin-banner-from d-flex justify-content-center align-items-center">
            <div class="signin-banner-from-wrap">
                <div class="signin-banner-title-box">
                    <h4 class="signin-banner-from-title">احراز هویت</h4>
                </div>

                <div class="signin-banner-from-box">

                  @*   <EditForm EditContext="editContext" OnValidSubmit="SubmitVerificationCode"> *@

                    <EditForm Model="VerificationCodeModel" OnSubmit="SubmitVerificationCode" FormName="VerificationCodeDto">


                        <div class="row">
                            <div class="col-12">
                                <div class="postbox__comment-input mb-30">
                                    <InputNumber @bind-Value="VerificationCodeModel.Code" id="Code" type="text" class="inputText" required="" />
                                    <span class="floating-label">کد تائید</span>
                                </div>
                            </div>
                            <div class="signin-banner-from-btn mb-20">
                                <button type="submit" class="signin-btn">احراز</button>
                            </div>
                        </div>
                   
                    </EditForm>
                    <div class="row">
                      

                        <label style="color:red">
                            @Error
                        </label>
                    </div>
                    <div class="signin-banner-from-register">
                        <NavLink href="Register">کد ارسال نشد؟ <span>ارسال مجدد</span></NavLink>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- tp-banner-area-end -->

</main>

@code {

   
    public string Error{ get; set; }
    [Parameter]
    public int ID { get; set; }

    [SupplyParameterFromForm]
    public VerificationCodeDto? VerificationCodeModel { get; set; } = new VerificationCodeDto();

   
    protected override async Task OnParametersSetAsync()
    {
        var request = await _hc.GetAsync($"Verification/GetVerification/{ID}");
        if (request.IsSuccessStatusCode)
        {

            VerificationCodeModel = await request.Content.ReadFromJsonAsync<VerificationCodeDto>();
        }
        else
        {
            nav.NavigateTo($"/");
        }

        await base.OnParametersSetAsync();
    }
}
    @functions {

    private async Task SubmitVerificationCode()
    {
        Error = "";
        if (VerificationCodeModel.Code < 1000 || VerificationCodeModel.Code > 9000)
        {
            Error = "کد احراز صحیح نمی باشد";
        }
        else
        {
            var request = await _hc.PostAsJsonAsync($"Verification/Submit", VerificationCodeModel);
            if (request.IsSuccessStatusCode)
            {
                var status = await request.Content.ReadFromJsonAsync<bool>();
                if (status)
                {

                }
                else
                {
                    Error = "خطای سیستمی رخ داده";
                }

            }
            else
            {
                Error = await request.Content.ReadFromJsonAsync<string>();
            }
        }
        
    }
}