@attribute [Route(RouteConstants.Gateway.StoreChooser)]

<PageTitle>فروشگاه‌ها</PageTitle>

<MudContainer MaxWidth="MaxWidth.Medium" Class="py-6 py-md-10">
    <PageHeader Title="انتخاب فروشگاه" BackHref="@RouteConstants.Profile.Index" />
    <MudStack AlignItems="AlignItems.Center" Spacing="4">
        <MudText Typo="Typo.body1" Align="Align.Center" Class="mud-text-secondary" Style="max-width:500px;">
            برای خرید، یکی از فروشگاه‌ها را انتخاب کنید. هر فروشگاه سبد خرید و سفارشات مجزای خود را دارد.
        </MudText>

        <MudGrid Spacing="4" Justify="Justify.Center" Class="mt-4">
            <!-- Regular Store -->
            <MudItem xs="12" sm="6">
                <MudLink Href="@RouteConstants.Store.Products" Underline="Underline.None" Class="store-chooser-link">
                    <MudPaper Elevation="2" Class="pa-6 rounded-xl text-center store-chooser-card store-chooser-regular">
                        <MudAvatar Size="Size.Large" Class="mx-auto mb-3 gateway-avatar-store">
                            <MudIcon Icon="@Icons.Material.Filled.Storefront" Size="Size.Large" Class="text-brand-store" />
                        </MudAvatar>
                        <MudText Typo="Typo.h5" Class="fw-bold">فروشگاه</MudText>
                        <MudText Typo="Typo.body2" Class="mud-text-secondary mt-2">
                            خرید محصولات با پرداخت از کیف پول اعتباری
                        </MudText>
                        @if (_cartCount > 0)
                        {
                            <MudChip T="string" Color="Color.Success" Variant="Variant.Filled" Size="Size.Small" Class="mt-3">
                                @_cartCount محصول در سبد خرید
                            </MudChip>
                        }
                    </MudPaper>
                </MudLink>
            </MudItem>

            <!-- Discount Store -->
            <MudItem xs="12" sm="6">
                <MudLink Href="@RouteConstants.DiscountStore.Products" Underline="Underline.None" Class="store-chooser-link">
                    <MudPaper Elevation="2" Class="pa-6 rounded-xl text-center store-chooser-card store-chooser-discount">
                        <MudAvatar Size="Size.Large" Class="mx-auto mb-3 gateway-avatar-discount">
                            <MudIcon Icon="@Icons.Material.Filled.Loyalty" Size="Size.Large" Class="text-brand-discount" />
                        </MudAvatar>
                        <MudText Typo="Typo.h5" Class="fw-bold">فروشگاه اعتباری</MudText>
                        <MudText Typo="Typo.body2" Class="mud-text-secondary mt-2">
                            خرید با استفاده از موجودی کیف اعتباری + درگاه پرداخت
                        </MudText>
                        @if (_discountCartCount > 0)
                        {
                            <MudChip T="string" Color="Color.Error" Variant="Variant.Filled" Size="Size.Small" Class="mt-3">
                                @_discountCartCount محصول در سبد خرید
                            </MudChip>
                        }
                    </MudPaper>
                </MudLink>
            </MudItem>
        </MudGrid>
    </MudStack>
</MudContainer>