FoxTube/FoxTube/Pages/ChannelPage.xaml

<Page
    NavigationCacheMode="Disabled"
    x:Class="FoxTube.Pages.ChannelPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:FoxTube"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pages="using:FoxTube.Pages"
    xmlns:controls="using:FoxTube.Controls"
    mc:Ignorable="d">

    <Grid Name="grid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>

        <Pivot SelectedIndex="0" Name="content" IsHeaderItemsCarouselEnabled="False" SelectionChanged="Content_SelectionChanged">
            <PivotItem x:Uid="/Channel/videos" Header="Videos">
                <ScrollViewer>
                    <StackPanel Name="videos">
                        <Image Name="channelCover" Stretch="Uniform" Source="/Assets/ChannelCoverTemplate.png"/>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="120"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Ellipse HorizontalAlignment="Left" Margin="10,-40,0,0" Fill="Black" Width="100" Height="100"/>
                            <PersonPicture Name="avatar" HorizontalAlignment="Left" Margin="10,-40,0,0"/>
                            <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,5">
                                <TextBlock Name="title" FontWeight="SemiBold" FontSize="22" Text="Channel name"/>
                                <TextBlock Name="subscribers" Foreground="Gray" Text="1,000,000 subscribers"/>
                                <TextBlock Name="videosCount" Foreground="Gray" Text="563,000 videos"/>
                            </StackPanel>
                            <TextBlock Grid.Column="2" VerticalAlignment="Bottom" HorizontalAlignment="Stretch" Height="50" Margin="10" TextAlignment="Center" Padding="0,16,0,0" Foreground="Gray">
                                <Hyperlink Click="Hyperlink_Click"><Run x:Uid="/Cards/login">Log in</Run></Hyperlink> <Run x:Uid="/Cards/tomanage">to manage your subscriptions</Run>
                            </TextBlock>

                            <Grid Visibility="Collapsed" Grid.Column="2" VerticalAlignment="Bottom" Margin="10" Name="subscriptionPane" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
                                <Button x:Uid="/Cards/subscribe" Click="Subscribe_Click" Name="subscribe" Width="250" Height="50" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/>
                            </Grid>
                        </Grid>
                        <pages:VideoGrid/>
                        <controls:ShowMore Clicked="VideoMore_Clicked"/>
                    </StackPanel>
                </ScrollViewer>
            </PivotItem>
            <PivotItem x:Uid="/Channel/playlists" Header="Playlists">
                <ScrollViewer>
                    <Grid Name="playlists">
                        <StackPanel Margin="10" Visibility="Visible">
                            <TextBlock x:Uid="/Channel/playlistTitle" FontSize="28" Text="Playlists"/>
                            <pages:VideoGrid/>
                            <controls:ShowMore Clicked="ShowMorePlaylists_Click"/>
                        </StackPanel>
                        <local:LoadingPage Visibility="Collapsed"/>
                    </Grid>
                </ScrollViewer>
            </PivotItem>
            <PivotItem x:Uid="/Channel/about" Header="About channel">
                <ScrollViewer>
                    <StackPanel Margin="10">
                        <TextBlock x:Uid="/Channel/aboutTitle" FontSize="28" Text="About this channel"/>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>

                            <StackPanel>
                                <TextBlock x:Uid="/Channel/desc" FontSize="24" Text="Description"/>
                                <TextBlock Name="description" Margin="0,10,0,0" TextWrapping="WrapWholeWords" IsTextSelectionEnabled="True"/>
                            </StackPanel>

                            <Grid Grid.Column="1">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="auto"/>
                                    <ColumnDefinition Width="10"/>
                                    <ColumnDefinition Width="auto"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="auto"/>
                                    <RowDefinition Height="auto"/>
                                    <RowDefinition Height="auto"/>
                                </Grid.RowDefinitions>
                                <TextBlock x:Uid="/Channel/stats" FontSize="24" Text="Statistics"/>

                                <TextBlock x:Uid="/Channel/regDate" Text="Registration date:" Grid.Row="1"/>
                                <TextBlock Grid.Row="1" Grid.Column="2" Name="registration" Text="13-May-18" HorizontalAlignment="Right"/>

                                <TextBlock x:Uid="/Channel/views" Grid.Row="2" Text="Views"/>
                                <TextBlock Grid.Row="2" Grid.Column="2" Name="views" Text="1885510485" HorizontalAlignment="Right"/>
                            </Grid>
                        </Grid>
                    </StackPanel>
                </ScrollViewer>
            </PivotItem>

            <Pivot.RightHeader>
                <AutoSuggestBox x:Uid="/Channel/search" VerticalAlignment="Center" Width="250" Margin="8" PlaceholderText="Search on channel" QueryIcon="Find" Name="search" QuerySubmitted="AutoSuggestBox_QuerySubmitted"/>
            </Pivot.RightHeader>
        </Pivot>

        <CommandBar Grid.Row="1" VerticalAlignment="Bottom" Name="commandBar">
            <AppBarButton x:Uid="/Channel/openWeb" Icon="Globe" Label="Open in browser" Name="inBrowser" Click="InBrowser_Click"/>
            <AppBarButton x:Uid="/Channel/refresh" Icon="Refresh" Label="Refresh" Name="refresh" Click="Refresh_Click"/>
            <AppBarButton x:Uid="/Channel/share" Icon="Share" Label="Share" Name="share" Click="Share_Click"/>
        </CommandBar>

        <local:LoadingPage Grid.RowSpan="2" Visibility="Collapsed"/>
    </Grid>
</Page>