@inject ISnackbar Snackbar

<footer class="footer-section">
    <MudContainer MaxWidth="MaxWidth.Large" Class="py-12">
        <!-- Main Footer Content -->
        <MudGrid Spacing="4" Class="mb-8">
            <!-- Company Info -->
            <MudItem xs="12" md="4">
                <MudStack Spacing="3">
                    <div class="d-flex align-center gap-2 mb-2">
                        <MudImage ObjectFit="ObjectFit.Cover"
                                  ObjectPosition="ObjectPosition.Center"
                                  Width="40"
                                  Height="40"
                                  Class="rounded-circle"
                                  Src="favicon.png" />
                        <MudText Typo="Typo.h5">KBS</MudText>
                    </div>
                    <MudText Typo="Typo.body2" Class="footer-description">
                        پلتفرم هوشمند ساخت شبکه‌های فروش با امکانات پیشرفته مدیریت تیم، محاسبه کارمزد و گزارش‌گیری جامع.
                    </MudText>
                    <MudStack Row="true" Spacing="2" Class="social-links">
                        <MudIconButton Icon="@Icons.Custom.Brands.Telegram" 
                                       Color="Color.Inherit" 
                                       Size="Size.Medium"
                                       Class="social-icon"
                                       Href="https://t.me/kbs1" 
                                       Target="_blank" />
                        <MudIconButton Icon="@Icons.Custom.Brands.Instagram" 
                                       Color="Color.Inherit" 
                                       Size="Size.Medium"
                                       Class="social-icon"
                                       Href="https://instagram.com/kbs1" 
                                       Target="_blank" />
                        <MudIconButton Icon="@Icons.Custom.Brands.LinkedIn" 
                                       Color="Color.Inherit" 
                                       Size="Size.Medium"
                                       Class="social-icon"
                                       Href="https://linkedin.com/company/kbs1" 
                                       Target="_blank" />
                        <MudIconButton Icon="@Icons.Custom.Brands.WhatsApp" 
                                       Color="Color.Inherit" 
                                       Size="Size.Medium"
                                       Class="social-icon"
                                       Href="https://wa.me/989123456789" 
                                       Target="_blank" />
                    </MudStack>
                </MudStack>
            </MudItem>

            <!-- Quick Links -->
            <MudItem xs="12" sm="6" md="2">
                <MudStack Spacing="2">
                    <MudText Typo="Typo.subtitle1" Class="footer-title">دسترسی سریع</MudText>
                    <MudLink Href="@(RouteConstants.FAQ.Index)" Class="footer-link">سوالات متداول</MudLink>
                    <MudLink Href="@(RouteConstants.Contact.Index)" Class="footer-link">ارتباط با ما</MudLink>
                    <MudLink Href="@(RouteConstants.About.Index)" Class="footer-link">درباره ما</MudLink>
                </MudStack>
            </MudItem>

            <!-- Services -->
            <MudItem xs="12" sm="6" md="2">
                <MudStack Spacing="2">
                    <MudText Typo="Typo.subtitle1" Class="footer-title">خدمات</MudText>
                    <MudLink Href="#" Class="footer-link">پکیج استارتر</MudLink>
                    <MudLink Href="#" Class="footer-link">پکیج رشد</MudLink>
                    <MudLink Href="#" Class="footer-link">پکیج اسکیل</MudLink>
                    <MudLink Href="#" Class="footer-link">مشاوره رایگان</MudLink>
                    <MudLink Href="#" Class="footer-link">پشتیبانی فنی</MudLink>
                </MudStack>
            </MudItem>

            <!-- Support -->
            <MudItem xs="12" sm="6" md="2">
                <MudStack Spacing="2">
                    <MudText Typo="Typo.subtitle1" Class="footer-title">پشتیبانی</MudText>
                    <MudLink Href="#" Class="footer-link">مرکز راهنمایی</MudLink>
                    <MudLink Href="#" Class="footer-link">آموزش‌ها</MudLink>
                    <MudLink Href="#" Class="footer-link">وبلاگ</MudLink>
                    <MudLink Href="@(RouteConstants.Contact.Index)" Class="footer-link">ارتباط با ما</MudLink>
                    <MudLink Href="#" Class="footer-link">گزارش مشکل</MudLink>
                </MudStack>
            </MudItem>

            <!-- Contact Info -->
            <MudItem xs="12" sm="6" md="2">
                <MudStack Spacing="2">
                    <MudText Typo="Typo.subtitle1" Class="footer-title">تماس</MudText>
                    <div class="d-flex align-center gap-2">
                        <MudIcon Icon="@Icons.Material.Filled.Phone" Size="Size.Small" />
                        <MudText Typo="Typo.body2" Class="footer-contact">۰۲۱-۱۲۳۴۵۶۷۸</MudText>
                    </div>
                    <div class="d-flex align-center gap-2">
                        <MudIcon Icon="@Icons.Material.Filled.Email" Size="Size.Small" />
                        <MudText Typo="Typo.body2" Class="footer-contact">info@kbs1.co</MudText>
                    </div>
                    <div class="d-flex align-start gap-2">
                        <MudIcon Icon="@Icons.Material.Filled.LocationOn" Size="Size.Small" Class="mt-1" />
                        <MudText Typo="Typo.body2" Class="footer-contact">
                            تهران، خیابان ولیعصر، پلاک ۱۲۳۴
                        </MudText>
                    </div>
                </MudStack>
            </MudItem>
        </MudGrid>

        <!-- Bottom Footer -->
        <MudDivider Class="mb-4" />
        <MudGrid Justify="Justify.SpaceBetween">
            <MudItem xs="12" md="6">
                <MudText Typo="Typo.body2" Class="footer-copyright">
                    © @DateTime.Now.Year KBS. تمامی حقوق محفوظ است.
                </MudText>
            </MudItem>
            <MudItem xs="12" md="6">
                <MudStack Row="true" Spacing="3" Justify="Justify.FlexEnd" Class="footer-legal">
                    <MudLink Href="#" Class="footer-link">حریم خصوصی</MudLink>
                    <MudLink Href="#" Class="footer-link">شرایط استفاده</MudLink>
                    <MudLink Href="#" Class="footer-link">قوانین</MudLink>
                </MudStack>
            </MudItem>
        </MudGrid>
    </MudContainer>
</footer>