masoodafar-web
ef6d233bbc
Build and Deploy to Kubernetes / build-and-deploy (push) Failing after 2m45s
- Removed the address selection UI and related logic from the Checkout page to streamline the user experience. - Updated the payment validation to only require package selection, enhancing clarity for users. - Adjusted the loading of addresses in related components based on user authentication status, ensuring addresses are only loaded when available. These changes improve the overall usability of the checkout process by focusing on essential selections and reducing unnecessary complexity.
179 lines
9.7 KiB
Plaintext
179 lines
9.7 KiB
Plaintext
@attribute [Route(RouteConstants.Checkout.Index + "/{PackageId:long}")]
|
|
@inject NavigationManager Navigation
|
|
@inject ISnackbar Snackbar
|
|
|
|
<PageTitle>تکمیل خرید</PageTitle>
|
|
|
|
<MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
|
|
<PageHeader Title="تکمیل خرید" BackHref="@RouteConstants.Package.List" />
|
|
<MudGrid Spacing="4">
|
|
<!-- Header -->
|
|
<MudItem xs="12">
|
|
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
|
|
<MudStack Spacing="3">
|
|
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3">
|
|
<MudIcon Icon="@Icons.Material.Filled.ShoppingCart" Size="Size.Large" Color="Color.Primary" />
|
|
<div>
|
|
<MudText Typo="Typo.h4">تکمیل خرید</MudText>
|
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">مرحله نهایی خرید پکیج</MudText>
|
|
</div>
|
|
</MudStack>
|
|
</MudStack>
|
|
</MudPaper>
|
|
</MudItem>
|
|
<MudItem xs="12" md="8">
|
|
<MudStack>
|
|
<!-- Package Details -->
|
|
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
|
|
<MudText Typo="Typo.h5" Class="mb-4">جزئیات پکیج</MudText>
|
|
|
|
@* ── G2: توضیح خرید پکیج (Q28) ── *@
|
|
<MudAlert Severity="Severity.Info" Variant="Variant.Text" Dense="true" Class="mb-3">
|
|
با خرید این پکیج، سقف پاداش هفتگی، ضریب کیف‌پول جادویی و دسترسی به فیچرهای اختصاصی برای شما فعال می‌شود.
|
|
</MudAlert>
|
|
|
|
@if (_selectedPackage != null)
|
|
{
|
|
<MudCard>
|
|
<MudCardContent>
|
|
<MudGrid Spacing="3">
|
|
<MudItem xs="12" md="4">
|
|
<MudPaper Class="pa-2 rounded-xl" Style="background: radial-gradient(600px 280px at 120% 0, #daccff 0, transparent 60%), radial-gradient(600px 280px at -10% 100%, #ffe2f2 0, transparent 60%), linear-gradient(180deg, #fff, #fbfaff);">
|
|
<AppImage Path="@_selectedPackage.Image"
|
|
Alt="@_selectedPackage.Title"
|
|
ImgHeight="150"
|
|
ObjectFit="ObjectFit.Cover"
|
|
ObjectPosition="ObjectPosition.Center"
|
|
Style="width:100%"
|
|
Class="rounded-xl" />
|
|
</MudPaper>
|
|
</MudItem>
|
|
<MudItem xs="12" md="8">
|
|
<MudText Typo="Typo.h5" Class="mb-2">@_selectedPackage.Title</MudText>
|
|
@((MarkupString)_selectedPackage.Body)
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudCardContent>
|
|
</MudCard>
|
|
}
|
|
else
|
|
{
|
|
<MudStack AlignItems="AlignItems.Center" Class="py-8">
|
|
<MudIcon Icon="@Icons.Material.Filled.Warning" Size="Size.Large" Color="Color.Warning" />
|
|
<MudText Typo="Typo.body1" Class="mud-text-secondary mt-2">پکیجی انتخاب نشده است.</MudText>
|
|
<MudButton Variant="Variant.Outlined"
|
|
Color="Color.Primary"
|
|
StartIcon="@Icons.Material.Filled.ArrowBack"
|
|
OnClick="() => Navigation.NavigateTo(RouteConstants.Main.MainPage)"
|
|
Class="mt-2">
|
|
بازگشت به صفحه اصلی
|
|
</MudButton>
|
|
</MudStack>
|
|
}
|
|
</MudPaper>
|
|
</MudStack>
|
|
</MudItem>
|
|
|
|
|
|
|
|
|
|
<!-- Order Summary -->
|
|
<MudItem xs="12" md="4">
|
|
<MudStack Spacing="4">
|
|
<!-- Discount Code Section -->
|
|
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
|
|
<MudText Typo="Typo.h5" Class="mb-4">کد تخفیف</MudText>
|
|
<MudStack Spacing="3">
|
|
<MudTextField @bind-Value="_discountCode"
|
|
Label="کد تخفیف"
|
|
Variant="Variant.Outlined"
|
|
Class="flex-grow-1"
|
|
Placeholder="کد تخفیف خود را وارد کنید" />
|
|
|
|
<MudButton Variant="Variant.Filled"
|
|
Color="Color.Secondary"
|
|
OnClick="ApplyDiscountCode"
|
|
Disabled="_isApplyingDiscount">
|
|
اعمال
|
|
</MudButton>
|
|
@if (!string.IsNullOrWhiteSpace(_discountMessage))
|
|
{
|
|
<MudText Typo="Typo.caption" Color="@(_discountApplied ? Color.Success : Color.Error)" Class="mt-2">
|
|
@(_discountMessage)
|
|
</MudText>
|
|
}
|
|
</MudStack>
|
|
</MudPaper>
|
|
|
|
<!-- Order Summary -->
|
|
@if (_selectedPackage != null)
|
|
{
|
|
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
|
|
<MudText Typo="Typo.h5" Class="mb-4">خلاصه سفارش</MudText>
|
|
|
|
<MudStack Spacing="3">
|
|
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
|
<MudText Typo="Typo.body1">@(_selectedPackage.Title)</MudText>
|
|
<MudText Typo="Typo.body1">@(_selectedPackage.Price.ToThousands().ToCurrencyUnitIRT())</MudText>
|
|
</MudStack>
|
|
|
|
@if (_discountApplied && _discountAmount > 0)
|
|
{
|
|
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
|
<MudText Typo="Typo.body2" Color="Color.Success">تخفیف (@(_discountCode))</MudText>
|
|
<MudText Typo="Typo.body2" Color="Color.Success">-@(_discountAmount.ToThousands().ToCurrencyUnitIRT())</MudText>
|
|
</MudStack>
|
|
}
|
|
|
|
<MudDivider />
|
|
|
|
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
|
<MudText Typo="Typo.h6">مجموع</MudText>
|
|
<MudText Typo="Typo.h6" Color="Color.Primary">@(_finalPrice.ToThousands().ToCurrencyUnitIRT())</MudText>
|
|
</MudStack>
|
|
|
|
<MudButton Variant="Variant.Filled"
|
|
Color="Color.Success"
|
|
Size="Size.Large"
|
|
FullWidth="true"
|
|
StartIcon="@Icons.Material.Filled.Payment"
|
|
OnClick="ProcessPayment"
|
|
Disabled="@(!CanProceedToPayment || _isProcessingPayment || !_selectedPackage.SupportsDirectPurchase)"
|
|
Class="mt-2">
|
|
@(_isProcessingPayment ? "در حال پردازش..." : "پرداخت آنلاین")
|
|
</MudButton>
|
|
|
|
@if (_selectedPackage.SupportsDayaPurchase)
|
|
{
|
|
<MudButton Variant="Variant.Filled"
|
|
Color="Color.Tertiary"
|
|
Size="Size.Large"
|
|
FullWidth="true"
|
|
StartIcon="@Icons.Material.Filled.Diamond"
|
|
OnClick="DayaLoanPayment"
|
|
Disabled="@(!CanProceedToPayment)"
|
|
Class="mt-2">
|
|
تأمین اعتبار الماسی دایا
|
|
</MudButton>
|
|
}
|
|
|
|
@if (!_selectedPackage.SupportsDirectPurchase && !_selectedPackage.SupportsDayaPurchase)
|
|
{
|
|
<MudAlert Severity="Severity.Warning" Dense="true" Class="mt-2">
|
|
این پکیج در حال حاضر قابل خرید نیست.
|
|
</MudAlert>
|
|
}
|
|
|
|
@if (!CanProceedToPayment)
|
|
{
|
|
<MudText Typo="Typo.caption" Color="Color.Error" Align="Align.Center">
|
|
لطفاً پکیج را انتخاب کنید.
|
|
</MudText>
|
|
}
|
|
</MudStack>
|
|
</MudPaper>
|
|
}
|
|
</MudStack>
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudContainer> |