<UserControl x:Class="ControlExplorer.Controls.Tile.ContentSourceSample"
    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:c1="using:C1.Xaml"
    xmlns:c1tile="using:C1.Xaml.Tile"
    mc:Ignorable="d"
    d:DesignHeight="480" d:DesignWidth="480">

    <UserControl.Resources>

        <Style TargetType="c1tile:C1Tile" x:Key="baseTileStyle">
            <Setter Property="Background" Value="LightGray"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="HeaderPadding" Value="5"/>
            <Setter Property="HeaderBackground" Value="#88000000"/>
            <Setter Property="HeaderForeground" Value="White"/>
            <Setter Property="HeaderFontSize" Value="20"/>
            <Setter Property="HorizontalHeaderAlignment" Value="Stretch"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Height" Value="190"/>
            <Setter Property="Width" Value="190"/>
            <Setter Property="Margin" Value="3"/>
            <Setter Property="c1tile:C1TileService.PointerDownAnimation" Value="True"/>
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Grid>
                            <Image Source="{Binding ImageSource}" Stretch="UniformToFill" Margin="0"/>
                            <Border Background="#88FFFFFF" VerticalAlignment="Top">
                                <TextBlock Text="{Binding Author}" Foreground="Black" FontSize="12" FontWeight="Bold" VerticalAlignment="Top" Margin="10 4"/>
                            </Border>
                        </Grid>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style TargetType="c1tile:C1Tile" BasedOn="{StaticResource baseTileStyle}">
        </Style>
        <Style TargetType="c1tile:C1SlideTile" BasedOn="{StaticResource baseTileStyle}">
        </Style>
        <Style TargetType="c1tile:C1FlipTile" BasedOn="{StaticResource baseTileStyle}">
        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot">
        <ScrollViewer HorizontalAlignment="Stretch">
            <c1:C1WrapPanel x:Name="tilePanel" HorizontalAlignment="Center" >
                <c1tile:C1SlideTile Header="nature"/>
                <c1tile:C1FlipTile Header="people"/>
                <c1tile:C1SlideTile Width="386" Header="travel"/>
                <c1tile:C1FlipTile Header="night"/>
                <c1tile:C1SlideTile Header="traffic"/>
                <c1tile:C1SlideTile Header="animals"/>
                <c1tile:C1SlideTile Header="cars"/>
                <c1tile:C1SlideTile Header="family"/>
                <c1tile:C1Tile Header="summer"/>
                <c1tile:C1SlideTile Width="386" Header="architecture"/>
            </c1:C1WrapPanel>
        </ScrollViewer>

    </Grid>
</UserControl>
