<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"
             mc:Ignorable="d" d:DesignWidth="1200" d:DesignHeight="650"
			 x:Class="HelloItQuantum.Views.PlaySectionView"
			 x:DataType="vm:MainWindowViewModel"
			 xmlns:vm="using:HelloItQuantum.ViewModels"
			 Background="#B4E3F0">

	<UserControl.Styles>
		<Style Selector="TextBlock">
			<Setter Property="FontFamily" Value="{StaticResource BankGothicMediumRUS}" />
		</Style>
	</UserControl.Styles>

	<Panel>
		<StackPanel HorizontalAlignment="Stretch" Orientation="Vertical" VerticalAlignment="Stretch">

			<Grid ColumnDefinitions="Auto, *" RowDefinitions="*">
				<Image Grid.Column="0" Grid.Row="0" Source="/Assets/kvanlogo.png" Width="100" Height="100" Margin="30 0 0 0"></Image>
				<TextBlock Grid.Column="1" Grid.Row="0" Text="Узнай программирование" VerticalAlignment="Center"
						   HorizontalAlignment="Stretch" FontSize="34" TextAlignment="Center"></TextBlock>
			</Grid>

			<Grid ColumnDefinitions="*, 30, *, 30, *" RowDefinitions="Auto, Auto" Background="" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="30 20 30 0">

				<Border Grid.Column="0" Grid.Row="0" CornerRadius="40" Background="#0BA5CF" BoxShadow="0 5 #0534B5" VerticalAlignment="Stretch">
					<Button HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Center"
							Command="{Binding PlaySectionVM.GoCommands}" CornerRadius="40">
						<StackPanel>
							<Svg Path="/Assets/ImgPlaySection/icon_comands.svg" Margin="30 20"/>
							<Border Background="White" BorderThickness="1" HorizontalAlignment="Stretch" Margin="30 0 30 10"/>
							<TextBlock Text="Комманды" FontSize="24" TextAlignment="Center" Foreground="#FFFFFF" Margin="0 0 0 30"/>
						</StackPanel>
					</Button>
				</Border>

				<Rectangle Grid.Column="0" Grid.Row="1" Height="{Binding $parent[Grid].Bounds.Height}" Width="40" Fill="#54230E"/>

				<Border Grid.Column="2" Grid.Row="0" CornerRadius="40" Background="#F26527" BoxShadow="0 5 #973F19" VerticalAlignment="Stretch">
					<Button HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Center"
							Command="{Binding PlaySectionVM.GoLabyrinth}" CornerRadius="40">
						<StackPanel>
							<Svg Path="/Assets/ImgPlaySection/icon_labyrinth.svg" Margin="30 20"/>
							<Border Background="White" BorderThickness="1" HorizontalAlignment="Stretch" Margin="30 0 30 10"/>
							<TextBlock Text="Лабиринт" FontSize="24" TextAlignment="Center" Foreground="#FFFFFF" Margin="0 0 0 30"/>
						</StackPanel>
					</Button>
				</Border>

				<Rectangle Grid.Column="2" Grid.Row="1" Height="{Binding $parent[Grid].Bounds.Height}" Width="40" Fill="#54230E"/>

				<Border Grid.Column="4" Grid.Row="0" CornerRadius="40" Background="#00A659" BoxShadow="0 5 #006838" VerticalAlignment="Stretch">
					<Button HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Center"
							Command="{Binding PlaySectionVM.GoCreateFriend}" CornerRadius="40">
						<StackPanel>
							<Svg Path="/Assets/ImgPlaySection/icon_create_friend.svg" Margin="30 20"/>
							<Border Background="White" BorderThickness="1" HorizontalAlignment="Stretch" Margin="30 0 30 10"/>
							<TextBlock Text="Создай друга" FontSize="24" TextAlignment="Center" Foreground="#FFFFFF" Margin="0 0 0 30"/>
						</StackPanel>
					</Button>
				</Border>

				<Rectangle Grid.Column="4" Grid.Row="1" Height="{Binding $parent[Grid].Bounds.Height}" Width="40" Fill="#54230E"/>

			</Grid>
		</StackPanel>
		<!--Кнопка Далее-->
		<Border CornerRadius="20" Background="#B21E22" BoxShadow="0 5 #470C0D"
				Margin="0 20 30 20" HorizontalAlignment="Right" VerticalAlignment="Top">
			<Button Command="{Binding PlaySectionVM.GoBack}" CornerRadius="20">
				<TextBlock Text="Выйти" FontSize="28" Foreground="#FFFFFF" Margin="25 15"/>
			</Button>
		</Border>
	</Panel>

</UserControl>
