<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
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:local="clr-namespace:SkillTree"
x:Class="SkillTree.Controller"
mc:Ignorable="d"
x:Name="SkillTree.Contr">
    <UserControl.Resources>
        <ResourceDictionary>
            <local:IntegerToStringConverter x:Key="IntegerToStringConverter" />

            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>

    <ViewBox>
        <Grid x:Name="BaseScreen" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Grid x:Name="BaseFrame" Width="1352" Height="904" HorizontalAlignment="Left" VerticalAlignment="Center">
                <Popup x:Name="Tooltip" AllowsTransparency="True" Placement="Right" >
                    <Border x:Name="Border" BorderThickness="2" BorderBrush="#96495051" CornerRadius="2" Margin="10,3,0,0">
                        <Border.Effect>
                            <DropShadowEffect ShadowDepth="2" />
                        </Border.Effect>

                        <Grid Background="#b40d1317">
                            <ItemsControl x:Name="TooltipControl" ItemsSource="{Binding Tooltip}">
                                <ItemsControl.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <WrapPanel Orientation="Vertical" Margin="20,20,20,20" MaxWidth="350"></WrapPanel>
                                    </ItemsPanelTemplate>
                                </ItemsControl.ItemsPanel>
                            </ItemsControl>
                        </Grid>
                    </Border>
                </Popup>

                <Image x:Name="Background" Width="Auto" Height="Auto" Source="UI_SkillTree_Window.png" />

                <Grid Width="1352">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="20" /> <!-- Empty -->
                        <RowDefinition Height="70" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <!-- Header -->
                    <Grid Grid.Row="1">
                        <TextBlock x:Name="TitleLabel" Style="{StaticResource RvWindowTitle}" HorizontalAlignment="Center" Margin="0,30,0,0" Text="Skill Tree" />
                        <Canvas>
                            <Button x:Name="CloseButton" Click="OnClickExit" Canvas.Right="25" Canvas.Top="10" Style="{StaticResource Button_Close}" />
                        </Canvas>
                    </Grid>

                    <!-- Control -->
                    <Grid Grid.Row="2">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="64" />
                            <RowDefinition Height="630" />
                        </Grid.RowDefinitions>

                        <!-- Level Display -->
                        <Grid Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="25,0,0,5">
                            <Image Width="620" Height="40" Source="UI_SkillTree_LevelFrame.png" />
                            <TextBlock x:Name="PointsLabel" Margin="40,0,0,0" Style="{StaticResource RvLevelTitle}" HorizontalAlignment="Left" VerticalAlignment="Center" Text="Skill Points: 0" />
                        </Grid>

                        <!-- Points Display -->
                        <Grid Grid.Row="0" Margin="50,24,50,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>

                            <Grid Grid.Column="0">
                                <Image Width="204" Height="52" Source="UI_SkillTree_PointFrame.png" />
                                <TextBlock x:Name="Section1Label" Margin="0,8,0,0" Style="{StaticResource RvSectionTitleGreen}" HorizontalAlignment="Center" VerticalAlignment="Center" Text="Protection: 0" />
                            </Grid>
                            <Grid Grid.Column="1">
                                <Image Width="204" Height="52" Source="UI_SkillTree_PointFrame.png" />
                                <TextBlock x:Name="Section2Label" Margin="0,8,0,0" Style="{StaticResource RvSectionTitleBlue}" HorizontalAlignment="Center" VerticalAlignment="Center" Text="Bravery: 0" />
                            </Grid>
                            <Grid Grid.Column="2">
                                <Image Width="204" Height="52" Source="UI_SkillTree_PointFrame.png" />
                                <TextBlock x:Name="Section3Label" Margin="0,8,0,0" Style="{StaticResource RvSectionTitleRed}" HorizontalAlignment="Center" VerticalAlignment="Center" Text="Anger: 0" />
                            </Grid>
                        </Grid>

                        <!-- Skill Display (2) -->
                        <ItemsControl x:Name="SkillsControl" Grid.Row="1" Margin="50,0,50,0" ItemsSource="{Binding Skills}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />

                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />

                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>

                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="*" />
                                        </Grid.RowDefinitions>
                                    </Grid>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>

                            <ItemsControl.ItemContainerStyle>
                                <Style>
                                    <Setter Property="Grid.Row" Value="{Binding Row}" />
                                    <Setter Property="Grid.Column" Value="{Binding Column}" />
                                </Style>
                            </ItemsControl.ItemContainerStyle>

                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Button Click="OnClickSkill" MouseMove="OnMouseMoveSkill" MouseLeave="OnMouseLeaveSkill" Style="{StaticResource SkillTree_SkillButton}" Content="{Binding Level, Converter={StaticResource IntegerToStringConverter}}" />
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </ViewBox>
</UserControl>