﻿<local:AppTileBase
    x:Class="WinStore.UX.Controls.Tiles.SmallAppTile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:WinStore.UX.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:WinStore.UX.Controls.Tiles"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="300"
    d:DesignWidth="400"
    mc:Ignorable="d">

    <Grid x:ConnectionId='1' x:Name="_tileGrid" Width="{StaticResource SmallAppTileWidth}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="44" />
            <ColumnDefinition Width="8" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="8" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="44" />
        </Grid.RowDefinitions>
        <Grid>
            <Image x:ConnectionId='4' x:Name="_logoImage" AutomationProperties.AutomationId="SmallTileLogoImage"
                   AutomationProperties.AccessibilityView="Raw"/>
            <Border BorderThickness="1" BorderBrush="{StaticResource TileImageOverlayBorderBrush}" />
        </Grid>
        <StackPanel Grid.Column="2" VerticalAlignment="Center">
            <TextBlock x:ConnectionId='2'
                x:Name="_title"
                AutomationProperties.AutomationId="SmallTileTitle"
                Foreground="{ThemeResource PrimaryForegroundBrush}"
                Style="{StaticResource BodyTextBlockStyle}"
                TextTrimming="CharacterEllipsis"/>
            <controls:PromoPrice x:ConnectionId='3' x:Name="_pricing" Grid.Row="2"/>
        </StackPanel>
    </Grid>
</local:AppTileBase>

