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

        <Storyboard x:Key="ShowStoryboard">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)"
                                           Storyboard.TargetName="LayoutRoot">
                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="{x:Static Visibility.Visible}"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="HideStoryboard">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)"
                                           Storyboard.TargetName="LayoutRoot">
                <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="{x:Static Visibility.Hidden}"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

        <Style x:Key="A_Style_FZTextBlock_ChallengeText" 
               TargetType="local:FZTextBlock"
               BasedOn="{StaticResource A_Style_FZTextBlock_Title}">
            <Setter Property="FontSize" Value="137" />
            <Setter Property="Color" Value="{StaticResource A_Color_SubHeader_Text}" />
            <Setter Property="TextAlignment" Value="Center" />
            <Setter Property="TextWrapping" Value="Wrap" />
            <Setter Property="Stretch" Value="None" />
            <Setter Property="Visibility" Value="{Binding Text, RelativeSource={RelativeSource Self}, Converter={StaticResource A_StringVisConverter}}" />
            <Setter Property="LineStackingStrategy" Value="BlockLineHeight" />
            <Setter Property="LineHeight" Value="125" />
            <Setter Property="MaxWidth" Value="1920" />
        </Style>
    </Page.Resources>

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

    <Decorator x:Name="LayoutRoot" Visibility="Hidden">
        <Viewbox>
            <StackPanel Orientation="Vertical">
                <Decorator Margin="0,0,0,52">
                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>
                </Decorator>
                <local:FZTextBlock Text="{Binding InstructionLine1, Converter={StaticResource A_StringToUpper}}"
                                    Style="{StaticResource A_Style_FZTextBlock_ChallengeText}" />
                <local:FZTextBlock Text="{Binding InstructionLine2, Converter={StaticResource A_StringToUpper}}"
                                    Style="{StaticResource A_Style_FZTextBlock_ChallengeText}"
                                    Margin="0,28,0,0" 
                                    MaxWidth="1700"/>
                <Decorator Margin="0,44,0,0">
                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_HorizontalDivider}"/>
                </Decorator>
            </StackPanel>
        </Viewbox>
    </Decorator>
</Page>
