@page "/dashboard"

@using Microsoft.AspNetCore.Authorization
@attribute [Authorize]

<PageTitle>Dashboard - Integry Control Panel</PageTitle>

<MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="mt-4">
    <MudText Typo="Typo.h3" Class="mb-4">Dashboard</MudText>
    
    @* <AuthorizeView>
        <Authorized>
            <MudAlert Severity="Severity.Success" Class="mb-4">
                Benvenuto, @context.User.Identity?.Name!
            </MudAlert>
        </Authorized>
    </AuthorizeView> *@

    <MudGrid>
        <!-- Server Status Card -->
        <MudItem xs="12" sm="6" md="4">
            <MudCard>
                <MudCardContent>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <MudText Typo="Typo.h6">Server Status</MudText>
                            <MudText Typo="Typo.body2" Color="Color.Success">Online</MudText>
                        </div>
                        <MudIcon Icon="@Icons.Material.Filled.Computer" Color="Color.Success" Size="Size.Large" />
                    </div>
                </MudCardContent>
            </MudCard>
        </MudItem>

        <!-- Active Clients Card -->
        <MudItem xs="12" sm="6" md="4">
            <MudCard>
                <MudCardContent>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <MudText Typo="Typo.h6">Client Attivi</MudText>
                            <MudText Typo="Typo.h4" Color="Color.Primary">--</MudText>
                        </div>
                        <MudIcon Icon="@Icons.Material.Filled.People" Color="Color.Primary" Size="Size.Large" />
                    </div>
                </MudCardContent>
            </MudCard>
        </MudItem>

        <!-- Services Card -->
        <MudItem xs="12" sm="6" md="4">
            <MudCard>
                <MudCardContent>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <MudText Typo="Typo.h6">Servizi</MudText>
                            <MudText Typo="Typo.h4" Color="Color.Info">--</MudText>
                        </div>
                        <MudIcon Icon="@Icons.Material.Filled.Settings" Color="Color.Info" Size="Size.Large" />
                    </div>
                </MudCardContent>
            </MudCard>
        </MudItem>

        <!-- Quick Actions -->
        <MudItem xs="12">
            <MudCard>
                <MudCardHeader>
                    <CardHeaderContent>
                        <MudText Typo="Typo.h6">Azioni Rapide</MudText>
                    </CardHeaderContent>
                </MudCardHeader>
                <MudCardContent>
                    <MudGrid>
                        <MudItem xs="12" sm="6" md="3">
                            <MudButton Variant="Variant.Outlined" 
                                      Color="Color.Primary" 
                                      FullWidth="true"
                                      StartIcon="@Icons.Material.Filled.Computer"
                                      Href="/servers">
                                Gestisci Server
                            </MudButton>
                        </MudItem>
                        <MudItem xs="12" sm="6" md="3">
                            <MudButton Variant="Variant.Outlined" 
                                      Color="Color.Secondary" 
                                      FullWidth="true"
                                      StartIcon="@Icons.Material.Filled.People"
                                      Href="/clients">
                                Gestisci Client
                            </MudButton>
                        </MudItem>
                        <MudItem xs="12" sm="6" md="3">
                            <MudButton Variant="Variant.Outlined" 
                                      Color="Color.Tertiary" 
                                      FullWidth="true"
                                      StartIcon="@Icons.Material.Filled.Settings"
                                      Href="/services">
                                Configurazioni
                            </MudButton>
                        </MudItem>
                        <MudItem xs="12" sm="6" md="3">
                            <MudButton Variant="Variant.Outlined" 
                                      Color="Color.Info" 
                                      FullWidth="true"
                                      StartIcon="@Icons.Material.Filled.Analytics"
                                      Href="/reports">
                                Report
                            </MudButton>
                        </MudItem>
                    </MudGrid>
                </MudCardContent>
            </MudCard>
        </MudItem>

        <!-- Recent Activity -->
        <MudItem xs="12" md="8">
            <MudCard>
                <MudCardHeader>
                    <CardHeaderContent>
                        <MudText Typo="Typo.h6">Attivitą Recenti</MudText>
                    </CardHeaderContent>
                </MudCardHeader>
                <MudCardContent>
                    <MudText Typo="Typo.body2" Class="text-center" Color="Color.Default">
                        Nessuna attivitą recente da visualizzare
                    </MudText>
                </MudCardContent>
            </MudCard>
        </MudItem>

       
    </MudGrid>
</MudContainer>

@code {
    
}