@using Shared.DTOs
@page "/Verification/{ID:int}"

<main>
	<div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100 p-t-50 p-b-90">
				<form method="post" class="login100-form validate-form flex-sb flex-w">
					<input type="hidden" asp-for="Code" />
					<input type="hidden" asp-for="Type" />
					<span class="login100-form-title p-b-51" id="sty1">
						احراز هویت
					</span>
				@* 	<div class="container-login100-form-btn m-t-17">
						<h5 class="success">کد ارسال شده به شماره @Model.Mobile</h5>
					</div> *@

					<EditForm Model="Code" OnSubmit="Submit">
                        <DataAnnotationsValidator />
						<div class="postbox__comment-input mb-30">
							<InputNumber @bind-Value="Code" id="cn" type="text" class="inputText" required="" />
							<span class="floating-label">کد تائید</span>
						</div>
						</EditForm>

@* 
					<div class="container-login100-form-btn m-t-17">
						<div class="wrap-input100 validate-input m-b-16" id="sty1" data-validate="کد الزامی می باشد">
							<input asp-for=VerificationCode id="sty1" class="input100" type="text" name="VerificationCode" placeholder="کد تائید">
							<span class="focus-input100"></span>
						</div>
						<span class="error" asp-validation-for="VerificationCode"></span>
					</div> *@
					@* <a href="/ResendMsg/?type=@Model.Type&Code=@Model.Code&Mobile=@Model.Mobile" class="txt1">
						ارسال مجدد
					</a> *@
					<div class="container-login100-form-btn m-t-17">
						<button class="login100-form-btn" id="sty1">
							احراز
						</button>
					</div>
					<div class="container-login100-form-btn m-t-17">
						<div class="col-md-6">
							<a href="/login" class="txt1">
								ورود به حساب کاربری
							</a>
						</div>
						<div class="col-md-6">
							<a href="/Register" class="txt1">
								ثبت نام
							</a>
						</div>
					</div>

				</form>
			</div>
		</div>
	</div>
	<div id="dropDownSelect1"></div>
	
</main>

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

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

	public VerificationCodeDto Model { get; set; }
    protected override async Task OnParametersSetAsync()
    {
        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>