@using BackOffice.Pages.Content.Components.SettingsModels

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

    @* ── Contact Info ── *@
    <MudExpansionPanel Text="اطلاعات تماس" Icon="@Icons.Material.Filled.ContactPhone" IsInitiallyExpanded="true">
        <MudStack Spacing="2" Class="pa-2">
            <MudTextField @bind-Value="Model.Address"
                          Label="آدرس"
                          Variant="Variant.Outlined"
                          Lines="2"
                          Placeholder="کرج مهرویلا میدان مادر..." />
            <MudGrid Spacing="2">
                <MudItem xs="12" md="6">
                    <MudTextField @bind-Value="Model.Phone"
                                  Label="شماره تلفن"
                                  Placeholder="026-34233563"
                                  Variant="Variant.Outlined" />
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField @bind-Value="Model.Email"
                                  Label="ایمیل"
                                  Placeholder="info@kbs1.co"
                                  Variant="Variant.Outlined" />
                </MudItem>
            </MudGrid>
            <MudTextField @bind-Value="Model.WorkingHours"
                          Label="ساعات کاری"
                          Placeholder="شنبه تا پنج‌شنبه — ۹ صبح تا ۶ عصر"
                          Variant="Variant.Outlined" />
        </MudStack>
    </MudExpansionPanel>

    @* ── Social Media ── *@
    <MudExpansionPanel Text="شبکه‌های اجتماعی" Icon="@Icons.Material.Filled.Share" IsInitiallyExpanded="true">
        <MudStack Spacing="2" Class="pa-2">
            <MudTextField @bind-Value="Model.TelegramUrl"
                          Label="تلگرام"
                          Placeholder="https://t.me/kbs1"
                          Variant="Variant.Outlined"
                          Adornment="Adornment.Start"
                          AdornmentIcon="@Icons.Custom.Brands.Telegram" />
            <MudTextField @bind-Value="Model.InstagramUrl"
                          Label="اینستاگرام"
                          Placeholder="https://instagram.com/kbs1"
                          Variant="Variant.Outlined"
                          Adornment="Adornment.Start"
                          AdornmentIcon="@Icons.Custom.Brands.Instagram" />
            <MudTextField @bind-Value="Model.LinkedinUrl"
                          Label="لینکدین"
                          Placeholder="https://linkedin.com/company/kbs1"
                          Variant="Variant.Outlined"
                          Adornment="Adornment.Start"
                          AdornmentIcon="@Icons.Custom.Brands.LinkedIn" />
            <MudTextField @bind-Value="Model.WhatsappUrl"
                          Label="واتساپ"
                          Placeholder="https://wa.me/989123456789"
                          Variant="Variant.Outlined"
                          Adornment="Adornment.Start"
                          AdornmentIcon="@Icons.Custom.Brands.WhatsApp" />
        </MudStack>
    </MudExpansionPanel>

</MudExpansionPanels>

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