feat: Add Licenses page + SitePageSettingsService

- SitePageSettingsService: new gRPC client for simplified page settings - Licenses.razor: new page showing license certificates from CMS - RouteConstants: added Licenses route - Footer + MainLayout: added Licenses navigation link - Proto NuGet updated to 0.0.180
2026-02-17 22:35:20 +03:30
parent 183ce0a2e5
commit bba9c1d1d8
8 changed files with 270 additions and 1 deletions
@@ -0,0 +1,99 @@
+@attribute [Route(RouteConstants.Licenses.Index)]
+@inject SitePageSettingsService PageSettingsService
+
+<PageTitle>مجوزها و گواهینامه‌ها | کارا بازار سلامت</PageTitle>
+
+@if (_loading)
+{
+    <MudContainer MaxWidth="MaxWidth.Large" Class="py-16">
+        <LoadingState />
+    </MudContainer>
+}
+else
+{
+    <!-- Hero Section -->
+    <section class="licenses-hero-section py-16">
+        <MudContainer MaxWidth="MaxWidth.Large">
+            <MudStack Spacing="3" AlignItems="AlignItems.Center" Class="text-center">
+                <MudChip T="string" Color="Color.Secondary" Variant="Variant.Filled">مجوزها و گواهینامه‌ها</MudChip>
+                <MudText Typo="Typo.h2" Class="mb-3">
+                    @(_pageData?.HeroTitle ?? "مجوزها و گواهینامه‌های رسمی")
+                </MudText>
+                <MudText Typo="Typo.body1" Class="mud-text-secondary" Style="max-width: 700px;">
+                    @(_pageData?.HeroSubtitle ?? "ما با دریافت مجوزهای رسمی و تأییدیه‌های معتبر، اطمینان شما را در استفاده از خدمات خود جلب کرده‌ایم.")
+                </MudText>
+            </MudStack>
+        </MudContainer>
+    </section>
+
+    <MudStack Spacing="8" Class="pb-12">
+
+        <!-- Licenses Gallery -->
+        <section class="py-12">
+            <MudContainer MaxWidth="MaxWidth.Large">
+                <MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">مجوزهای ما</MudText>
+                @if (_licenseImages.Any())
+                {
+                    <MudGrid Spacing="4" Justify="Justify.Center">
+                        @foreach (var license in _licenseImages)
+                        {
+                            <MudItem xs="12" sm="6" md="4">
+                                <MudCard Elevation="2" Class="h-100">
+                                    <MudCardMedia Image="@license.ImagePath" Height="250" />
+                                    <MudCardContent>
+                                        @if (!string.IsNullOrWhiteSpace(license.Title))
+                                        {
+                                            <MudText Typo="Typo.h6" Align="Align.Center" Class="mb-1">@license.Title</MudText>
+                                        }
+                                        @if (!string.IsNullOrWhiteSpace(license.Description))
+                                        {
+                                            <MudText Typo="Typo.body2" Align="Align.Center" Class="mud-text-secondary">@license.Description</MudText>
+                                        }
+                                    </MudCardContent>
+                                    @if (!string.IsNullOrWhiteSpace(license.LinkUrl))
+                                    {
+                                        <MudCardActions Class="justify-center">
+                                            <MudButton Variant="Variant.Text"
+                                                       Color="Color.Primary"
+                                                       Href="@license.LinkUrl"
+                                                       Target="_blank"
+                                                       StartIcon="@Icons.Material.Filled.OpenInNew">
+                                                مشاهده جزئیات
+                                            </MudButton>
+                                        </MudCardActions>
+                                    }
+                                </MudCard>
+                            </MudItem>
+                        }
+                    </MudGrid>
+                }
+                else
+                {
+                    <MudAlert Severity="Severity.Info" Variant="Variant.Text" Class="my-8" Dense="true">
+                        اطلاعات مجوزها به‌زودی بارگذاری خواهد شد.
+                    </MudAlert>
+                }
+            </MudContainer>
+        </section>
+
+        <!-- CTA Section -->
+        <section class="py-12">
+            <MudContainer MaxWidth="MaxWidth.Medium">
+                <MudPaper Elevation="3" Class="pa-8 rounded-xl text-center">
+                    <MudIcon Icon="@Icons.Material.Filled.VerifiedUser" Size="Size.Large" Color="Color.Primary" Class="mb-4" />
+                    <MudText Typo="Typo.h4" Class="mb-3">نیاز به اطلاعات بیشتر دارید؟</MudText>
+                    <MudText Typo="Typo.body1" Class="mud-text-secondary mb-6">
+                        برای دریافت اطلاعات بیشتر درباره مجوزها و گواهینامه‌های ما، با ما تماس بگیرید.
+                    </MudText>
+                    <MudButton Variant="Variant.Filled"
+                               Color="Color.Primary"
+                               Size="Size.Large"
+                               OnClick="() => Navigation.NavigateTo(RouteConstants.Contact.Index)">
+                        تماس با ما
+                    </MudButton>
+                </MudPaper>
+            </MudContainer>
+        </section>
+
+    </MudStack>
+}
@@ -0,0 +1,31 @@
+using FrontOffice.Main.Utilities;
+
+namespace FrontOffice.Main.Pages;
+
+public partial class Licenses
+{
+    private bool _loading = true;
+    private PageSettingsDto? _pageData;
+    private List<PageSettingsImageDto> _licenseImages = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            _pageData = await PageSettingsService.GetPageAsync("licenses");
+
+            if (_pageData != null)
+            {
+                _licenseImages = _pageData.GetImages("licenses");
+            }
+        }
+        catch
+        {
+            // Fallback: page remains null → hardcoded content will render
+        }
+        finally
+        {
+            _loading = false;
+        }
+    }
+}