<UserControl
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:dependencys="clr-namespace:YourHeroes.GUI.Dependencys"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" >
  <UserControl.Resources>
    <ResourceDictionary Source="Resources.xaml"/>
  </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="0.15*"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" Grid.Column="0" Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Content="COLLECTION HERO"/>
            <ListBox x:Name="HeroesListBox" Grid.Row="1" ItemsSource="{Binding Heroes}" SelectedItem ="{Binding SelectedHero}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid Columns="3" VerticalAlignment="Top" Margin="5" KeyboardNavigation.DirectionalNavigation="Contained"/>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>    
                <b:Interaction.Triggers>
                    <b:EventTrigger EventName="SelectionChanged">
                        <b:InvokeCommandAction Command="{Binding SelectHero}" CommandParameter="{Binding ElementName=HeroesListBox, Path=SelectedItem}"/>
                    </b:EventTrigger>
                </b:Interaction.Triggers>
            </ListBox>
        </Grid>
        <Grid Height="30">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="14"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="14"/>
            </Grid.ColumnDefinitions>
            <Rectangle Grid.Column="0" Grid.Row="0" Fill="{StaticResource MoneyBackgroundLeft}"/>
            <Rectangle Grid.Column="1" Grid.Row="0" Fill="{StaticResource MoneyBackgroundCenter}"/>
            <Rectangle Grid.Column="2" Grid.Row="0" Fill="{StaticResource MoneyBackgroundRight}"/>
        </Grid>
        <Grid Grid.Row="0" Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="0.107*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Button Grid.Column="0" Content="100" Style="{StaticResource Style.MoneyButton}" dependencys:Icon.IconSource="/Assets/Resources/GUI/KeyIcon.png"/>
                <Button Grid.Column="1" Content="100" Style="{StaticResource Style.MoneyButton}" dependencys:Icon.IconSource="/Assets/Resources/GUI/DiamondIcon.png"/>
                <Button Grid.Column="2" Content="100" Style="{StaticResource Style.MoneyButton}" dependencys:Icon.IconSource="/Assets/Resources/GUI/GoldIcon.png"/>
            </Grid>
        </Grid>  
        <!--Image Grid.ColumnSpan="3" Grid.Row="1" Source="/Assets/Resources/GUI/popup_bg.png" VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="Fill"/-->
    </Grid>
</UserControl>