<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:Diary.ViewModels"
             mc:Ignorable="d" d:DesignWidth="1500" d:DesignHeight="850"
             x:Class="Diary.Views.UpdateAvailableView"
             x:DataType="vm:UpdateAvailableViewModel"
             Background="{Binding Background}">

    <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="{Binding BorderColor}" />
            <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="{Binding FontColor}" />
            <Setter Property="FontSize" Value="{Binding FontSize}" />
            <Setter Property="FontFamily" Value="{Binding FontName}" />
            <Setter Property="FontStyle" Value="{Binding FontStyle}" />
            <Setter Property="HorizontalAlignment" Value="{Binding TextAlign}" />
            <Setter Property="VerticalAlignment" Value="{Binding TextAlign}" />
            <Setter Property="HorizontalContentAlignment" Value="{Binding TextAlign}" />
            <Setter Property="VerticalContentAlignment" Value="{Binding TextAlign}" />
            <Setter Property="Width" Value="350" />
            <Setter Property="Height" Value="70" />
        </Style>

        <Style Selector="TextBlock">
            <Setter Property="Foreground" Value="{Binding FontColor}" />
            <Setter Property="FontSize" Value="{Binding FontSize}" />
            <Setter Property="FontWeight" Value="{Binding FontStyle}" />
            <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="{Binding TextAlign}" />
        </Style>

        <Style Selector="Button">
            <Setter Property="Foreground" Value="{Binding FontColor}" />
            <Setter Property="BorderBrush" Value="{Binding BorderColor}" />
            <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="{Binding FontColor}" />
                <Setter Property="BorderBrush" Value="{Binding BorderColor}" />
                <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" />
            <Label Grid.Row="1" Content="{Binding Title}" />
            <TextBlock Grid.Row="2" Text="{Binding Information}" />
            <Label Grid.Row="3" Content="{Binding SubInformation}" />

            <Grid ColumnDefinitions="*,*" Grid.Row="4">
                <Button Grid.Column="0" Content="Launch Update" Command="{Binding StartUpdate}" />
                <Button Grid.Column="1" Content="Launch Diary" Command="{Binding GoHome}" />
            </Grid>
        </Grid>
    </Border>
</UserControl>