<!-- The data template for web algo in landscape 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="Web.AppifiedAlgo_Landscape_8_1_RP">
    <Grid Style="{CustomResource Resources.Shared.TopLevelDataTemplateRootStyle}">
        <Grid.Resources>
            <DataTemplate x:Key="Local.AppUnavailableTemplate">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <!-- Page preview image -->
                    <sc:ResultContentControl Grid.Row="0"
                                             Width="360"
                                             Height="200"
                                             Tag="UniformToFill"
                                             Content="{Binding}"
                                             DataContext="{Binding Extended:pagePreview}" />
                    <!-- Title -->
                    <TextBlock tm:RichText.Text="{Binding System_ItemNameDisplay}"
                               Grid.Row="1"
                               MaxLines="2"
                               Style="{CustomResource Resources.Shared.SerpPrimaryTextStyle}"
                               AutomationProperties.AutomationId="Title"
                               Margin="0, 17, 0, 3" />
                    <!-- Metadata -->
                    <ContentControl Grid.Row="2"
                                    Margin="0, 0, 0, 5"
                                    Content="{Binding Extended:metadata}"
                                    Template="{Binding Path=Extended:metadata.System_ConnectedSearch_RenderingTemplate, Converter={CustomResource StringToResource}}"
                                    Tag="2" />
                    <!-- Facts Row -->
                    <ContentControl Content="{Binding}"
                                    DataContext="{Binding Extended:facts}"
                                    ContentTemplateSelector="{CustomResource GenericDataTemplateSelector}"
                                    Grid.Row="3" />
                    <!-- Snippet -->
                    <TextBlock tm:RichText.Text="{Binding System_Search_AutoSummary}"
                               Grid.Row="4"
                               MaxLines="5"
                               Margin="0, 0, 0, 36"
                               Style="{CustomResource Resources.Shared.SerpSecondaryTextStyle}"
                               AutomationProperties.AutomationId="Snippet" />

                    <!-- App Mapping -->
                    <Button Grid.Row="5"                            
                            Padding="10"
                            Margin="-10"
                            Style="{CustomResource Resources.Shared.ResultButtonStyle}"                            
                            AutomationProperties.AutomationId="AppLaunchButton"
                            AutomationProperties.Name="{Binding Extended:appButton.Extended:appInfo.Extended:appInstallAutomationName}"
                            Command="{Binding Extended:appButton.System_ConnectedSearch_ActivateCommand}">
                        <ContentControl Content="{Binding}"                                        
                                        DataContext="{Binding Extended:appButton}"
                                        ContentTemplateSelector="{CustomResource GenericDataTemplateSelector}" />
                    </Button>                        
                </Grid>
            </DataTemplate>
            <DataTemplate x:Key="Local.AppAvailableTemplate">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="200" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <!-- Page preview image -->
                    <sc:ResultContentControl Grid.Row="0"
                                             Width="360"
                                             Height="200"
                                             Tag="UniformToFill"
                                             Content="{Binding}"
                                             DataContext="{Binding Extended:pagePreview}" />                    
                    <!-- Title -->
                    <TextBlock tm:RichText.Text="{Binding System_ItemNameDisplay}"
                               Grid.Row="1"
                               MaxLines="2"
                               Style="{CustomResource Resources.Shared.SerpPrimaryTextStyle}"
                               AutomationProperties.AutomationId="Title"
                               Margin="0, 20, 0, 5" />
                    <!-- Snippet -->
                    <TextBlock tm:RichText.Text="{Binding System_Search_AutoSummary}"
                               Grid.Row="2"
                               MaxLines="5"
                               Style="{CustomResource Resources.Shared.SerpSecondaryTextStyle}"
                               AutomationProperties.AutomationId="Snippet" />
                    <!-- App Mapping -->
                    <ContentControl Grid.Row="3"
                                    Margin="0, 36, 0, 0"                                    
                                    Content="{Binding}"
                                    DataContext="{Binding Extended:appButton}"
                                    ContentTemplateSelector="{CustomResource GenericDataTemplateSelector}" />
                </Grid>
            </DataTemplate>
            <tm:SwitchCaseConverter x:Key="Local.InstallStateConverter"
                                    Default="{StaticResource Local.AppUnavailableTemplate}">
                <tm:SwitchCase Case="0"
                               Value="{StaticResource Local.AppUnavailableTemplate}" />
                <tm:SwitchCase Case="1"
                               Value="{StaticResource Local.AppAvailableTemplate}" />
                <tm:SwitchCase Case="2"
                               Value="{StaticResource Local.AppAvailableTemplate}" />
            </tm:SwitchCaseConverter>
        </Grid.Resources>
        <ContentControl Content="{Binding}"
                        ContentTemplate="{Binding Extended:appButton.System_ConnectedSearch_AppInstalledState, Converter={StaticResource Local.InstallStateConverter}}" />
    </Grid>
</DataTemplate>