<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.UpdateAvailableView"
             x:DataType="vm:UpdateAvailableViewModel"
             Background="{DynamicResource ResourceKey=Purple}">

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

    <UserControl.Styles>
        <Style Selector="Image">
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Width" Value="300" />
            <Setter Property="Height" Value="200" />
        </Style>

        <Style Selector="Border">
            <Setter Property="BorderBrush" Value="{DynamicResource ResourceKey=Pink}" />
            <Setter Property="BorderThickness" Value="2" />
            <Setter Property="CornerRadius" Value="20" />
            <Setter Property="Padding" Value="10" />
            <Setter Property="Margin" Value="10" />
        </Style>

        <Style Selector="Label">
            <Setter Property="Foreground" Value="{DynamicResource ResourceKey=DarkGray}" />
            <Setter Property="FontSize" Value="25" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Width" Value="350" />
            <Setter Property="Height" Value="70" />
        </Style>

        <Style Selector="TextBlock">
            <Setter Property="Foreground" Value="{DynamicResource ResourceKey=DarkGray}" />
            <Setter Property="FontSize" Value="20" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Width" Value="350" />
            <Setter Property="Height" Value="150" />
            <Setter Property="TextWrapping" Value="Wrap" />
            <Setter Property="TextAlignment" Value="Center" />
        </Style>

        <Style Selector="Button">
            <Setter Property="Foreground" Value="{DynamicResource ResourceKey=DarkGray}" />
            <Setter Property="BorderBrush" Value="{DynamicResource ResourceKey=Pink}" />
            <Setter Property="BorderThickness" Value="2" />
            <Setter Property="CornerRadius" Value="10" />
            <Setter Property="Width" Value="200" />
            <Setter Property="Height" Value="70" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />

            <Style Selector="^:pointerover /template/ ContentPresenter#PART_ContentPresenter">
                <Setter Property="Foreground" Value="{DynamicResource ResourceKey=DarkGray}" />
                <Setter Property="BorderBrush" Value="{DynamicResource ResourceKey=Pink}" />
                <Setter Property="BorderThickness" Value="2" />
                <Setter Property="CornerRadius" Value="10" />
            </Style>
        </Style>
    </UserControl.Styles>

    <Border>
        <Grid RowDefinitions="*, Auto, Auto, Auto, *">
            <Image Grid.Row="0" Source="/Assets/logo.ico"></Image>

            <Label Grid.Row="1" Content="{Binding Title}" />

            <TextBlock Grid.Row="2" Text="{Binding InformationText}" />

            <Label Grid.Row="3" Content="{Binding SubInformation}" />

            <Grid ColumnDefinitions="*,*" Grid.Row="4">
                <Button Grid.Column="0" Content="Launch Update" />
                <Button Grid.Column="1" Content="Start Game" />
            </Grid>
        </Grid>
    </Border>
</UserControl>