<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="Shared.HeroStyles_8_1_RP">

    <Style x:Key="Resources.Shared.HeroModuleStyle" 
           TargetType="ContentControl">
        <Setter Property="IsTabStop"
                Value="False"/>
        <Setter Property="Margin"
                Value="30, 20"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ContentControl">

                    <Grid>
                        <Grid.Resources>

                            <!-- Empty title -->

                            <ControlTemplate x:Key="Local.ModuleWithoutHeader"
                                             TargetType="ContentControl">
                            </ControlTemplate>

                            <!-- Title (either with or without activation) -->

                            <ControlTemplate x:Key="Local.ModuleWithHeader" 
                                             TargetType="ContentControl">
                                <Grid>
                                    <Grid.Resources>

                                        <!-- Title without activation -->

                                        <ControlTemplate x:Key="Local.HeaderWithTitle" 
                                                         TargetType="ContentControl">
                                            <!-- Title -->
                                            <TextBlock Text="{Binding Extended:title.System_Search_Contents}"
                                                       Style="{CustomResource Resources.Shared.HeroPrimaryTextStyle}"
                                                       TextTrimming="CharacterEllipsis"
                                                       TextWrapping="NoWrap"
                                                       Opacity="0.6"/>
                                        </ControlTemplate>

                                        <!-- Title with activation -->

                                        <ControlTemplate x:Key="Local.HeaderWithTitleAndActivation" 
                                                         TargetType="ContentControl">
                                            <Button Command="{Binding Extended:activation.System_ConnectedSearch_ActivateCommand}"
                                                    Style="{CustomResource Resources.Shared.SaturatedResultButtonStyle}"
                                                    Padding="10, 5"
                                                    Margin="-10, -5"
                                                    AutomationProperties.Name="{Binding Extended:title.System_Search_Contents}">
                                                <Grid>

                                                    <Grid.Resources>
                                                        <tm:SwitchCaseConverter x:Key="Local.ArrowConverter"
                                                                                Default="&#xE26B;">
                                                            <tm:SwitchCase Case="1"
                                                                           Value="&#xE26C;"/>
                                                        </tm:SwitchCaseConverter>
                                                    </Grid.Resources>

                                                    <Grid.ColumnDefinitions>
                                                        <!-- Title -->
                                                        <ColumnDefinition/>
                                                        <!-- Arrow -->
                                                        <ColumnDefinition Width="Auto"/>
                                                    </Grid.ColumnDefinitions>

                                                    <!-- Title -->
                                                    <TextBlock Grid.Column="0"
                                                               Text="{Binding Extended:title.System_Search_Contents}"
                                                               Style="{CustomResource Resources.Shared.HeroPrimaryTextStyle}"
                                                               TextTrimming="CharacterEllipsis"
                                                               TextWrapping="NoWrap"
                                                               Margin="0, 0, 7, 0"
                                                               Opacity="0.6"/>

                                                    <!-- Arrow -->
                                                    <TextBlock Grid.Column="1"
                                                               Text="{Binding FlowDirection, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource Local.ArrowConverter}}"
                                                               Style="{CustomResource Resources.Shared.HeroPrimaryTextStyle}"
                                                               FontFamily="Segoe UI Symbol"
                                                               Opacity="0.6"/>
                                                </Grid>
                                            </Button>
                                        </ControlTemplate>

                                        <!-- SwitchCaseConverter to display title with or without activation -->

                                        <tm:SwitchCaseConverter x:Key="Local.HeaderPickerConverter"
                                                                Default="{StaticResource Local.HeaderWithTitleAndActivation}">
                                            <tm:SwitchCase Case="{x:Null}"
                                                           Value="{StaticResource Local.HeaderWithTitle}"/>
                                        </tm:SwitchCaseConverter>
                                    </Grid.Resources>

                                    <ContentControl Tag="{Binding Extended:activation.System_ConnectedSearch_ActivateCommand}"
                                                    Margin="0, 5, 0, 15"
                                                    Template="{Binding Tag, RelativeSource={RelativeSource Mode=Self}, Converter={StaticResource Local.HeaderPickerConverter}}"
                                                    IsTabStop="False"/>
                                </Grid>
                            </ControlTemplate>

                            <!-- SwitchCaseConverter to display title or not title -->

                            <tm:SwitchCaseConverter x:Key="Local.TitlePickerConverter"
                                                    Default="{StaticResource Local.ModuleWithHeader}">
                                <tm:SwitchCase Case="{x:Null}"
                                               Value="{StaticResource Local.ModuleWithoutHeader}"/>
                            </tm:SwitchCaseConverter>

                        </Grid.Resources>

                        <Grid.RowDefinitions>
                            <!-- First row's height is 0 when there is no title -->
                            <RowDefinition Height="Auto"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>

                        <!-- Header (collapsed if title is not available) -->
                        <ContentControl Template="{Binding Extended:title.System_Search_Contents, Converter={StaticResource Local.TitlePickerConverter}}"
                                        IsTabStop="False"/>

                        <!-- Main content -->
                        <ContentPresenter Grid.Row="1"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="Resources.Shared.ActionIconStyle"
           TargetType="TextBlock"
           BasedOn="{CustomResource TextStyle_MediumSmall_SemiLight_Saturated}">
        <Setter Property="FontFamily"
                Value="Segoe UI Symbol" />
        <Setter Property="FontSize"
                Value="19" />
        <Setter Property="VerticalAlignment"
                Value="Top" />
        <Setter Property="FlowDirection"
                Value="LeftToRight" />
    </Style>
            
    <Style x:Key="Resources.Shared.ActionTitleStyle"
           TargetType="TextBlock"
           BasedOn="{CustomResource Resources.Shared.HeroPrimaryTextStyle}">
        <Setter Property="VerticalAlignment"
                Value="Top" />
        <Setter Property="TextTrimming"
                Value="CharacterEllipsis" />
    </Style>
    
    <Style x:Key="Resources.Shared.ActionSubtitleStyle"
           TargetType="TextBlock"
           BasedOn="{CustomResource Resources.Shared.HeroSecondaryTextStyle}">
        <Setter Property="TextTrimming"
                Value="CharacterEllipsis" />
    </Style>
</ResourceDictionary>