<PageTitle>@Title</PageTitle>

@*@if (Loading)
{
    <MudProgressLinear Color="Color.Primary" Indeterminate="true" />

    <div class="center-screen" style="height: calc(100vh - 70px);">
        <MudProgressCircular Color="Color.Primary" Size="Size.Large" Indeterminate="true" />
    </div>

    return;
}*@

<div class="mt-7 mb-7 ml-4">
    <div class="d-flex mb-3">
        <div>
@*            <MudStack Row="true">
                <MudBreadcrumbs Items="Breadcrumbs" Separator="" Style="padding: 0px;">
                    <ItemTemplate Context="item">
                        <MudChip Href="@(item.Href)" Disabled="@(item.Disabled)" Size="Size.Medium" Variant="Variant.Outlined" SelectedColor="Color.Inherit" Color="Color.Transparent">
                            @item.Text
                        </MudChip>
                    </ItemTemplate>
                </MudBreadcrumbs>
            </MudStack>*@
            <MudStack Row="true">
                <MudBreadcrumbs Items="Breadcrumbs" Style="padding: 0px;" />
            </MudStack>
        </div>
        @if (LoadData is not null && DisableReload is false)
        {
            <div class="ml-auto">
                @if (Loading)
                {
                        <MudProgressCircular Color="Color.Primary" Size="Size.Small" Indeterminate="true" Style="padding: 0px; display: inherit;" />
                }
                else
                {
                        <MudIconButton OnClick="OnRefreshAsync" Icon="@Icons.Material.Filled.Refresh" Size="Size.Medium" Color="Color.Inherit" Style="padding: 0px;" />
                }
            </div>
        }
    </div>
</div>

<div class="mt-7">
    @if (Content is not null)
    {
        @Content
    }
</div>