<Page xmlns:local="clr-namespace:ForzaUI"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:System="clr-namespace:System;assembly=mscorlib"
      x:Class="ForzaUI.A_CarLoadingStats2"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}">

	<Page.Resources>
		<Color x:Key="A_Color_Cutscene_Subtitle_Background">#FF202020</Color>

		<Style x:Key="A_Style_FZTextBlock_Cutscene_Subtitle" TargetType="{x:Type local:FZTextBlock}" BasedOn="{StaticResource A_Style_FZTextBlock_Title}" >
			<Setter Property="FontSize" Value="25"/>
		</Style>

        <Storyboard x:Key="Show">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="LayoutRoot">
                <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
		</Storyboard>
        <Storyboard x:Key="Hide">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="LayoutRoot">
                <DiscreteDoubleKeyFrame KeyTime="0" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
		</Storyboard>

	</Page.Resources>

	<Grid x:Name="LayoutRoot" Style="{StaticResource A_Style_ScreenSize}" Opacity="0.0">

		<Grid Grid.Column="1" Grid.Row="1" Margin="0,0,0,154.986">
			<ItemsControl ItemsSource="{Binding PlayerStats}" Margin="0,0,0,0" Height="480.08" VerticalAlignment="Bottom" HorizontalAlignment="Center">
				<ItemsControl.Template>
					<ControlTemplate>
						<StackPanel IsItemsHost="True" Margin="0,0,0,-20"/>
					</ControlTemplate>
				</ItemsControl.Template>
				<ItemsControl.ItemTemplate>
					<DataTemplate>
						<StackPanel Orientation="Horizontal">
							<local:FZTextBlock Text="{Binding ItemTitle}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Background}" Margin="0,0,0,0" VerticalAlignment="Bottom" Height="60" RenderTransformOrigin="0.5,0.5" >
								<local:FZTextBlock.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="2.0" ScaleY="2.0"/>
										<SkewTransform/>
										<RotateTransform/>
										<TranslateTransform/>
									</TransformGroup>
								</local:FZTextBlock.RenderTransform>
							</local:FZTextBlock>							
							<local:FZTextBlock Text="{Binding ItemValue}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Background}" Margin="160,0,0,0" HorizontalAlignment="Right" VerticalAlignment="Bottom" Height="60" RenderTransformOrigin="0.5,0.5" >
								<local:FZTextBlock.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="2.0" ScaleY="2.0"/>
										<SkewTransform/>
										<RotateTransform/>
										<TranslateTransform/>
									</TransformGroup>
								</local:FZTextBlock.RenderTransform>
							</local:FZTextBlock>	
						</StackPanel>
					</DataTemplate>
				</ItemsControl.ItemTemplate>
			</ItemsControl>
			<ItemsControl ItemsSource="{Binding PlayerStats}" Margin="0,0,3,2" Height="480.08" VerticalAlignment="Bottom" HorizontalAlignment="Center">
				<ItemsControl.Template>
					<ControlTemplate>
						<StackPanel IsItemsHost="True" Margin="0,0,0,-20"/>
					</ControlTemplate>
				</ItemsControl.Template>
				<ItemsControl.ItemTemplate>
					<DataTemplate>
						<StackPanel Orientation="Horizontal">
							<local:FZTextBlock Text="{Binding ItemTitle}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Foreground}" Margin="0,0,0,0" VerticalAlignment="Bottom" Height="60" RenderTransformOrigin="0.5,0.5" >
								<local:FZTextBlock.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="2.0" ScaleY="2.0"/>
										<SkewTransform/>
										<RotateTransform/>
										<TranslateTransform/>
									</TransformGroup>
								</local:FZTextBlock.RenderTransform>
							</local:FZTextBlock>							
							<local:FZTextBlock Text="{Binding ItemValue}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Foreground}" Margin="160,0,0,0" HorizontalAlignment="Right" VerticalAlignment="Bottom" Height="60" RenderTransformOrigin="0.5,0.5" >
								<local:FZTextBlock.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="2.0" ScaleY="2.0"/>
										<SkewTransform/>
										<RotateTransform/>
										<TranslateTransform/>
									</TransformGroup>
								</local:FZTextBlock.RenderTransform>
							</local:FZTextBlock>	
						</StackPanel>
					</DataTemplate>
				</ItemsControl.ItemTemplate>
			</ItemsControl>
		</Grid>
	</Grid>
</Page>
