@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-left-wrap">
                <div class="pt-20 pb-20">
                    <div class="signin-banner-title-box">
                        <h4>
                            برای ادامه نیاز است هویت شما تائید شود
                        </h4>
                        <h6 style="color:red;">
                            کد ارسالی را وارد نمایید
                        </h6>
                    </div>
                </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 Model="Code" OnSubmit="Submit">
                        <div class="row">
                            <div class="col-12">
                                <div class="postbox__comment-input mb-30">
                                    <InputNumber @bind-Value="Code" id="Code" type="text" class="form-control text-center" 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="signin-banner-from-register">
                        <NavLink href="Register">کد ارسال نشد؟ <span>ارسال مجدد</span></NavLink>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- tp-banner-area-end -->

</main>

@code {
    [Parameter]
    public int ID { get; set; }

	[SupplyParameterFromForm]
	public int Code { get; set; }

	public VerificationCodeDto Model { get; set; }
    protected override async Task OnParametersSetAsync()
    {
        var request = await _hc.GetAsync($"Verification/GetVerification/{ID}");
        if (request.IsSuccessStatusCode)
        {
   
            Model = await request.Content.ReadFromJsonAsync<VerificationCodeDto>();
          //  nav.NavigateTo($"Verification/{res}");
        }
        else
        {
            nav.NavigateTo($"/");
        }

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

	private void Submit()
	{
		
	}
}
<script src="~/js/vendor/jquery-3.2.1.min.js"></script>
<script src="~/js/vendor/animsition.min.js"></script>
<script src="~/js/vendor/popper.js"></script>
<script src="~/js/vendor/bootstrap.min.js"></script>
<script src="~/js/vendor/select2.min.js"></script>
<script src="~/js/vendor/moment.min.js"></script>
<script src="~/js/vendor/daterangepicker.js"></script>
<script src="~/js/vendor/countdowntime.js"></script>
<script src="~/js/vendor/main.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag() { dataLayer.push(arguments); }
	gtag('js', new Date());

	gtag('config', 'UA-23581568-13');
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317" integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA==" data-cf-beacon='{"rayId":"846c94483adc6ae1","version":"2023.10.0","token":"cd0b4b3a733644fc843ef0b185f98241"}' crossorigin="anonymous"></script>