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

    <Page.Resources>
        <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="5"/>
        </Style>

        <Storyboard x:Key="HideStoryboard">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)"
                                           Storyboard.TargetName="LayoutRoot">
                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="Collapsed"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </Page.Resources>

    <local:EventFire.FzTriggers>
        <local:EventFireTrigger Event="hide" Storyboard="{StaticResource HideStoryboard}" />
    </local:EventFire.FzTriggers>

    <Grid x:Name="LayoutRoot" Visibility="Visible">
        <Viewbox>
            <StackPanel Orientation="Vertical" VerticalAlignment="Center" Width="1185">
                <Grid Margin="0,0,0,36">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"
                                      VerticalAlignment="Bottom"
                                      Grid.Column="0"/>
                    <Decorator Margin="26,0"
                               MaxWidth="872"
                               Grid.Column="1">
                        <local:FZTextBlock Text="{Binding Author, Converter={StaticResource A_StringToUpper}}"
                                           FontFamily="Horizon_A"
                                           FontSize="66"
                                           Color="{StaticResource A_Color_SubHeader_Text}"
                                           TextWrapping="NoWrap"
                                           Stretch="Uniform"
                                           StretchDirection="DownOnly"
                                           HorizontalAlignment="Center"
                                           TrackingAdjust="0.1"/>
                    </Decorator>
                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"
                                      VerticalAlignment="Bottom"
                                      Grid.Column="2"/>
                </Grid>

                <Viewbox Stretch="Uniform"
                         StretchDirection="Both"
                         MaxHeight="210">
                    <local:FZTextBlock Text="{Binding Title, Converter={StaticResource A_StringToUpper}}"
                                       FontFamily="Horizon_A"
                                       FontSize="120"
                                       Color="{StaticResource A_Color_SubHeader_Text}"
                                       TextAlignment="Center"
                                       TextWrapping="WrapWithOverflow"
                                       TrackingAdjust="0.108"
                                       LineHeight="110"
                                       LineStackingStrategy="BlockLineHeight"
                                       Stretch="None"
                                       MaxWidth="1500"/>
                </Viewbox>

                <Decorator Margin="0,30,0,0">
                  <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>
                </Decorator>
            </StackPanel>
        </Viewbox>
    </Grid>
</Page>
