@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="6" 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>
}
