<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_CarLoadingParticipants2"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}">

	<Page.Resources>
		<Color x:Key="A_Color_Welcome_Foreground">#FFFAFAFA</Color>
		<Color x:Key="A_Color_Welcome_Background">#FF202020</Color>	

		<Color x:Key="A_Color_Title_Foreground">#FFDADAFF</Color>
		<Color x:Key="A_Color_Title_Background">#FF202020</Color>	

		<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}">
        <Grid.RowDefinitions>
            <RowDefinition Height="10*" />
            <RowDefinition Height="10*" />
            <RowDefinition Height="56*" />
        </Grid.RowDefinitions>
			<Grid Grid.Column="1" Grid.Row="1" Height="60" Margin="0,0,0,50">			
				<local:FZTextBlock Text="{Binding WelcomeMessage}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Welcome_Background}" Margin="598.447,0,420.447,-286" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="40" RenderTransformOrigin="0.5,10.0" Width="501.106" >
					<local:FZTextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
							<SkewTransform/>
							<RotateTransform/>
						</TransformGroup>
					</local:FZTextBlock.RenderTransform>
				</local:FZTextBlock>
				<local:FZTextBlock Text="{Binding WelcomeMessage}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Welcome_Foreground}" Margin="597.613,0,418.613,-284" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="40" RenderTransformOrigin="0.5,10.0" Width="503.774" >
					<local:FZTextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
							<SkewTransform/>
							<RotateTransform/>
						</TransformGroup>
					</local:FZTextBlock.RenderTransform>
				</local:FZTextBlock>
			</Grid>

			<Grid Grid.Column="1" Grid.Row="2" Height="60" Margin="0,0,0,70">			
				<local:FZTextBlock Text="{local:Loc ScreenTitles.IDS_EventParticipants}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Title_Background}" Margin="755.698,-86,759.698,106" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="40" RenderTransformOrigin="0.5,10.0" >
					<local:FZTextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
							<SkewTransform/>
							<RotateTransform/>
						</TransformGroup>
					</local:FZTextBlock.RenderTransform>
				</local:FZTextBlock>
				<local:FZTextBlock Text="{local:Loc ScreenTitles.IDS_EventParticipants}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Title_Foreground}" Margin="756.948,-88,758.448,108" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="40" RenderTransformOrigin="0.5,10.0" >
					<local:FZTextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
							<SkewTransform/>
							<RotateTransform/>
						</TransformGroup>
					</local:FZTextBlock.RenderTransform>
				</local:FZTextBlock>
			</Grid>

			<Grid Grid.Column="1" Grid.Row="3" Margin="0,0,0,220.986">
				<ItemsControl ItemsSource="{Binding Playlist}" 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 PlayerName}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Foreground}" Margin="0,0,0,0" VerticalAlignment="Bottom" Height="30" RenderTransformOrigin="0.5,0.5" >
									<local:FZTextBlock.RenderTransform>
										<TransformGroup>
											<ScaleTransform ScaleX="1.0" ScaleY="1.0"/>
											<SkewTransform/>
											<RotateTransform/>
											<TranslateTransform/>
										</TransformGroup>
									</local:FZTextBlock.RenderTransform>
								</local:FZTextBlock>							
								<local:FZTextBlock Text="{Binding CarName}" Style="{StaticResource A_Style_FZTextBlock_Cutscene_Subtitle}" Color="{StaticResource A_Color_Cutscene_Subtitle_Foreground}" Margin="0,0,0,0" VerticalAlignment="Bottom" Height="30" RenderTransformOrigin="0.5,0.5" >
									<local:FZTextBlock.RenderTransform>
										<TransformGroup>
											<ScaleTransform ScaleX="0.6" ScaleY="0.6"/>
											<SkewTransform/>
											<RotateTransform/>
											<TranslateTransform/>
										</TransformGroup>
									</local:FZTextBlock.RenderTransform>
								</local:FZTextBlock>	
							</StackPanel>
						</DataTemplate>
					</ItemsControl.ItemTemplate>
				</ItemsControl>
			</Grid>
		</Grid>
</Page>
