<DataTemplate xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:sc="using:SearchUI.Controls"
              xmlns:tm="using:SearchUI.TemplateManager"
              x:Key="Shared.ImageSet_2x2_8_1_RTM">

    <ContentControl Style="{CustomResource Resources.Shared.HeroModuleStyle}">

        <sc:ResultGridView OriginalItemsSource="{Binding Extended:entry}"
                           Style="{CustomResource Resources.Shared.NoSelectionSaturatedNestedGridViewStyle}"
                           Margin="-5"
                           MaxItemCount="3">

            <sc:ResultGridView.ItemContainerStyle>
                <Style TargetType="sc:ResultGridViewItem"
                       BasedOn="{CustomResource Resources.Shared.SaturatedNestedGridViewItemStyle}">
                    <Setter Property="Margin"
                            Value="0"/>
                    <Setter Property="VerticalContentAlignment"
                            Value="Top"/>
                    <Setter Property="ActivationOverridePath"
                            Value="Extended:activation.System_ConnectedSearch_ActivateCommand"/>
                    <Setter Property="tm:SetterBinding.Setters">
                        <Setter.Value>
                            <SetterBaseCollection>
                                <Setter Property="AutomationProperties.Name">
                                    <Setter.Value>
                                        <tm:SetterBinding Path="Extended:header.System_Search_Contents"/>
                                    </Setter.Value>
                                </Setter>
                            </SetterBaseCollection>
                        </Setter.Value>
                    </Setter>
                </Style>
            </sc:ResultGridView.ItemContainerStyle>

            <sc:ResultGridView.ItemTemplate>
                <DataTemplate>
                    <Grid Width="{Binding Extended:image.Extended:width}"
                          Height="220"
                          Margin="1">
                        <Grid.RowDefinitions>
                            <!-- Image -->
                            <RowDefinition Height="{Binding Extended:image.Extended:height}"/>
                            <!-- Padding between image and caption -->
                            <RowDefinition Height="5"/>
                            <!-- Caption header-->
                            <RowDefinition Height="Auto"/>
                            <!-- Caption subtext -->
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <!-- Image -->
                        <Image Grid.Row="0"
                               HorizontalAlignment="Left"
                               VerticalAlignment="Top"
                               Source="{Binding Extended:image.Extended:src}"
                               Stretch="Uniform"
                               Style="{CustomResource Resources.Shared.BaseImageStyle}"/>

                        <!-- Caption header -->
                        <TextBlock Grid.Row="2"
                                   Text="{Binding Extended:header.System_Search_Contents}"
                                   TextWrapping="Wrap"
                                   TextTrimming="CharacterEllipsis"
                                   Style="{CustomResource Resources.Shared.HeroPrimaryTextStyle}"
                                   LineHeight="20"
                                   MaxLines="2"/>

                        <!-- Subtext -->
                        <ItemsControl Grid.Row="3"
                                      ItemsSource="{Binding Extended:subtext}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding System_Search_Contents}"
                                               TextWrapping="Wrap"
                                               TextTrimming="CharacterEllipsis"
                                               Style="{CustomResource Resources.Shared.HeroSecondaryTextStyle}"
                                               LineHeight="20"
                                               MaxLines="{Binding Extended:numLines}"/>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </Grid>
                </DataTemplate>
            </sc:ResultGridView.ItemTemplate>

        </sc:ResultGridView>
    </ContentControl>
</DataTemplate>