156 lines
11 KiB
Plaintext
156 lines
11 KiB
Plaintext
@attribute [Route(RouteConstants.Registration.Wizard)]
|
|
|
|
<PageTitle>ثبتنام سریع</PageTitle>
|
|
|
|
<section class="py-12 wizard-section">
|
|
<MudContainer MaxWidth="MaxWidth.Large" Class="px-1">
|
|
<MudGrid Spacing="4" Justify="Justify.Center">
|
|
<MudItem xs="12" md="5" Class="d-none d-sm-block">
|
|
<MudStack Spacing="2" Class="mb-6">
|
|
<MudChip T="string" Color="Color.Secondary" Variant="Variant.Filled" Class="mb-2">ثبتنام سه
|
|
مرحلهای</MudChip>
|
|
<MudText Typo="Typo.h3" Class="mb-2">
|
|
فقط در چند دقیقه حساب خود را فعال کنید
|
|
</MudText>
|
|
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
|
اطلاعات اولیه را وارد کنید، مشخصات هویتی را تکمیل کنید و بعد از مطالعه قوانین و دانلود قرارداد،
|
|
درخواست خود را ارسال کنید.
|
|
</MudText>
|
|
</MudStack>
|
|
|
|
<MudPaper Elevation="1" Class="pa-4 rounded-xl gradient-border">
|
|
<MudStack Spacing="2">
|
|
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1">
|
|
<MudIcon Icon="@Icons.Material.Filled.VerifiedUser" Color="Color.Primary" />
|
|
<MudText Typo="Typo.subtitle1">مزایای ثبتنام آنلاین</MudText>
|
|
</MudStack>
|
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
|
• تایید سریع و آنلاین شماره موبایل<br />
|
|
• تکمیل اطلاعات هویتی بدون مراجعه حضوری<br />
|
|
• دریافت نسخهی دیجیتال قرارداد برای بررسی دقیق
|
|
</MudText>
|
|
</MudStack>
|
|
</MudPaper>
|
|
</MudItem>
|
|
|
|
<MudItem xs="12" md="7">
|
|
<MudPaper Elevation="3" Class="pa-6 wizard-card">
|
|
@if (_completed)
|
|
{
|
|
<MudStack Spacing="3" AlignItems="AlignItems.Center" Class="text-center">
|
|
<MudAvatar Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Large" />
|
|
<MudText Typo="Typo.h4">درخواست شما ثبت شد</MudText>
|
|
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
|
تیم ما پس از بررسی اطلاعات با شما تماس خواهد گرفت. میتوانید از طریق داشبورد وضعیت ثبتنام
|
|
را دنبال کنید.
|
|
</MudText>
|
|
<MudStack Row="true" Spacing="2" Justify="Justify.Center">
|
|
<MudButton Variant="Variant.Filled" Color="Color.Primary"
|
|
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Main.MainPage))">بازگشت به صفحه
|
|
اصلی</MudButton>
|
|
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
|
|
OnClick="@(() => Navigation.NavigateTo(RouteConstants.Profile.Index))">مشاهده پروفایل
|
|
</MudButton>
|
|
</MudStack>
|
|
</MudStack>
|
|
}
|
|
else
|
|
{
|
|
<MudStack Spacing="3" >
|
|
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
|
<MudText Typo="Typo.h4">مراحل ثبتنام</MudText>
|
|
<MudChip T="string" Color="Color.Info" Variant="Variant.Outlined" Size="Size.Small">۳ مرحله
|
|
</MudChip>
|
|
</MudStack>
|
|
|
|
@if (_isSubmitting)
|
|
{
|
|
<MudProgressLinear Color="Color.Primary" Indeterminate="true" />
|
|
}
|
|
|
|
<MudStepper @bind-ActiveIndex="_activeStep" @ref="_mudStepper" Elevation="0" DisableClick="true" Class="mb-4 " id="registration-stepper">
|
|
<ChildContent>
|
|
<MudStep Label="تأیید موبایل" Icon="@Icons.Material.Filled.Smartphone">
|
|
@* Inline AuthDialog with captcha enabled *@
|
|
<AuthDialog @ref="_authDialog" InlineMode="true" HideCancelButton="true" OnLoginSuccess="@(async () => { OnPhoneVerified(); })" />
|
|
</MudStep>
|
|
|
|
<MudStep Label="اطلاعات هویتی" Icon="@Icons.Material.Filled.Badge">
|
|
<MudForm @ref="_stepTwoForm">
|
|
<MudTextField Label="نام" Variant="Variant.Outlined" Immediate="true"
|
|
@bind-Value="_model.FirstName" For="@(() => _model.FirstName)" />
|
|
<MudTextField Label="نام خانوادگی" Variant="Variant.Outlined" Immediate="true"
|
|
@bind-Value="_model.LastName" For="@(() => _model.LastName)" />
|
|
<MudTextField Label="کد ملی" Variant="Variant.Outlined" Immediate="true"
|
|
MaxLength="10" @bind-Value="_model.NationalCode"
|
|
For="@(() => _model.NationalCode)" InputType="InputType.Number" />
|
|
</MudForm>
|
|
</MudStep>
|
|
|
|
<MudStep Label="قوانین و قرارداد" Icon="@Icons.Material.Filled.Rule">
|
|
<MudForm @ref="_stepThreeForm">
|
|
<MudAlert Variant="Variant.Outlined" Severity="Severity.Info" Class="mb-3">
|
|
لطفاً قوانین و شرایط همکاری را با دقت مطالعه کنید و در صورت موافقت، تیک
|
|
تایید را فعال نمایید. همچنین میتوانید نسخهی قرارداد را دانلود و ذخیره
|
|
کنید.
|
|
</MudAlert>
|
|
<MudPaper Elevation="0" Class="terms-box pa-4 mb-3">
|
|
<MudText Typo="Typo.subtitle2" Class="mb-2">بخشی از قوانین:</MudText>
|
|
<MudList T="string" Dense="true">
|
|
<MudListItem T="string">استفاده از اطلاعات کاربری صرفاً برای ثبت نام و
|
|
احراز هویت مجاز است.</MudListItem>
|
|
<MudListItem T="string">تمامی فعالیتها مطابق قوانین جمهوری اسلامی ایران
|
|
انجام میشود.</MudListItem>
|
|
<MudListItem T="string">مسئولیت صحت اطلاعات وارد شده بر عهده متقاضی است.
|
|
</MudListItem>
|
|
</MudList>
|
|
</MudPaper>
|
|
|
|
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Class="mb-2">
|
|
<MudButton Variant="Variant.Outlined" Color="Color.Primary"
|
|
StartIcon="@Icons.Material.Filled.Download" Disabled="_isSubmitting"
|
|
OnClick="DownloadContract">
|
|
دانلود/پرینت قرارداد نمونه
|
|
</MudButton>
|
|
<MudText Typo="Typo.caption" Class="mud-text-secondary">فرمت: PDF</MudText>
|
|
</MudStack>
|
|
|
|
<MudCheckBox @bind-Checked="_model.AcceptTerms" Color="Color.Success"
|
|
For="@(() => _model.AcceptTerms)"
|
|
Label="قوانین و مقررات را مطالعه کردهام و میپذیرم" />
|
|
</MudForm>
|
|
</MudStep>
|
|
</ChildContent>
|
|
<ActionContent Context="stepper">
|
|
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
|
@if (_isAuthenticated && _activeStep == 1)
|
|
{
|
|
<MudButton Variant="Variant.Text" Color="Color.Secondary"
|
|
|
|
OnClick="@AuthService.LogoutAsync">خروج از حساب</MudButton>
|
|
}
|
|
else
|
|
{
|
|
|
|
<MudButton Variant="Variant.Text" Color="Color.Secondary"
|
|
Disabled="_activeStep == 0 || _isSubmitting"
|
|
OnClick="@(async () => { await GoBack(); })">مرحله قبل</MudButton>
|
|
}
|
|
<MudSpacer/>
|
|
<MudButton Variant="Variant.Filled" Color="Color.Primary"
|
|
Disabled="_isSubmitting"
|
|
OnClick="@(async () => { await GoNextAsync(); })">
|
|
@_nextButtonText
|
|
</MudButton>
|
|
</MudStack>
|
|
</ActionContent>
|
|
</MudStepper>
|
|
|
|
|
|
</MudStack>
|
|
}
|
|
</MudPaper>
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudContainer>
|
|
</section> |