u

2025-09-28 03:24:54 +03:30
parent 1b8a584435
commit d4b5a1352c
4 changed files with 620 additions and 0 deletions
--- a/src/FrontOffice.Main/Pages/Auth/Verify.razor
+++ b/src/FrontOffice.Main/Pages/Auth/Verify.razor
@@ -0,0 +1,84 @@
+@page "/auth/verify"
+
+<PageTitle>تأیید رمز پویا</PageTitle>
+
+<MudPaper Class="d-flex flex-column align-center justify-center min-vh-100 pa-4">
+    <MudCard Class="pa-6" Style="max-width:420px;width:100%;">
+        <MudCardContent>
+            <MudText Typo="Typo.h5" Class="mb-1" Align="Align.Center">تأیید رمز پویا</MudText>
+            @if (!string.IsNullOrWhiteSpace(_phoneNumber))
+            {
+                <MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسال‌شده به @_phoneNumber را وارد کنید.</MudText>
+            }
+            else
+            {
+                <MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسال‌شده را وارد کنید.</MudText>
+            }
+
+            <MudForm @ref="_form" Model="_model">
+                <MudTextField @bind-Value="_model.Code"
+                              For="@(() => _model.Code)"
+                              Label="رمز پویا"
+                              InputType="InputType.Text"
+                              Variant="Variant.Outlined"
+                              Immediate="true"
+                              Required="true"
+                              RequiredError="وارد کردن رمز پویا الزامی است."
+                              HelperText="کد ۵ یا ۶ رقمی"
+                              Class="mb-2"
+                              MaxLength="6" />
+
+                <MudText Typo="Typo.caption" Align="Align.Center" Class="mb-2">
+                    تلاش باقی‌مانده: @_attemptsLeft از @MaxVerificationAttempts
+                </MudText>
+
+                @if (!string.IsNullOrWhiteSpace(_errorMessage))
+                {
+                    <MudAlert Severity="Severity.Error" Dense="true" Elevation="0" Class="mb-2">@_errorMessage</MudAlert>
+                }
+
+                @if (!string.IsNullOrWhiteSpace(_infoMessage))
+                {
+                    <MudAlert Severity="Severity.Success" Dense="true" Elevation="0" Class="mb-2">@_infoMessage</MudAlert>
+                }
+
+                <MudStack Spacing="2" Class="mt-2">
+                    <MudButton Variant="Variant.Filled"
+                               Color="Color.Primary"
+                               OnClick="VerifyOtpAsync"
+                               Disabled="_isBusy || IsVerificationLocked"
+                               FullWidth="true">
+                        تأیید و ورود
+                    </MudButton>
+                    <MudButton Variant="Variant.Text"
+                               Color="Color.Secondary"
+                               Disabled="_isBusy"
+                               OnClick="ChangePhoneAsync">
+                        تغییر شماره
+                    </MudButton>
+                </MudStack>
+
+                <MudDivider Class="my-2" />
+
+                @if (_resendRemaining > 0)
+                {
+                    <MudText Typo="Typo.caption" Align="Align.Center">
+                        امکان ارسال مجدد تا @_resendRemaining ثانیه دیگر
+                    </MudText>
+                }
+                else
+                {
+                    <MudButton Variant="Variant.Text"
+                               Color="Color.Primary"
+                               Disabled="_isBusy"
+                               OnClick="ResendOtpAsync">
+                        ارسال مجدد رمز پویا
+                    </MudButton>
+                }
+            </MudForm>
+        </MudCardContent>
+    </MudCard>
+</MudPaper>
+
+
+