<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/e/xpression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:vm="using:SplashScreen.ViewModels"
        mc:Ignorable="d"
        x:Class="SplashScreen.Splash"
        x:DataType="vm:SplashViewModel"
        Width="500"
        Height="600"
        SystemDecorations="None"
        WindowStartupLocation="CenterScreen"
        Background="Transparent"
        TransparencyLevelHint="Transparent"
        TransparencyBackgroundFallback="Transparent"
        Title="Diary - Loading Screen">

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

    <Window.Styles>
        <Style Selector="Border">
            <Setter Property="Background" Value="{Binding Background}" />
            <Setter Property="CornerRadius" Value="10" />
            <Setter Property="Padding" Value="10" />
        </Style>

        <Style Selector="StackPanel">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="Spacing" Value="30" />
            <Setter Property="Height" Value="200" />
            <Setter Property="Width" Value="400" />
        </Style>

        <Style Selector="TextBlock">
            <Setter Property="Foreground" Value="{Binding Foreground}" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="TextAlignment" Value="Center" />
            <Setter Property="FontSize" Value="20" />
            <Setter Property="FontWeight" Value="Bold" />
        </Style>

        <Style Selector="Button">
            <Setter Property="Foreground" Value="{Binding Foreground}" />
            <Setter Property="Background" Value="{Binding Background}" />
            <Setter Property="CornerRadius" Value="20" />
            <Setter Property="FontSize" Value="20" />
            <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">
                <Setter Property="Foreground" Value="{Binding Foreground}" />
                <Setter Property="Background" Value="{Binding Background}" />
                <Setter Property="BorderBrush" Value="{Binding Border}" />
                <Setter Property="BorderThickness" Value="2" />
            </Style>
        </Style>

        <Style Selector="Image">
            <Setter Property="Width" Value="150" />
            <Setter Property="Height" Value="150" />
        </Style>
    </Window.Styles>

    <Border>
        <StackPanel>
            <Image Source="/Assets/logo.ico"></Image>
            <TextBlock Text="{Binding StartUpMessage}" />
            <Button Command="{Binding Cancel}" />
        </StackPanel>
    </Border>
</Window>