<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:startupWizard="clr-namespace:Artemis.UI.Screens.StartupWizard"
             xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="Artemis.UI.Screens.StartupWizard.Steps.WelcomeStep"
             x:DataType="startupWizard:StartupWizardViewModel">
    <StackPanel>
        <Grid RowDefinitions="*,*" ColumnDefinitions="Auto,*,Auto">
            <Image Grid.Column="0" Grid.RowSpan="2" Width="65" Height="65" VerticalAlignment="Center" Source="/Assets/Images/Logo/bow.png" Margin="0 0 20 0" />
            <TextBlock Grid.Row="0" Grid.Column="1" FontSize="36" VerticalAlignment="Bottom">
                Artemis 2
            </TextBlock>

            <StackPanel Grid.Row="0" Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Bottom" Orientation="Horizontal">
                <controls:HyperlinkButton Classes="icon-button" ToolTip.Tip="View website" NavigateUri="https://artemis-rgb.com?mtm_campaign=artemis&amp;mtm_kwd=wizard">
                    <avalonia:MaterialIcon Kind="Web" />
                </controls:HyperlinkButton>
                <controls:HyperlinkButton Classes="icon-button" ToolTip.Tip="View GitHub repository" NavigateUri="https://github.com/Artemis-RGB/Artemis">
                    <avalonia:MaterialIcon Kind="Github" />
                </controls:HyperlinkButton>
                <controls:HyperlinkButton Classes="icon-button" ToolTip.Tip="View Wiki" NavigateUri="https://wiki.artemis-rgb.com?mtm_campaign=artemis&amp;mtm_kwd=wizard">
                    <avalonia:MaterialIcon Kind="BookOpenOutline" />
                </controls:HyperlinkButton>
            </StackPanel>

            <TextBlock Grid.Row="1"
                       Grid.Column="1"
                       VerticalAlignment="Top"
                       Classes="subtitle"
                       Text="{CompiledBinding Version}" />

            <controls:HyperlinkButton Grid.Row="1"
                                      Grid.Column="2"
                                      VerticalAlignment="Top"
                                      NavigateUri="https://github.com/Artemis-RGB/Artemis/blob/master/LICENSE">
                PolyForm Noncommercial License 1.0.0
            </controls:HyperlinkButton>
        </Grid>

        <Border Classes="card">
            <StackPanel>
                <TextBlock Classes="h4">Welcome to the Artemis startup wizard!</TextBlock>

                <TextBlock TextWrapping="Wrap">
                    In this wizard we'll walk you through the initial configuration of Artemis.
                </TextBlock>
                <TextBlock TextWrapping="Wrap">
                    Before you can start you need to tell Artemis which devices you want to use and where they are placed on your desk.
                </TextBlock>
                <TextBlock Classes="subtitle" TextWrapping="Wrap" Margin="0 15 0 0">
                    PS: You can also skip the wizard and set things up yourself.
                </TextBlock>
            </StackPanel>
        </Border>
    </StackPanel>

</UserControl>