@page "/events/details"
@attribute [Authorize]
@using Microsoft.EntityFrameworkCore
@using WebApp.Components.Shared.Components
@inject AppDbContext context
@inject NavigationManager NavigationManager
@inject IJSRuntime JSRuntime

@if (eventdefinition is null)
{
    <MudText><em>Loading...</em></MudText>
    return;
}

<PageHeader
    Title="Details"
    Subtitle="Event Definition"
    ShowBackButton="true"
    BackButtonUrl="/events">
    <ActionButtons>
        <div class="no-print">
            <MudButton StartIcon="@Icons.Material.Filled.Print"
                       OnClick="PrintPage"
                       Variant="Variant.Outlined">Print</MudButton>
            <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/events/edit?id={eventdefinition.Id}")" Variant="Variant.Outlined">Edit</MudButton>
            <MudButton Href="/events" Variant="Variant.Text">Back to List</MudButton>
        </div>
    </ActionButtons>
</PageHeader>

<MudPaper Class="pa-4 mt-4">
        <MudGrid>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Name</MudText>
                <MudText>@eventdefinition.Name</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Short Name</MudText>
                <MudText>@eventdefinition.ShortName</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Event Format</MudText>
                <MudText>@eventdefinition.EventFormat</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Min Team Size</MudText>
                <MudText>@eventdefinition.MinTeamSize</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Max Team Size</MudText>
                <MudText>@eventdefinition.MaxTeamSize</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Chapter Eligibility Count (State)</MudText>
                <MudText>@eventdefinition.ChapterEligibilityCountState</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Regional Event</MudText>
                <MudText>@eventdefinition.RegionalEvent</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Presubmission Required</MudText>
                <MudText>@eventdefinition.Presubmission</MudText>
            </MudItem>
            <MudItem xs="12" sm="6" md="4">
                <MudText Typo="Typo.subtitle2">Level of Effort</MudText>
                <MudText>@eventdefinition.LevelOfEffort</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Semifinalist Activity</MudText>
                <MudText>@eventdefinition.SemifinalistActivity</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Notes</MudText>
                <MudText>@eventdefinition.Notes</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Documentation</MudText>
                <MudText>@eventdefinition.Documentation</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Eligibility</MudText>
                <MudText>@eventdefinition.Eligibility</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Theme</MudText>
                <MudText>@eventdefinition.Theme</MudText>
            </MudItem>
            <MudItem xs="12">
                <MudText Typo="Typo.subtitle2">Description</MudText>
                <MudText>@eventdefinition.Description</MudText>
            </MudItem>
        </MudGrid>
</MudPaper>

@code {
    private EventDefinition? eventdefinition;

    [SupplyParameterFromQuery]
    private int Id { get; set; }

    protected override async Task OnInitializedAsync()
    {
        eventdefinition = await context.Events.FirstOrDefaultAsync(m => m.Id == Id);

        if (eventdefinition is null)
        {
            NavigationManager.NavigateTo("notfound");
        }
    }

    private async Task PrintPage()
    {
        await JSRuntime.InvokeVoidAsync("window.print");
    }
}