<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="using:MeksMathGame.ViewModels"
             mc:Ignorable="d" d:DesignWidth="1500" d:DesignHeight="850"
             x:Class="MeksMathGame.Views.GameEngineView"
             x:DataType="vm:GameEngineViewModel"
             Background="{DynamicResource ResourceKey=Purple}">

    <Design.DataContext>
        <vm:GameEngineViewModel />
    </Design.DataContext>

    <UserControl.Styles>
        <StyleInclude Source="/Styles/GameEngineStyles.axaml" />
    </UserControl.Styles>

    <Grid RowDefinitions="*,Auto,*">
        <!-- top label -->
        <Grid RowDefinitions="Auto,Auto">
            <Label Grid.Row="0" Classes="GameLabel" Content="{Binding GameText}" />
            <Label Grid.Row="1" Classes="GameLabel" Content="{Binding ScoreInfo}" />
        </Grid>

        <!-- Equation display-->
        <Grid Grid.Row="1" RowDefinitions="*,*,*,*,*,*">
            <Label Classes="NumberLabel"
                   Grid.Row="0"
                   Content="{Binding NumOne}"
                   HorizontalContentAlignment="Right"
                   Width="85"
                   Margin="5,0,0,0"/>

            <Grid Grid.Row="1" ColumnDefinitions="Auto, Auto" HorizontalAlignment="Center">
                <Label Classes="OperationLabel"
                       Grid.Column="0"
                       Content="{Binding Operation}" />

                <Label Classes="NumberLabel"
                       Grid.Column="1"
                       Content="{Binding NumTwo}"
                       HorizontalContentAlignment="Right"
                       Width="45"
                       Margin="5,0,0,0"/>
            </Grid>

            <Label Classes="GameLabel"
                   Grid.Row="3"
                   Content="----------------" />

            <TextBox Classes="Solution"
                     Grid.Row="4"
                     Text="{Binding Solution}" />

            <Label Classes="GameLabel"
                   Grid.Row="5"
                   Content="{Binding WinLoseText}"
                   IsVisible="{Binding IsVisible}"/>
        </Grid>

        <!-- Submit buttons -->
        <Grid Grid.Row="2" ColumnDefinitions="*,*,*">
            <Button Classes="GameButton"
                    Grid.Column="0"
                    Content="Back To Home"
                    Command="{Binding GoHome}"/>
            <Button Classes="GameButton"
                    Grid.Column="1"
                    Content="Submit"
                    Command="{Binding Submit}"/>
            <Button Classes="GameButton"
                    Grid.Column="2"
                    Content="Next Question"
                    Command="{Binding NextQuestion}"
                    IsVisible="{Binding IsVisible}"/>
        </Grid>
    </Grid>
</UserControl>