<local:MusicContentPage
    x:Class="was.touchcopy.features.music.MusicITunesPage"
    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"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    NavigationCacheMode="Enabled">
    <Page.Resources>
        <ResourceDictionary>
            <converters:TrackCountFormatConverter x:Key="TrackCountFormatConverter" />
        </ResourceDictionary>
    </Page.Resources>
    <Grid>
        <StackPanel x:Name="stackPanelLoading" VerticalAlignment="Center" HorizontalAlignment="Center">
            <TextBlock x:Uid="TextBlockLoadingITunesLibrary" Text="Loading iTunes Library..." 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="TextBlockNotInItunesIntro" Text="XX This page shows all the tracks on your iPhone that are not currently in your iTunes library on this PC." 
                               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 TrackCountFormatConverter}, Mode=OneWay}"/>
                </Grid>
            </Border>
            <local:MusicContentSongsPage x:Name="songsPage" Grid.Row="1" />
        </Grid>
        <StackPanel x:Name="stackPanelEverythingInITunes" Visibility="Collapsed" VerticalAlignment="Center" >
            <FontIcon Glyph="&#xE73D;" Foreground="{ThemeResource SystemAccentColor}" FontSize="48"/>
            <TextBlock  x:Uid="TextBlockITunesAllMusicInITunes" Text="XX All the music on your iPhone is already in your iTunes library." HorizontalAlignment="Center" Margin="0,20,0,50" Style="{ThemeResource FlyoutPickerTitleTextBlockStyle}"/>
        </StackPanel>
    </Grid>
</local:MusicContentPage>
