<Page
	x:Class="FirstUniversalApp.DetailsPage"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:local="using:FirstUniversalApp"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

	<Grid x:Name="LayoutRoot">
		<Grid.ChildrenTransitions>
			<TransitionCollection>
				<EntranceThemeTransition/>
			</TransitionCollection>
		</Grid.ChildrenTransitions>

		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<!-- Title Panel -->
		<Grid Grid.Row="0">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="Auto"/>
				<ColumnDefinition Width="*"/>
			</Grid.ColumnDefinitions>
			<Button x:Name="Back" Grid.Column="0"
					Style="{StaticResource NavigationBackButtonNormalStyle}"
					Click="Back_Click"/>
			<StackPanel Grid.Column="1" Margin="19,0,0,0">
				<TextBlock Text="{Binding Title, FallbackValue=LineOne}" FontSize="28" />
				<TextBlock Text="{Binding Author, FallbackValue=Author}" FontSize="24" />
			</StackPanel>
		</Grid>
		<Grid Grid.Row="1" x:Name="ContentRoot" Margin="19,9.5,19,0">
			<Image x:Name="Image" Source="{Binding ImageUri}"/>
		</Grid>
	</Grid>
	<Page.BottomAppBar>
		<CommandBar>
			<CommandBar.PrimaryCommands>
				<AppBarButton x:Name="Share" Label="Share" Click="Share_Click" Icon="ReShare"/>
				<AppBarButton x:Name="Read" Label="Read" Click="Read_Click" Icon="Play"/>
			</CommandBar.PrimaryCommands>
		</CommandBar>
	</Page.BottomAppBar>
</Page>
