<UserControl x:Class="ControlExplorer.Controls.Tile.TileTypes"
    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="#FFC410" />
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="80"/>
            <Setter Property="HeaderForeground" Value="White"/>
            <Setter Property="HeaderFontSize" Value="12"/>
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Margin" Value="1" />
            <Setter Property="Width" Value="173" />
            <Setter Property="Height" Value="173" />
            <Setter Property="c1tile:C1TileService.PointerDownAnimation" Value="True"/>
        </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 Margin="12" HorizontalAlignment="Center">
                <c1tile:C1Tile Content="1" Header="C1Tile" HeaderPadding="12" Padding="0" HeaderBackground="#22000000" HorizontalHeaderAlignment="Stretch" />
                <c1tile:C1SlideTile Content="2" HeaderPadding="12"
                    HorizontalContentAlignment="Stretch"
                    VerticalContentAlignment="Stretch" Padding="0" Header="C1SlideTile">
                    <c1tile:C1Tile.ContentTemplate>
                        <DataTemplate>
                            <Border Background="#FFBC1C48" >
                                <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Center" />
                            </Border>
                        </DataTemplate>
                    </c1tile:C1Tile.ContentTemplate>
                    <c1tile:C1Tile.BackContentTemplate>
                        <DataTemplate>
                            <Border Background="#FF028541" >
                                <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                                    <TextBlock Text="{Binding}" Foreground="White" HorizontalAlignment="Center"/>
                                    <TextBlock Text="Back Content Template" Margin="0 -10 0 0" FontSize="12" Foreground="White" HorizontalAlignment="Center"/>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </c1tile:C1Tile.BackContentTemplate>
                </c1tile:C1SlideTile>
                <c1tile:C1SlideTile Content="3" BackContent="Back Content 3" FontSize="36" Header="C1SlideTile" HeaderPadding="12" Padding="0"/>
                <c1tile:C1SlideTile Content="4" Header="C1SlideTile, SlideDirection = Right" HeaderPadding="12" Padding="0" SlideDirection="Right" HorizontalHeaderAlignment="Right"/>
                <c1tile:C1SlideTile Content="5" Header="C1SlideTile" />
                <c1tile:C1FlipTile Content="6" Header="C1FlipTile" />
                <c1tile:C1FlipTile Content="7" Header="C1FlipTile" HeaderPadding="12" Padding="0" HeaderBackground="#22000000">
                    <c1tile:C1Tile.ContentTemplate>
                        <DataTemplate>
                            <Border Background="#FF8C0095" >
                                <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Center" />
                            </Border>
                        </DataTemplate>
                    </c1tile:C1Tile.ContentTemplate>
                    <c1tile:C1Tile.BackContentTemplate>
                        <DataTemplate>
                            <Border Background="#FFCD4900" >
                                <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                                    <TextBlock Text="{Binding}" Foreground="White" HorizontalAlignment="Center"/>
                                    <TextBlock Text="Back Content Template" Margin="0 -10 0 0" FontSize="12" Foreground="White" HorizontalAlignment="Center"/>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </c1tile:C1Tile.BackContentTemplate>
                </c1tile:C1FlipTile>
            </c1:C1WrapPanel>
       </ScrollViewer>
   </Grid>
</UserControl>
