<!-- Template to render News answer.  This is the "home page" for the News answer. -->
<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="News.Home_Landscape_8_1_RP">
    <Grid>
        <Grid.Resources>
            <DataTemplate x:Key="Local.AttributionAndTimestamp">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Style="{CustomResource Resources.Shared.LinkTextStyle}"
                               tm:RichText.Text="{Binding Extended:attribution.System_Search_Contents}"
                               AutomationProperties.AutomationId="Attribution" />
                    <TextBlock Style="{CustomResource Resources.Shared.SerpSecondaryTextStyle}"
                               Grid.Column="1"
                               FontFamily="Segoe UI Symbol"
                               Text="&#xB7;"
                               Margin="2, 0" />
                    <TextBlock Style="{CustomResource Resources.Shared.SerpSecondaryTextStyle}"
                               Grid.Column="2"
                               tm:RichText.Text="{Binding Extended:timestamp.System_Search_Contents}"
                               AutomationProperties.AutomationId="Timestamp" />
                </Grid>
            </DataTemplate>
            <DataTemplate x:Key="Local.FirstArticle">
                <Grid Style="{CustomResource Resources.Shared.NestedTopLevelDataTemplateRootStyle}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <sc:ResultContentControl Width="360"
                                             Height="200"
                                             Margin="0, 0, 0, 20"
                                             Tag="None"
                                             Content="{Binding}"
                                             DataContext="{Binding Extended:firstarticle.Extended:relevantImage}" />
                    <TextBlock Style="{CustomResource Resources.Shared.SerpPrimaryTextStyle}"
                               Grid.Row="1"
                               MaxLines="2"
                               tm:RichText.Text="{Binding Extended:firstarticle.Extended:headline.System_Search_Contents}"
                               AutomationProperties.AutomationId="Headline" />
                    <ContentControl ContentTemplate="{StaticResource Local.AttributionAndTimestamp}"
                                    Grid.Row="2"
                                    Margin="0, 5, 0, 5"
                                    DataContext="{Binding Extended:firstarticle}" />
                    <TextBlock Style="{CustomResource Resources.Shared.PrimaryNormalTextStyle}"
                               Grid.Row="3"
                               MaxLines="3"
                               tm:RichText.Text="{Binding Extended:firstarticle.Extended:snippet.System_Search_Contents}"
                               AutomationProperties.AutomationId="Snippet" />
                </Grid>
            </DataTemplate>
            <DataTemplate x:Key="Local.SingleArticle">
                <Grid Margin="4, 0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <TextBlock Style="{CustomResource Resources.Shared.PrimaryNormalTextStyle}"
                               MaxLines="1"
                               tm:RichText.Text="{Binding Extended:headline.System_Search_Contents}"
                               AutomationProperties.AutomationId="Headline" />
                    <ContentControl Grid.Row="1"
                                    ContentTemplate="{StaticResource Local.AttributionAndTimestamp}"
                                    DataContext="{Binding}" />
                </Grid>
            </DataTemplate>
        </Grid.Resources>

        <sc:ResultGridView Style="{CustomResource Resources.Shared.HorizontalModeNestedGridViewStyle}">
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                    </Grid>
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>

            <sc:ResultGridViewItem Grid.Row="0"
                                   DataContext="{Binding}"
                                   Style="{CustomResource Resources.Shared.TopLevelGridViewItemStyle}"
                                   ActivationOverridePath="Extended:firstarticle.Extended:headline.System_ConnectedSearch_ActivateCommand">
                <ContentControl ContentTemplate="{StaticResource Local.FirstArticle}" />
            </sc:ResultGridViewItem>

            <sc:ResultGridViewItem Grid.Row="1"
                                   Style="{CustomResource Resources.Shared.SuppressedGridViewItemStyle}"
                                   DataContext="{Binding Extended:article}">                
                <sc:ResultGridView Margin="8, 0"
                                   Style="{CustomResource Resources.Shared.HorizontalModeNestedGridViewStyle}"
                                   ItemsSource="{Binding}"
                                   ItemTemplate="{StaticResource Local.SingleArticle}">
                    <GridView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <VariableSizedWrapGrid Orientation="Horizontal"
                                                   ItemWidth="380"
                                                   ItemHeight="60"
                                                   MaximumRowsOrColumns="1" />
                        </ItemsPanelTemplate>
                    </GridView.ItemsPanel>
                    <GridView.ItemContainerStyle>
                        <Style TargetType="sc:ResultGridViewItem"
                               BasedOn="{CustomResource Resources.Shared.NestedGridViewItemStyle}">
                            <Setter Property="ActivationOverridePath"
                                    Value="Extended:headline.System_ConnectedSearch_ActivateCommand" />
                            <Setter Property="Margin"
                                    Value="0, 0, 0, 4" />
                            <Setter Property="tm:SetterBinding.Setters">
                                <Setter.Value>
                                    <SetterBaseCollection>
                                        <Setter Property="AutomationProperties.Name">
                                            <Setter.Value>
                                                <tm:SetterBinding Path="Extended:headline.System_Search_Contents" />
                                            </Setter.Value>
                                        </Setter>
                                    </SetterBaseCollection>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </GridView.ItemContainerStyle>
                </sc:ResultGridView>
            </sc:ResultGridViewItem>

            <sc:ResultGridViewItem Grid.Row="2"
                                   Margin="20, 10"
                                   DataContext="{Binding Extended:appButton}"
                                   Style="{CustomResource Resources.Shared.SuppressedGridViewItemStyle}">
                <ContentControl Content="{Binding}"                                
                                ContentTemplateSelector="{CustomResource GenericDataTemplateSelector}" />
            </sc:ResultGridViewItem>
        </sc:ResultGridView>
    </Grid>
</DataTemplate>