<Page xmlns:local="clr-namespace:ForzaUI;assembly="
      xmlns:System="clr-namespace:System;assembly=mscorlib"
      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"
      x:Class="ForzaUI.A_WelcomeToOnline"
      DataContext="{Binding RelativeSource={RelativeSource Self}}"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}">

    <local:UIPageTransitionManager.TransitionManager>
        <local:UIPageTransitionManager Preset="{StaticResource A_UIPageTransitionManagerPreset_NoAudio_Instant}"/>
    </local:UIPageTransitionManager.TransitionManager>

    <Page.Resources>
        <Style x:Key="A_Style_FrameworkElement_WelcomeToOnline_FadeIn"
            TargetType="{x:Type FrameworkElement}">
            <Style.Resources>
                <local:UIStoryboard x:Key="transition_in">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="{x:Null}">
                        <DiscreteDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
                        <DiscreteDoubleKeyFrame KeyTime="0:0:0.331250" Value="0"/>
                        <LinearDoubleKeyFrame KeyTime="0:0:0.431250" Value="1"/>
                    </DoubleAnimationUsingKeyFrames>
                </local:UIStoryboard>
                <local:UIStoryboard x:Key="transition_out_forward">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="{x:Null}">
                        <DiscreteDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
                    </DoubleAnimationUsingKeyFrames>
                </local:UIStoryboard>
                <local:UIStoryboard x:Key="transition_out_back">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="{x:Null}">
                        <DiscreteDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
                    </DoubleAnimationUsingKeyFrames>
                </local:UIStoryboard>
            </Style.Resources>
            <Setter Property="Opacity" Value="1" />
            <Setter Property="local:UIPageTransitionManager.TransitionIndex"
                    Value="0" />
        </Style>

        <Style x:Key="A_Style_FZMaterial_HorizontalDivider" TargetType="{x:Type local:FZMaterial}">
            <Setter Property="Color" Value="{StaticResource A_Color_SubHeader_Text}"/>
            <Setter Property="Height" Value="7"/>
        </Style>

        <Style x:Key="A_Style_FZTextBlock_WelcomeToOnlineHeaderText" TargetType="{x:Type local:FZTextBlock}" 
               BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
            <Setter Property="FontSize" Value="68"/>
            <Setter Property="Color" Value="{StaticResource A_Color_SubHeader_Text}"/>
            <Setter Property="TrackingAdjust" Value="0.11" />
        </Style>

        <Style x:Key="A_Style_FZTextBlock_WelcomeToOnlineTitleText" TargetType="{x:Type local:FZTextBlock}" 
               BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
            <Setter Property="FontSize" Value="68"/>
            <Setter Property="Color" Value="{StaticResource A_Color_SubHeader_Text}"/>
            <Setter Property="TrackingAdjust" Value="0.08" />
        </Style>
    </Page.Resources>

    <Decorator x:Name="LayoutRoot" Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}">
        <StackPanel Orientation="Vertical"
            VerticalAlignment="Center"
            HorizontalAlignment="Center"
            Width="1232"
            Style="{StaticResource A_Style_FrameworkElement_WelcomeToOnline_FadeIn}">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <local:FZMaterial Grid.Column="0"
                    VerticalAlignment="Bottom"
                    Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>

                <Decorator Grid.Column="1"
                        Margin="30,0,30,0"
                        MaxWidth="1032">
                    <local:FZTextBlock
                    Text="{local:Loc CarLoadingCutscene.IDS_Title_Joining}"
                    Style="{StaticResource A_Style_FZTextBlock_WelcomeToOnlineHeaderText}"
                    Stretch="Uniform"
                    StretchDirection="DownOnly"
                    TextWrapping="NoWrap"/>
                </Decorator>

                <local:FZMaterial Grid.Column="2"
                    VerticalAlignment="Bottom"
                    Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>
            </Grid>

            <Decorator Margin="0,50,0,45" MaxHeight="130">
                <local:FZTextBlock Text="{Binding OnlineTypeString}"
                    Style="{StaticResource A_Style_FZTextBlock_WelcomeToOnlineTitleText}"
                    Stretch="Uniform" HorizontalAlignment="Center"
                    StretchDirection="Both"
                    TextWrapping="NoWrap"/>
            </Decorator>

            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>
        </StackPanel>
    </Decorator>
</Page>
