<UserControl
    x:Class="ControlExplorer.Controls.BarCode.Generator"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ControlExplorer.Controls.BarCode"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid>
        <GridView ItemsSource="{Binding}" x:Name="categories">
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsStackPanel Orientation="Vertical"/>
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>
            <GridView.ItemTemplate>
                <DataTemplate>
                    <Grid Tapped="Grid_Tapped">
                        <Grid Height="120">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="120"/>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="15"/>
                            </Grid.ColumnDefinitions>
                            <Border Background="{StaticResource CE-TileItemBackgroundBrush}" Margin="0 0 1 5" >
                                <Image Source="{Binding Key}" Margin="15" VerticalAlignment="Center" HorizontalAlignment="Center"></Image>
                            </Border>
                            <Border Grid.Column="1" Background="{StaticResource CE-TileItemBackgroundBrush}" Margin="0 0 1 5" />
                            <Border Grid.Column="2" Background="{StaticResource CE-TileItemBackgroundBrush}" Margin="0 0 1 5" >
                                <Path Height="13"  Data="M0.5,0 L6.86396,6.36396 L0.5,12.7279 L0.5,10.7279 L4.86396,6.36395 L0.5,1.99999 z" Fill="{ThemeResource AppBarItemForegroundThemeBrush}" Stretch="Uniform"/>
                            </Border>
                            <Border Grid.Column="1" Margin="0 0 1 5" >
                                <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="15">
                                    <TextBlock Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum, nulla in lacinia commodo, augue ligula iaculis nulla, et semper volutpat" Foreground="Transparent" Style="{StaticResource CE-SampleListDescriptionTextBlock}"/>
                                </StackPanel>
                            </Border>
                        </Grid>
                        <Grid Height="120">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="120"/>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="15"/>
                            </Grid.ColumnDefinitions>
                            <Border Grid.Column="1" Margin="0 0 1 0" >
                                <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="15 5">
                                    <TextBlock Text="{Binding Value}" Style="{StaticResource CE-SampleListTitleTextBlock}" />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Grid>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>
    </Grid>
</UserControl>
