<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:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:home="clr-namespace:Artemis.UI.Screens.Home"
             mc:Ignorable="d" d:DesignWidth="1200" d:DesignHeight="900"
             x:Class="Artemis.UI.Screens.Home.HomeView"
             x:DataType="home:HomeViewModel">
	<Border Classes="router-container">
		<Grid RowDefinitions="200,*">
			<Image Grid.Row="0"
				   Grid.RowSpan="2"
                   VerticalAlignment="Top"
				   Source="/Assets/Images/home-banner.png"
				   Height="200"
				   Stretch="UniformToFill"
				   RenderOptions.BitmapInterpolationMode="HighQuality"/>
			
			<TextBlock Grid.Row="0"
			           TextWrapping="Wrap"
			           Foreground="White"
			           FontSize="32"
			           Margin="30"
			           Text=" Welcome to Artemis, the unified RGB platform.">
				<TextBlock.Effect>
					<DropShadowEffect Color="Black" OffsetX="2" OffsetY="2" BlurRadius="5"></DropShadowEffect>
				</TextBlock.Effect>
			</TextBlock>

			<Grid Grid.Row="1" MaxWidth="840" Margin="30" VerticalAlignment="Bottom" ColumnDefinitions="*,*" RowDefinitions="*,*">
				<Border Classes="card" Margin="8" Grid.ColumnSpan="2" ClipToBounds="True">
					<Grid VerticalAlignment="Stretch" RowDefinitions="Auto,Auto" ColumnDefinitions="150,*">
						<avalonia:MaterialIcon Kind="Plug" Width="100" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center"/>
						<StackPanel Grid.Row="0" Grid.Column="1">
							<TextBlock Classes="h3">Plugins</TextBlock>
							<TextBlock TextWrapping="Wrap" VerticalAlignment="Top">
								Artemis is built up using plugins. This means devices, brushes, effects and modules (for supporting games) can all be added via plugins.
							</TextBlock>
							<TextBlock TextWrapping="Wrap" VerticalAlignment="Top" Margin="0 15">
								Under Settings > Plugins you can find your currently installed plugins, these default plugins are created by Artemis developers. We're also keeping track of a list of third-party plugins on our wiki.
							</TextBlock>
						</StackPanel>
						<HyperlinkButton Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0" HorizontalAlignment="Right" Command="{CompiledBinding GetMorePlugins}">
							<HyperlinkButton.ContextMenu>
								<ContextMenu>
									<MenuItem Header="Test"></MenuItem>
								</ContextMenu>
							</HyperlinkButton.ContextMenu>
							<StackPanel Orientation="Horizontal">
								<avalonia:MaterialIcon Kind="OpenInBrowser" />
								<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Get more plugins</TextBlock>
							</StackPanel>
						</HyperlinkButton>
					</Grid>
				</Border>

				<Border Classes="card" Margin="8" Grid.Row="1" Grid.Column="0" ClipToBounds="True">
					<Grid VerticalAlignment="Stretch" RowDefinitions="150,95" ColumnDefinitions="150,*">
						<avalonia:MaterialIcon Kind="Chat" Width="100" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center" />
						<StackPanel Grid.Row="0" Grid.Column="1">
							<TextBlock Classes="h3">Have a chat</TextBlock>
							<TextBlock TextWrapping="Wrap" VerticalAlignment="Top">
								If you need help, have some feedback or have any other questions feel free to contact us through any of the following channels.
							</TextBlock>
						</StackPanel>

						<DockPanel Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0">
							<Grid Margin="8" RowDefinitions="*,*">
								<HyperlinkButton Grid.Row="0" NavigateUri="https://github.com/Artemis-RGB/Artemis">
									<StackPanel Orientation="Horizontal">
										<avalonia:MaterialIcon Kind="Github" />
										<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">GitHub</TextBlock>
									</StackPanel>
								</HyperlinkButton>
								<HyperlinkButton Grid.Row="0" HorizontalAlignment="Right" NavigateUri="https://artemis-rgb.com?mtm_campaign=artemis&amp;mtm_kwd=home">
									<StackPanel Orientation="Horizontal">
										<avalonia:MaterialIcon Kind="Web" />
										<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Website</TextBlock>
									</StackPanel>
								</HyperlinkButton>
								<HyperlinkButton Grid.Row="1" NavigateUri="https://discordapp.com/invite/S3MVaC9">
									<StackPanel Orientation="Horizontal">
										<avalonia:MaterialIcon Kind="Chat" />
										<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Discord</TextBlock>
									</StackPanel>
								</HyperlinkButton>
								<HyperlinkButton Grid.Row="1" HorizontalAlignment="Right" NavigateUri="mailto:spoinky.nl@gmail.com">
									<StackPanel Orientation="Horizontal">
										<avalonia:MaterialIcon Kind="Email" />
										<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">E-mail</TextBlock>
									</StackPanel>
								</HyperlinkButton>
							</Grid>
						</DockPanel>
					</Grid>
				</Border>
				<Border Classes="card" Margin="8" Grid.Row="1" Grid.Column="1" ClipToBounds="True">
					<Grid VerticalAlignment="Stretch" RowDefinitions="150,95" ColumnDefinitions="150,*">
						<avalonia:MaterialIcon Kind="Github" Width="100" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center" />
						<StackPanel Grid.Row="0" Grid.Column="1">
							<TextBlock Classes="h3">Open Source</TextBlock>
							<TextBlock TextWrapping="Wrap" VerticalAlignment="Top">
								This project is open source. If you like it and want to say thanks you could hit the GitHub Star button, I like numbers.
							</TextBlock>
						</StackPanel>

						<HyperlinkButton Grid.Row="1"
												  Grid.Column="0"
												  HorizontalAlignment="Center"
												  NavigateUri="https://wiki.artemis-rgb.com/en/donating?mtm_campaign=artemis&amp;mtm_kwd=home">
							<StackPanel Orientation="Horizontal">
								<avalonia:MaterialIcon Kind="Gift" />
								<TextBlock Margin="8 0 0 0" VerticalAlignment="Center">Donate</TextBlock>
							</StackPanel>
						</HyperlinkButton>
						<TextBlock Grid.Row="1"
								   Grid.Column="1"
						           Classes="subtitle"
								   TextWrapping="Wrap"
								   VerticalAlignment="Center">
							Feel like making a donation? It would be gratefully received. Click the button to donate via PayPal.
						</TextBlock>
					</Grid>
				</Border>
            </Grid>
		</Grid>
	</Border>
</UserControl>