@layout PageLayout
@using IGP.Pages.DataTables.Parts
@inherits BasePage

@page "/data-tables"

<LayoutLargeContentComponent>
    <WebsiteTitleComponent>Data Tables</WebsiteTitleComponent>
    <MudTabs Elevation="2">
        <MudTabPanel Text="Attacks">
            <WeaponTable/>
        </MudTabPanel>
        <MudTabPanel Text="Production">
            <ProductionTable/>
        </MudTabPanel>
        <MudTabPanel Text="Health">
            <VitalityTable/>
        </MudTabPanel>
        <MudTabPanel Text="Movement">
            <MovementTable/>
        </MudTabPanel>
    </MudTabs>

    <ContentDividerComponent></ContentDividerComponent>

    <PaperComponent>
        <InfoBodyComponent>
            <InfoQuestionComponent>
                What is this tool?
            </InfoQuestionComponent>
            <InfoAnswerComponent>
                This tool is a data table of all information belonging to a type of data. Such as viewing all weapons,
                so one can easily sort and see what weapon attack has the highest range, and what faction and unit that
                attack belongs to.
            </InfoAnswerComponent>
        </InfoBodyComponent>
    </PaperComponent>
</LayoutLargeContentComponent>

<style>

</style>

@code {


}