<!-- The data template for QuerySuggestion answer in portrait mode -->
<DataTemplate xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:tm="using:SearchUI.TemplateManager"
              xmlns:sc="using:SearchUI.Controls"
              x:Key="QuerySuggestion.Home_Portrait_8_1_RP">
    <Grid Style="{CustomResource Resources.Shared.SuppressedTopLevelDataTemplateRootStyle}">
        <Grid.Resources>
            <tm:StringVector x:Key="Local.SuggestionAutomationId">
                <x:String>@Suggestion.</x:String>
                <x:String>Extended:suggestionStrippedHitHighlighting</x:String>
            </tm:StringVector>
            <DataTemplate x:Key="Local.ItemTemplate">
                <TextBlock Style="{CustomResource Resources.Shared.LinkTextStyle}"
                           HorizontalAlignment="Stretch"
                           MaxLines="1"
                           Margin="5"
                           tm:RichText.Text="{Binding System_Search_Contents}"
                           AutomationProperties.AutomationId="{Binding Converter={CustomResource StringPropertyConcatenator}, ConverterParameter={StaticResource Local.SuggestionAutomationId}}" />
            </DataTemplate>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
                   MaxLines="1"
                   Margin="8, 10, 10, 25"
                   Style="{CustomResource Resources.Shared.SerpPrimaryTextStyle}"
                   tm:RichText.Text="{Binding System_ItemNameDisplay}"
                   AutomationProperties.AutomationId="Title" />

        <sc:ResultGridView Grid.Row="1"
                           Style="{CustomResource Resources.Shared.NoSelectionNestedGridViewStyle}"
                           ItemsSource="{Binding Extended:suggestions.Extended:text}"
                           ItemTemplate="{StaticResource Local.ItemTemplate}"
                           Margin="-4, 0, -10, 0">
            <GridView.ItemContainerStyle>
                <Style TargetType="GridViewItem"
                       BasedOn="{CustomResource Resources.Shared.NestedGridViewItemStyle}">
                    <Setter Property="Margin"
                            Value="0, 0, 10, 4" />
                    <Setter Property="tm:SetterBinding.Setters">
                        <Setter.Value>
                            <SetterBaseCollection>
                                <Setter Property="AutomationProperties.Name">
                                    <Setter.Value>
                                        <tm:SetterBinding Path="Extended:suggestionStrippedHitHighlighting" />
                                    </Setter.Value>
                                </Setter>
                            </SetterBaseCollection>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GridView.ItemContainerStyle>
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <VariableSizedWrapGrid Orientation="Vertical"
                                           MaximumRowsOrColumns="4"
                                           ItemWidth="310"
                                           ItemHeight="60" />
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>
        </sc:ResultGridView>
    </Grid>
</DataTemplate>