<!-- Songs module template -->
<DataTemplate xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:sc="using:SearchUI.Controls"
              xmlns:tm="using:SearchUI.TemplateManager"
              x:Key="Shared.SongsList_8_1_RTM">

    <ContentControl Style="{CustomResource Resources.Shared.HeroModuleStyle}">

        <ContentControl.Resources>

            <!-- Optional Text Style -->

            <Style x:Key="Local.OptionalTextStyle"
                   TargetType="TextBlock"
                   BasedOn="{CustomResource Resources.Shared.HeroSecondaryTextStyle}">
                <Setter Property="VerticalAlignment"
                        Value="Top" />
                <Setter Property="Margin"
                        Value="20, 0, 0, 0" />
            </Style>

        </ContentControl.Resources>

        <!-- Module -->

        <!-- TODO create a style for this ResultGridView so that IsEnabled is False when the app is not installed or requires an upgrade -->
        <sc:ResultGridView ItemsSource="{Binding Extended:entry}"
                           Style="{CustomResource Resources.Shared.NoSelectionSaturatedNestedGridViewStyle}"
                           Margin="-10"
                           ItemContainerStyle="{CustomResource Resources.Shared.ActionItemStyle}">

            <sc:ResultGridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <sc:OverflowStackPanel Orientation="Vertical" />
                </ItemsPanelTemplate>
            </sc:ResultGridView.ItemsPanel>

            <sc:ResultGridView.ItemTemplate>
                <DataTemplate>
                    <Grid Width="272"
                          Height="52">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="11" />
                            <!-- Top of text -->
                            <RowDefinition Height="2" />
                            <!-- Top of button -->
                            <RowDefinition Height="18" />
                            <!-- Top of subtext -->
                            <RowDefinition Height="20" />
                        </Grid.RowDefinitions>

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="15" />
                            <!-- Button -->
                            <ColumnDefinition Width="auto" />
                            <!-- Padding between button and title -->
                            <ColumnDefinition Width="16" />
                            <!-- Title -->
                            <ColumnDefinition />
                            <!-- Optional text -->
                            <ColumnDefinition Width="auto" />
                            <ColumnDefinition Width="10" />
                        </Grid.ColumnDefinitions>

                        <!-- Button -->
                        <TextBlock Grid.Row="2"
                                   Grid.Column="1"
                                   Grid.RowSpan="2"
                                   Style="{CustomResource Resources.Shared.ActionIconStyle}"
                                   Text="&#xE17E;&#xE102;" />

                        <!-- Title -->
                        <TextBlock Grid.Row="1"
                                   Grid.Column="3"
                                   Grid.RowSpan="2"
                                   Style="{CustomResource Resources.Shared.ActionTitleStyle}"
                                   Text="{Binding Extended:text.System_Search_Contents}" />

                        <!-- Subtext -->
                        <TextBlock Grid.Row="3"
                                   Grid.Column="3"
                                   Style="{CustomResource Resources.Shared.ActionSubtitleStyle}"
                                   Text="{Binding Extended:subtext.System_Search_Contents}" />

                        <!-- Optional text -->
                        <TextBlock Grid.Row="1"
                                   Grid.Column="4"
                                   Grid.RowSpan="2"
                                   Style="{StaticResource Local.OptionalTextStyle}"
                                   Text="{Binding Extended:opttext.System_Search_Contents}" />
                    </Grid>
                </DataTemplate>
            </sc:ResultGridView.ItemTemplate>
        </sc:ResultGridView>

    </ContentControl>
</DataTemplate>