masoodafar-web
104e4df1a6
Build and Deploy to Kubernetes / build-and-deploy (push) Failing after 6m25s
146 lines
8.2 KiB
Plaintext
146 lines
8.2 KiB
Plaintext
@using CMSMicroservice.Protobuf.Protos.UserAddress
|
||
@attribute [Route(RouteConstants.DiscountStore.Checkout)]
|
||
|
||
<PageTitle>تسویه حساب فروشگاه اعتباری</PageTitle>
|
||
|
||
<MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
|
||
<PageHeader Title="تسویه حساب اعتباری" BackHref="@RouteConstants.DiscountStore.Cart" />
|
||
<MudGrid Spacing="3">
|
||
<!-- Left Column: Address + Payment Settings -->
|
||
<MudItem xs="12" md="8">
|
||
<!-- Address Selection -->
|
||
<MudPaper Elevation="2" Class="pa-4 rounded-lg mb-3">
|
||
<MudText Typo="Typo.h6" Class="mb-2">انتخاب آدرس</MudText>
|
||
|
||
@if (_loadingAddresses)
|
||
{
|
||
<MudStack AlignItems="AlignItems.Center" Class="py-4">
|
||
<MudProgressCircular Indeterminate="true" Color="Color.Primary" />
|
||
<MudText Class="mt-2 mud-text-secondary">در حال بارگذاری آدرسها...</MudText>
|
||
</MudStack>
|
||
}
|
||
else if (_addresses.Count == 0)
|
||
{
|
||
<MudAlert Severity="Severity.Warning">
|
||
هیچ آدرسی ثبت نشده است. لطفاً از بخش پروفایل آدرس خود را اضافه کنید.
|
||
</MudAlert>
|
||
<MudButton Class="mt-2" Variant="Variant.Outlined" Href="/profile/addresses">افزودن آدرس</MudButton>
|
||
}
|
||
else
|
||
{
|
||
<MudStack Spacing="1">
|
||
@foreach (var address in _addresses)
|
||
{
|
||
<MudPaper Outlined="@(_selectedAddress?.Id != address.Id)"
|
||
Elevation="@(_selectedAddress?.Id == address.Id ? 2 : 0)"
|
||
Class="pa-3 rounded-xl cursor-pointer"
|
||
Style="@(_selectedAddress?.Id == address.Id ? "border: 2px solid var(--mud-palette-primary);" : "")"
|
||
@onclick="() => _selectedAddress = address">
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||
<MudStack>
|
||
<MudText Typo="Typo.subtitle2">@address.Title</MudText>
|
||
<MudText Typo="Typo.body2" Class="mud-text-secondary">@address.Address</MudText>
|
||
</MudStack>
|
||
@if (address.IsDefault)
|
||
{
|
||
<MudChip T="string" Color="Color.Success" Variant="Variant.Outlined">پیشفرض</MudChip>
|
||
}
|
||
</MudStack>
|
||
</MudPaper>
|
||
}
|
||
</MudStack>
|
||
}
|
||
</MudPaper>
|
||
|
||
<!-- Notes -->
|
||
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
|
||
<MudText Typo="Typo.h6" Class="mb-2">توضیحات سفارش</MudText>
|
||
<MudTextField T="string" @bind-Value="_notes" Lines="3"
|
||
Placeholder="توضیحات اختیاری..."
|
||
Variant="Variant.Outlined" />
|
||
</MudPaper>
|
||
</MudItem>
|
||
|
||
<!-- Right Column: Order Summary -->
|
||
<MudItem xs="12" md="4">
|
||
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="position:sticky; top:80px;">
|
||
<MudText Typo="Typo.h6" Class="mb-2">خلاصه سفارش</MudText>
|
||
|
||
@if (DiscountCart.Items.Count == 0)
|
||
{
|
||
<MudAlert Severity="Severity.Info">سبد خرید شما خالی است.</MudAlert>
|
||
}
|
||
else
|
||
{
|
||
<MudList T="string" Dense="true">
|
||
@foreach (var item in DiscountCart.Items)
|
||
{
|
||
<MudListItem T="string">
|
||
<MudListItemText>
|
||
<MudStack Spacing="1">
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||
<AppImage Path="@GetImageUrl(item.ImageUrl)" Alt="@item.Title"
|
||
ImgWidth="40" ImgHeight="40" Class="rounded-lg" ObjectFit="ObjectFit.Cover" />
|
||
<MudText Typo="Typo.subtitle2" Style="flex:1; margin:0 8px;">@item.Title</MudText>
|
||
<MudText Typo="Typo.subtitle2">@FormatPrice(item.FinalPrice)</MudText>
|
||
</MudStack>
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||
<MudText Typo="Typo.caption" Class="mud-text-secondary">
|
||
@item.Quantity × @FormatPrice(item.UnitPrice)
|
||
</MudText>
|
||
@if (item.MaxDiscountPercent > 0)
|
||
{
|
||
<MudText Typo="Typo.caption" Color="Color.Error">@item.MaxDiscountPercent% تخفیف</MudText>
|
||
}
|
||
</MudStack>
|
||
</MudStack>
|
||
</MudListItemText>
|
||
</MudListItem>
|
||
}
|
||
</MudList>
|
||
|
||
<MudDivider Class="my-2" />
|
||
|
||
<MudStack Spacing="1">
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
||
<MudText Typo="Typo.body2">جمع کل:</MudText>
|
||
<MudText Typo="Typo.body2">@FormatPrice(DiscountCart.TotalPrice) تومان</MudText>
|
||
</MudStack>
|
||
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
||
<MudText Typo="Typo.body2" Color="Color.Success">تخفیف از کیف اعتباری:</MudText>
|
||
<MudText Typo="Typo.body2" Color="Color.Success">@FormatPrice(DiscountCart.TotalDiscount)- تومان</MudText>
|
||
</MudStack>
|
||
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
||
<MudText Typo="Typo.body2">مبلغ پس از تخفیف:</MudText>
|
||
<MudText Typo="Typo.body2">@FormatPrice(NetGatewayAmount) تومان</MudText>
|
||
</MudStack>
|
||
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
||
<MudText Typo="Typo.body2" Class="mud-text-secondary">مالیات بر ارزش افزوده (۱۰٪):</MudText>
|
||
<MudText Typo="Typo.body2" Class="mud-text-secondary">@FormatPrice(VatAmount)+ تومان</MudText>
|
||
</MudStack>
|
||
|
||
<MudDivider Class="my-1" />
|
||
|
||
<MudStack Row="true" Justify="Justify.SpaceBetween">
|
||
<MudText Typo="Typo.subtitle1" Class="fw-bold">مبلغ قابل پرداخت:</MudText>
|
||
<MudText Typo="Typo.subtitle1" Color="Color.Primary" Class="fw-bold">
|
||
@FormatPrice(FinalGatewayAmount) تومان
|
||
</MudText>
|
||
</MudStack>
|
||
</MudStack>
|
||
|
||
<MudButton Disabled="@(!CanPlaceOrder || _placing)" Class="mt-3 w-100-mobile"
|
||
Variant="Variant.Filled" Color="Color.Primary"
|
||
OnClick="PlaceOrder" FullWidth="true"
|
||
StartIcon="@Icons.Material.Filled.CheckCircle">
|
||
@(_placing ? "در حال ثبت سفارش..." : "ثبت و پرداخت سفارش")
|
||
</MudButton>
|
||
}
|
||
</MudPaper>
|
||
</MudItem>
|
||
</MudGrid>
|
||
</MudContainer>
|