<UserControl x:Class="Desktop.ProducerControl"
             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:local="clr-namespace:Desktop"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">


    <UserControl.Resources>
        <local:ImagePathConverter x:Key="ImagePathConverter"></local:ImagePathConverter>

        <DataTemplate x:Key="ItemTemplate">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition SharedSizeGroup="SingleWidthColumn"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Grid.Style>
                    <Style>
                        <Setter Property="TextBlock.Foreground" Value="Black"></Setter>
                    </Style>
                </Grid.Style>
                <Border Margin="5" BorderThickness="0"
                     CornerRadius="4">
                    <Button  Background="White" FontWeight="Bold" FontSize="12" FontFamily="Tahoma"  Command="{Binding Path=TestCommand}">
                    <StackPanel Margin="3" Name="stack">
                        <TextBlock Text="{Binding Path=Name}" HorizontalAlignment="Center"></TextBlock>
                        <Image Source="{Binding Path=ImageName, Converter={StaticResource ImagePathConverter}}"
                     Height ="70" Width="100"
                     ></Image>
                    </StackPanel>
                        </Button>
                </Border>
            </Grid>
        </DataTemplate>
    </UserControl.Resources>
    
    <Grid>
        <ListBox Grid.IsSharedSizeScope="True" Grid.Row="1" Margin="3" Name="lstProducers" ItemTemplate="{StaticResource ItemTemplate}"
             ScrollViewer.HorizontalScrollBarVisibility="Disabled" SnapsToDevicePixels="True" 
                 ItemsSource="{Binding Producers}" BorderThickness="0" IsSynchronizedWithCurrentItem="True"
                 SelectedItem="{Binding Path=CurrentItem, Mode=TwoWay}">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel></WrapPanel>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>
    </Grid>
</UserControl>