<!-- Single dominant hero image. -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:tm="using:SearchUI.TemplateManager"
                    x:Key="Entity.DominantImage_8_1_RP">
    <ControlTemplate x:Key="Local.Tooltip">
        <Grid VerticalAlignment="Bottom"
              HorizontalAlignment="Left"
              Width="40"
              Height="41"
              FlowDirection="LeftToRight"
              Opacity="0.6"
              Margin="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}">
            <TextBlock Text="{Binding Extended:iconBorder.System_Search_Contents}"
                       Style="{CustomResource TextStyle_MediumSmall_SemiLight}"
                       Foreground="{ThemeResource ImmersiveSaturatedPrimaryTextBrush}"
                       FontFamily="Segoe UI Symbol"
                       FontSize="9"
                       Padding="14, 14, 0, 0"/>
            <TextBlock Text="{Binding Extended:icon.System_Search_Contents}"
                       Style="{CustomResource TextStyle_MediumSmall_SemiLight}"
                       Foreground="{ThemeResource ImmersiveSaturatedPrimaryTextBrush}"
                       FontFamily="Segoe UI Symbol"
                       FontSize="11"
                       Padding="18, 12, 0, 0"/>
            <ToolTipService.ToolTip>
                <StackPanel>
                   <TextBlock Text="{Binding Extended:copyright.System_Search_Contents}"/>
                </StackPanel>
            </ToolTipService.ToolTip>
        </Grid>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.ClickableSurface">
        <Button Command="{Binding Extended:activation.System_ConnectedSearch_ActivateCommand}"
                Style="{CustomResource Resources.Shared.SaturatedResultButtonStyle}"
                VerticalAlignment="Stretch"
                AutomationProperties.Name="{Binding Extended:altText.Extended:text}">
            <ContentPresenter/>
        </Button>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.BasicSurface">
      <ContentPresenter/>
    </ControlTemplate>
    <tm:SwitchCaseConverter x:Key="Local.SurfaceConverter"
                            Default="{StaticResource Local.BasicSurface}">
        <tm:SwitchCase Case="true"
                       Value="{StaticResource Local.ClickableSurface}" />
    </tm:SwitchCaseConverter>

    <DataTemplate x:Key="Local.BasicHorizontalTemplate">
        <Grid>
            <!-- The binding data used in the following images should be mutually exclusive: only one image should be displayed -->
            <Image Source="{Binding Extended:horizontal.Extended:imageFull.Extended:src}"
                   Stretch="Uniform"
                   Height="{Binding Extended:horizontal.Extended:imageFull.Extended:height}"
                   Width="{Binding Extended:horizontal.Extended:imageFull.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <Image Source="{Binding Extended:horizontal.Extended:image.Extended:src}"
                   Stretch="Uniform"
                   Margin="0, 140, 0, 0"
                   Height="{Binding Extended:horizontal.Extended:image.Extended:height}"
                   Width="{Binding Extended:horizontal.Extended:image.Extended:width}"
                   VerticalAlignment="Top" 
                   HorizontalAlignment="Left"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <ContentControl Content="{Binding}"
                            Template="{StaticResource Local.Tooltip}"
                            Tag="20, 0, 0, 15"
                            Visibility="{Binding Converter={CustomResource NullOrEmptyToVisibility}, ConverterParameter=Extended:copyright}"
                            IsTabStop="False"/>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="Local.BasicHorizontalLargeTemplate">
        <Grid>
            <Image Source="{Binding Extended:horizontalLarge.Extended:imageFull.Extended:src}"
                   Stretch="Uniform"
                   Height="{Binding Extended:horizontalLarge.Extended:imageFull.Extended:height}"
                   Width="{Binding Extended:horizontalLarge.Extended:imageFull.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <Image Source="{Binding Extended:horizontalLarge.Extended:image.Extended:src}"
                   Margin="0, 280, 0, 0"
                   Stretch="Uniform"
                   Height="{Binding Extended:horizontalLarge.Extended:image.Extended:height}"
                   Width="{Binding Extended:horizontalLarge.Extended:image.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <ContentControl Content="{Binding}"
                            Template="{StaticResource Local.Tooltip}"
                            Tag="20, 0, 0, 15"
                            Visibility="{Binding Converter={CustomResource NullOrEmptyToVisibility}, ConverterParameter=Extended:copyright}"
                            IsTabStop="False"/>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="Local.BasicVerticalNarrowTemplate">
        <Grid>
            <Image Source="{Binding Extended:verticalNarrow.Extended:image.Extended:src}"
                   Margin="30, 0, 0, 0"
                   Height="{Binding Extended:verticalNarrow.Extended:image.Extended:height}"
                   Width="{Binding Extended:verticalNarrow.Extended:image.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Stretch="Uniform"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <ContentControl Content="{Binding}"
                            Template="{StaticResource Local.Tooltip}"
                            Tag="30, 0, 0, 25"
                            Visibility="{Binding Converter={CustomResource NullOrEmptyToVisibility}, ConverterParameter=Extended:copyright}"
                            IsTabStop="False"/>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="Local.BasicVerticalTemplate">
        <Grid>
            <Image Source="{Binding Extended:vertical.Extended:image.Extended:src}"
                   Margin="50, 0, 0, 0"
                   Height="{Binding Extended:vertical.Extended:image.Extended:height}"
                   Width="{Binding Extended:vertical.Extended:image.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Stretch="Uniform"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <ContentControl Content="{Binding}"
                            Template="{StaticResource Local.Tooltip}"
                            Tag="50, 0, 0, 25"
                            Visibility="{Binding Converter={CustomResource NullOrEmptyToVisibility}, ConverterParameter=Extended:copyright}"
                            IsTabStop="False"/>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="Local.BasicVerticalLargeTemplate">
        <Grid>
            <Image Source="{Binding Extended:verticalLarge.Extended:image.Extended:src}"
                   Margin="80, 0, 0, 0"
                   Height="{Binding Extended:verticalLarge.Extended:image.Extended:height}"
                   Width="{Binding Extended:verticalLarge.Extended:image.Extended:width}"
                   VerticalAlignment="Top"
                   HorizontalAlignment="Left"
                   Stretch="Uniform"
                   Style="{CustomResource Resources.Shared.BaseImageStyle}"/>
            <ContentControl Content="{Binding}"
                            Template="{StaticResource Local.Tooltip}"
                            Tag="80, 0, 0, 25"
                            Visibility="{Binding Converter={CustomResource NullOrEmptyToVisibility}, ConverterParameter=Extended:copyright}"
                            IsTabStop="False"/>
        </Grid>
    </DataTemplate>
    
    <ControlTemplate x:Key="Local.HorizontalTemplate">
        <ContentControl ContentTemplate="{StaticResource Local.BasicHorizontalTemplate}"
                        Template="{Binding Extended:clickable.System_Search_Contents, Converter={StaticResource Local.SurfaceConverter}}"
                        IsTabStop="False"/>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.HorizontalLargeTemplate">
        <ContentControl ContentTemplate="{StaticResource Local.BasicHorizontalLargeTemplate}"
                        Template="{Binding Extended:clickable.System_Search_Contents, Converter={StaticResource Local.SurfaceConverter}}"
                        IsTabStop="False"/>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.VerticalNarrowTemplate">
        <ContentControl ContentTemplate="{StaticResource Local.BasicVerticalNarrowTemplate}"
                        Template="{Binding Extended:clickable.System_Search_Contents, Converter={StaticResource Local.SurfaceConverter}}"
                        IsTabStop="False"/>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.VerticalTemplate">
        <ContentControl ContentTemplate="{StaticResource Local.BasicVerticalTemplate}"
                        Template="{Binding Extended:clickable.System_Search_Contents, Converter={StaticResource Local.SurfaceConverter}}"
                        IsTabStop="False"/>
    </ControlTemplate>
    <ControlTemplate x:Key="Local.VerticalLargeTemplate">
        <ContentControl ContentTemplate="{StaticResource Local.BasicVerticalLargeTemplate}"
                        Template="{Binding Extended:clickable.System_Search_Contents, Converter={StaticResource Local.SurfaceConverter}}"
                        IsTabStop="False"/>
    </ControlTemplate>

    <Style x:Key="Horizontal"
           TargetType="ContentControl">
        <Setter Property="Template"
                Value="{StaticResource Local.HorizontalTemplate}"/>
    </Style>
    <Style x:Key="HorizontalLarge"
           TargetType="ContentControl">
        <Setter Property="Template"
                Value="{StaticResource Local.HorizontalLargeTemplate}"/>
    </Style>
    <Style x:Key="VerticalNarrow"
           TargetType="ContentControl">
        <Setter Property="Template"
                Value="{StaticResource Local.VerticalNarrowTemplate}"/>
    </Style>
    <!-- Vertical -->
    <Style x:Key="Vertical"
           TargetType="ContentControl">
        <Setter Property="Template"
                Value="{StaticResource Local.VerticalTemplate}"/>
    </Style>
    <Style x:Key="VerticalLarge"
           TargetType="ContentControl">
        <Setter Property="Template"
                Value="{StaticResource Local.VerticalLargeTemplate}"/>
    </Style>
</ResourceDictionary>