@using BackOffice.Pages.Content.Components.SettingsModels

<MudExpansionPanels MultiExpansion="true" Elevation="0">

    @* ── Vision ── *@
    <MudExpansionPanel Text="چشم‌انداز" Icon="@Icons.Material.Filled.Visibility" IsInitiallyExpanded="true">
        <MudStack Spacing="2" Class="pa-2">
            <MudTextField @bind-Value="Model.VisionTitle"
                          Label="عنوان"
                          Placeholder="چشم‌انداز"
                          Variant="Variant.Outlined" />
            <MudTextField @bind-Value="Model.VisionText"
                          Label="متن چشم‌انداز"
                          Variant="Variant.Outlined"
                          Lines="3" />
            <MudTextField @bind-Value="Model.VisionIcon"
                          Label="نام آیکون"
                          Placeholder="Visibility"
                          Variant="Variant.Outlined"
                          HelperText="نام آیکون از مجموعه Material Icons" />
        </MudStack>
    </MudExpansionPanel>

    @* ── Mission ── *@
    <MudExpansionPanel Text="مأموریت" Icon="@Icons.Material.Filled.TrackChanges" IsInitiallyExpanded="true">
        <MudStack Spacing="2" Class="pa-2">
            <MudTextField @bind-Value="Model.MissionTitle"
                          Label="عنوان"
                          Placeholder="مأموریت"
                          Variant="Variant.Outlined" />
            <MudTextField @bind-Value="Model.MissionText"
                          Label="متن مأموریت"
                          Variant="Variant.Outlined"
                          Lines="3" />
            <MudTextField @bind-Value="Model.MissionIcon"
                          Label="نام آیکون"
                          Placeholder="TrackChanges"
                          Variant="Variant.Outlined"
                          HelperText="نام آیکون از مجموعه Material Icons" />
        </MudStack>
    </MudExpansionPanel>

    @* ── Section Titles ── *@
    <MudExpansionPanel Text="عناوین بخش‌ها" Icon="@Icons.Material.Filled.Title">
        <MudStack Spacing="2" Class="pa-2">
            <MudTextField @bind-Value="Model.ValuesTitle"
                          Label="عنوان بخش ارزش‌ها"
                          Placeholder="ارزش‌های ما"
                          Variant="Variant.Outlined" />
            <MudTextField @bind-Value="Model.TeamTitle"
                          Label="عنوان بخش تیم"
                          Placeholder="تیم ما"
                          Variant="Variant.Outlined" />
        </MudStack>
    </MudExpansionPanel>

    @* ── Hint ── *@
    <MudAlert Severity="Severity.Info" Variant="Variant.Text" Dense="true" Class="mt-2">
        آیتم‌های ارزش‌ها و اعضای تیم از بخش «مدیریت تصاویر» قابل ویرایش هستند.
    </MudAlert>

</MudExpansionPanels>

@code {
    [Parameter] public AboutSettingsModel Model { get; set; } = new();
}
