@page "/content/page-settings"

@using BackOffice.Services.Content

@inject ISitePageSettingsService PageSettingsService

<div>
    <MudStack Spacing="3">
        <MudText Typo="Typo.h5">مدیریت تنظیمات صفحات</MudText>
        <MudText Typo="Typo.body2" Color="Color.Secondary">تنظیمات ۴ صفحه ثابت سایت: صفحه اصلی، درباره ما، تماس با ما و مجوزها</MudText>

        @if (_loading)
        {
            <MudProgressLinear Indeterminate="true" Color="Color.Primary" />
        }
        else
        {
            <MudGrid>
                @foreach (var item in _pages)
                {
                    <MudItem xs="12" sm="6" md="3">
                        <MudCard Elevation="2" Class="pa-2">
                            <MudCardHeader>
                                <CardHeaderContent>
                                    <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
                                        <MudIcon Icon="@GetPageIcon(item.PageKey)" Size="Size.Large" Color="Color.Primary" />
                                        <MudStack Spacing="0">
                                            <MudText Typo="Typo.h6">@item.Title</MudText>
                                            <MudText Typo="Typo.caption" Color="Color.Secondary">@item.PageKey</MudText>
                                        </MudStack>
                                    </MudStack>
                                </CardHeaderContent>
                                <CardHeaderActions>
                                    <MudChip T="string" 
                                             Color="@(item.IsActive ? Color.Success : Color.Error)"
                                             Size="Size.Small">
                                        @(item.IsActive ? "فعال" : "غیرفعال")
                                    </MudChip>
                                </CardHeaderActions>
                            </MudCardHeader>
                            <MudCardContent>
                                <MudStack Spacing="1">
                                    <MudText Typo="Typo.body2">
                                        <MudIcon Icon="@Icons.Material.Filled.Image" Size="Size.Small" Class="ml-1" />
                                        @item.ImageCount تصویر
                                    </MudText>
                                    <MudText Typo="Typo.caption" Color="Color.Secondary">
                                        آخرین ویرایش: @item.LastModified.MiladiToJalaliWithTime()
                                    </MudText>
                                </MudStack>
                            </MudCardContent>
                            <MudCardActions>
                                <MudButton Variant="Variant.Filled"
                                           Color="Color.Primary"
                                           Size="Size.Small"
                                           StartIcon="@Icons.Material.Filled.Edit"
                                           OnClick="@(() => EditPageSettings(item))">
                                    ویرایش
                                </MudButton>
                                <MudButton Variant="Variant.Outlined"
                                           Color="Color.Info"
                                           Size="Size.Small"
                                           StartIcon="@Icons.Material.Filled.Collections"
                                           OnClick="@(() => ManageImages(item))">
                                    تصاویر
                                </MudButton>
                            </MudCardActions>
                        </MudCard>
                    </MudItem>
                }
            </MudGrid>
        }
    </MudStack>
</div>
