<?xml version="1.0" encoding="utf-8"?>
<local:MusicContentPage
    x:Class="was.touchcopy.features.music.MusicContentRingtonesPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:was.touchcopy.features.music"
    xmlns:converters="using:was.touchcopy.features.music.converters"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    NavigationCacheMode="Enabled">
    <Page.Resources>
        <ResourceDictionary>
            <converters:RingtoneCountFormatConverter x:Key="RingtoneCountFormatConverter" />
        </ResourceDictionary>
    </Page.Resources>
    <Grid>
        <StackPanel x:Name="stackPanelLoading" VerticalAlignment="Center" HorizontalAlignment="Center">
            <TextBlock x:Uid="TextBlockLoadingRingtones" Text="Loading Ringtones..." Style="{ThemeResource TitleTextBlockStyle}"/>
            <ProgressRing IsIndeterminate="True" Margin="0,10,0,0"/>
        </StackPanel>

        <Grid x:Name="gridContent" Visibility="Collapsed">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Border CornerRadius="{ThemeResource HyperlinkFocusRectCornerRadius}" Background="{ThemeResource AccentAcrylicInAppFillColorBaseBrush}" Margin="0,5" Padding="10" >
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <FontIcon Glyph="&#xE946;" FontSize="24"  VerticalAlignment="Top" Foreground="{StaticResource TextFillColorPrimary}"/>
                    <TextBlock Grid.Column="1" x:Uid="TextBlockRingtonesIntro" Text="XX This page shows all of the ringtones on your device." 
                           Foreground="{StaticResource TextFillColorPrimary}" TextWrapping="Wrap"  Margin="7,0,0,0" />
                    <TextBlock Grid.Column="2" HorizontalAlignment="Right" x:Name="textBlockTrackCount" Text="{x:Bind TrackCount, Converter={StaticResource RingtoneCountFormatConverter}, Mode=OneWay}"/>
                </Grid>
            </Border>
            <local:MusicContentSongsPage x:Name="songsPage" Grid.Row="1" />
        </Grid>
    </Grid>
</local:MusicContentPage>
