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

    <Page.Resources>
        <Style x:Key="A_Style_FZMaterial_Background"
           TargetType="local:FZMaterial">
            <Style.Setters>
                <Setter Property="Stretch"
                Value="UniformToFill" />
                <Setter Property="MinWidth"
                Value="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Page}}" />
                <Setter Property="MinHeight"
                Value="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType=Page}}" />
                <Setter Property="VerticalAlignment"
                Value="Center" />
                <Setter Property="HorizontalAlignment"
                Value="Center" />
            </Style.Setters>
        </Style>

        <local:LinearTransformConverter x:Key="A_TransformConverter_LengthRatio" Scale="356"/>

        <SkewTransform x:Key="A_Transform_Italic_Super7_Header" AngleX="-8"/>

        <Style x:Key="A_Style_FZTextBlock_Super7" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HeaderBlock}">
            <Setter Property="RenderTransform" Value="{StaticResource A_Transform_Italic_Super7_Header}" />
        </Style>

        <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_RareCarShopGradientBackground"
                                           GradientColorA="{StaticResource A_Color_RareCarDealership_GradientA}"
                                           GradientColorB="{StaticResource A_Color_RareCarDealership_GradientB}"
                                           GradientAngle="90"
                                           CornerRadius="8,8,8,8"
                                           BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_InnerAll}" />

        <Style x:Key="A_Style_FZMaterial_RareCarShopGradientBackground"
               TargetType="local:FZMaterial">
            <Setter Property="Preset" Value="{StaticResource A_FZMaterialPresetRoundtangle_RareCarShopGradientBackground}" />
        </Style>

        <ControlTemplate x:Key="A_ControlTemplate_StickTwist_ButtonLeftRight" TargetType="{x:Type Control}">
            <StackPanel Orientation="Horizontal">
                <local:ControllerButtonControl Style="{StaticResource A_Style_ControllerButtonControl_Default_ShowAlways}"
                    Margin="0,0,0,7" Button="DPadLeft" />
                <local:ControllerButtonControl Style="{StaticResource A_Style_ControllerButtonControl_Default_ShowAlways}"
                    Margin="0,0,0,7" Button="DPadRight" />
            </StackPanel>
        </ControlTemplate>
        
        <ControlTemplate x:Key="A_ControlTemplate_StickTwist_ButtonLeftRight_Controller" TargetType="{x:Type Control}">
            <local:ControllerButtonControl Style="{StaticResource A_Style_ControllerButtonControl_Default_ShowAlways}"
                                               Height="35"
                                               UseLargeIcon="True"
                                               Margin="0,0,0,4"
                                               VerticalAlignment="Center"
                                               Button="DPadHorizontal" />
        </ControlTemplate>

        <ControlTemplate x:Key="A_ControlTemplate_StickTwist_Button" TargetType="{x:Type Control}">
            <local:ControllerButtonControl Style="{StaticResource A_Style_ControllerButtonControl_Default_ShowAlways}"
                                               Height="35"
                                               UseLargeIcon="True"
                                               VerticalAlignment="Center"
                                               Margin="0,0,0,4"
                                               Button="A" />
        </ControlTemplate>

        <Style x:Key="A_Style_StickTwistChoose_Markup_BUTTON_LEFTRIGHT" TargetType="{x:Type Control}">
            <Setter Property="Template" Value="{StaticResource A_ControlTemplate_StickTwist_ButtonLeftRight_Controller}" />

            <Style.Triggers>
                <DataTrigger Binding="{Binding IsControllerActiveInput, RelativeSource={RelativeSource AncestorType=Page}}"
                                 Value="False" >
                    <Setter Property="Template"
                                Value="{StaticResource A_ControlTemplate_StickTwist_ButtonLeftRight}" />
                </DataTrigger>

                <DataTrigger Binding="{Binding IsControllerActiveInput, RelativeSource={RelativeSource AncestorType=Page}}"
                                 Value="True" >
                    <Setter Property="Template"
                                Value="{StaticResource A_ControlTemplate_StickTwist_ButtonLeftRight_Controller}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="A_Style_StickTwistChoose_Markup_BUTTON_CHOOSE" TargetType="{x:Type Control}">
            <Setter Property="Template" Value="{StaticResource A_ControlTemplate_StickTwist_Button}" />
        </Style>

        <Color x:Key="A_Color_Label_Text_Background">#9C0A51</Color>
        <Color x:Key="A_Color_Label_Icon_Background">#FF0062</Color>
        <Color x:Key="A_Color_Label_Dark_Background">#260A23</Color>
        <String x:Key="A_String_Format_Progress">{0}/{1}</String>
        <String x:Key="A_String_Simple_Format">{0}</String>

        <Style x:Key="A_Style_ContentControl_RoundedLabel" TargetType="ContentControl">
            <Setter Property="Focusable" Value="False" />
            <Setter Property="local:BindingProxy.A"
                    Value="/ForzaUI;component/Textures/Anthem/Icons/Titles/GenericFallback.png" />
            <Setter Property="Height" Value="55"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ContentControl">
                        <DockPanel local:ScreenReader.Line="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}"
                                local:ScreenReader.Event="OnLoad"
                                local:ScreenReader.LineType="ScreenTitle">
                            <local:FZMaterial x:Name="ImageTile" 
                                            Width="55"
                                            DockPanel.Dock="Left"                                             
                                            Style="{StaticResource A_Style_FZMaterial_ScreenTitleBlockIcon}" 
                                            Color="{StaticResource A_Color_Label_Icon_Background}">
                                <local:FZMaterial ImageSource="{Binding (local:BindingProxy.A), RelativeSource={RelativeSource TemplatedParent}}"/>
                            </local:FZMaterial>
                            <local:FZMaterial x:Name="TextBacking" 
                                            Color="{StaticResource A_Color_Label_Text_Background}"
                                            Style="{StaticResource A_Style_FZMaterial_ScreenTitleBlockBacking}">
                                <StackPanel Orientation="Horizontal">
                                    <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Super7}"
                                            Color="{StaticResource A_Color_ScreenTitle_TextBacking}"                                            
                                            Text="{Binding (local:MultiStringFormatter.Output), RelativeSource={RelativeSource TemplatedParent}}"                                            
                                            VerticalAlignment="Center"
                                            CapHeight="25"
                                            Margin="10,0,0,0" />
                                    <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Super7}"
                                            Color="{StaticResource A_Color_ScreenTitle_TextBacking}"
                                            FontFamily="Horizon_B"
                                            CapHeight="20"
                                            Text="{TemplateBinding Content}"                                                                                        
                                            VerticalAlignment="Center"
                                            Margin="10,0,10,0" />
                                </StackPanel>                                
                            </local:FZMaterial>
                        </DockPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0,0,0,12" />
        </Style>

        <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_FlatPanel_DamageBar" BasedOn="{StaticResource A_FZMaterialPreset_FlatPanel_Base}" CornerRadius="2"/>
        <local:LinearTransformConverter x:Key="A_LinearTransformConverter_MaxBarWidth" Scale="400"/>

        <Style x:Key="A_Style_ContentControl_ProgressBar" TargetType="ContentControl">
            <Setter Property="Focusable" Value="False" />
            <Setter Property="local:BindingProxy.A"
                    Value="/ForzaUI;component/Textures/Anthem/Icons/Titles/GenericFallback.png" />
            <Setter Property="Height" Value="55"/>
            <Setter Property="Template">
                <Setter.Value>                    
                    <ControlTemplate TargetType="ContentControl">
                        <DockPanel local:ScreenReader.Line="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}"
                                local:ScreenReader.Event="OnLoad"
                                local:ScreenReader.LineType="ScreenTitle">
                            <local:FZMaterial x:Name="ImageTile" Width="55" DockPanel.Dock="Left" Style="{StaticResource A_Style_FZMaterial_ScreenTitleBlockIcon}" Color="{StaticResource A_Color_Label_Icon_Background}">
                                <local:FZMaterial ImageSource="{Binding (local:BindingProxy.A), RelativeSource={RelativeSource TemplatedParent}}"/>
                            </local:FZMaterial>

                            <Grid Width="400" ClipToBounds="True">
                                <local:FZMaterial x:Name="TextBacking" 
                                                Color="{StaticResource A_Color_Label_Dark_Background}"
                                                Style="{StaticResource A_Style_FZMaterial_ScreenTitleBlockBacking}"/>

                                <local:FZMaterial x:Name="Bar" 
                                                Width="{Binding ChallengesCompletedRatio, Converter={StaticResource A_LinearTransformConverter_MaxBarWidth}}"                                                 
                                                Height="55"
                                                HorizontalAlignment="Left"
                                                Color="{StaticResource A_Color_Label_Text_Background}"
                                                Style="{StaticResource A_Style_FZMaterial_ScreenTitleBlockBacking}"/>

                                <StackPanel Orientation="Horizontal">
                                    <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Super7}"
                                        Color="{StaticResource A_Color_ScreenTitle_TextBacking}"
                                        Text="{Binding (local:MultiStringFormatter.Output), RelativeSource={RelativeSource TemplatedParent}}"
                                        CapHeight="25"
                                        VerticalAlignment="Center"
                                        Margin="10,0,0,0" />
                                    <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Super7}"
                                        Color="{StaticResource A_Color_ScreenTitle_TextBacking}"
                                        Text="{TemplateBinding Content}"
                                        FontFamily="Horizon_B"
                                        CapHeight="20"
                                        VerticalAlignment="Center"
                                        Margin="10,0,0,0" />
                                </StackPanel>                                            
                            </Grid>
                        </DockPanel>                        
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0,0,0,12" />
        </Style>        

        <local:UIStoryboard x:Key="SelectStickOption">
            <local:UIStoryboard.TriggerAnimation>
                <local:StartAudioTrigger local:TriggerAnimation.KeyTime="0:0:0.0" EventName="/Master/UI/Generic/HZ2_SFX_UI_Generic_Select_01"/>
            </local:UIStoryboard.TriggerAnimation>            
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleX)" Storyboard.TargetName="Stick_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleY)" Storyboard.TargetName="Stick_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleX)" Storyboard.TargetName="Twist_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="-0.75" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleY)" Storyboard.TargetName="Twist_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="-0.75" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickPanel_Highlight">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistPanel_Highlight">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Stick_Selection_Light">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Twist_Selection_Light">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="RewardPool_Thumbnail">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistReward_Thumbnail">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.7" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Stick_Reward">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Twist_Reward">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.5" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickPanel">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistPanel">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DarkenedLayer_A">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DarkenedLayer_B">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickButtonMessage">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistButtonMessage">
                <LinearDoubleKeyFrame KeyTime="0:0:0.0" Value="0" />
            </DoubleAnimationUsingKeyFrames>            
        </local:UIStoryboard>

        <local:UIStoryboard x:Key="SelectTwistOption">
            <local:UIStoryboard.TriggerAnimation>
                <local:StartAudioTrigger local:TriggerAnimation.KeyTime="0:0:0.0" EventName="/Master/UI/Generic/HZ2_SFX_UI_Generic_Select_01"/>
            </local:UIStoryboard.TriggerAnimation>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleX)" Storyboard.TargetName="Stick_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.75" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleY)" Storyboard.TargetName="Stick_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.75" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleX)" Storyboard.TargetName="Twist_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="-1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleY)" Storyboard.TargetName="Twist_LightningBolt">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="-1" />
            </DoubleAnimationUsingKeyFrames>        
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistPanel_Highlight">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickPanel_Highlight">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Twist_Selection_Light">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Stick_Selection_Light">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistReward_Thumbnail">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="RewardPool_Thumbnail">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.7" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Twist_Reward">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Stick_Reward">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0.5" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistPanel">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickPanel">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DarkenedLayer_B">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="0" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DarkenedLayer_A">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TwistButtonMessage">
                <LinearDoubleKeyFrame KeyTime="0:0:0.18" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StickButtonMessage">
                <LinearDoubleKeyFrame KeyTime="0:0:0.0" Value="0" />
            </DoubleAnimationUsingKeyFrames>
        </local:UIStoryboard>

    </Page.Resources>

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

    <Grid x:Name="LayoutRoot"
        Style="{StaticResource A_Style_FrameworkElement_FadeOnlyTransition_0}">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        
        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_Background}"                   
            ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/HighStakes_BG.png" Margin="0,-1,0,-1" Grid.ColumnSpan="2"/>

        <ContentControl x:Name="BottomBar" Style="{StaticResource A_Style_ButtonBar}" HorizontalAlignment="Center" Grid.ColumnSpan="2">
            <local:ControllerButtonPanel x:Name="HelpPanel" HorizontalAlignment="Left" VerticalAlignment="Bottom" Background="{x:Null}">
                <local:ControllerButtonControl Button="A" Description="{local:Loc HelpButtons.IDS_Select}" />                
                <local:ControllerButtonControl Button="X" Description="{local:Loc BucketListBlueprint.IDS_View_RewardsPool}" />
            </local:ControllerButtonPanel>
        </ContentControl>

        <Grid Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}" Grid.ColumnSpan="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>

            <StackPanel Margin="0,80,0,0" Grid.ColumnSpan="2">
                <Grid HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="1*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>

                    <!-- Stick Panel Info -->
                    <local:FZMaterial x:Name="StickPanel" Grid.Column="0" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/NamePanel.png" Width="500" Height="200" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <local:FZMaterial x:Name="StickPanel_Highlight" Opacity="0" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/NamePanel_Highlight.png" VerticalAlignment="Center" Stretch="None" HorizontalAlignment="Right"/>
                    </local:FZMaterial>

                    <StackPanel x:Name="Stick_Reward" Margin="0,100,0,0">
                        <local:FZTextBlock Text="{local:Loc BucketListBlueprint.IDS_StickTitle}" CapHeight="70" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,30,200,0" Style="{StaticResource A_Style_FZTextBlock_Super7}"/>
                        <local:FZTextBlock Text="{local:Loc BucketListBlueprint.IDS_HighStakes_CashIn}" CapHeight="20" Color="{StaticResource A_Color_White}" FontFamily="Horizon_B" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,20,200,0" Style="{StaticResource A_Style_FZTextBlock_Super7}"/>
                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,7,200,0" >
                            <local:FZTextBlock Text="{Binding RewardsAccrued}" CapHeight="30" Color="{StaticResource A_Color_White}" Style="{StaticResource A_Style_FZTextBlock_Super7}" Margin="0,0,10,0"/>
                            <local:FZTextBlock Text="{local:Loc CarFlow.IDS_ModelSelect_IsLoyaltyReward}" CapHeight="30" Color="{StaticResource A_Color_White}" Style="{StaticResource A_Style_FZTextBlock_Super7}" Margin="0"/>
                        </StackPanel>
                    </StackPanel>                        


                    <!-- Twist Panel Info -->
                    <local:FZMaterial x:Name="TwistPanel" Grid.Column="2" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/NamePanel.png" Width="500" Height="200" HorizontalAlignment="Left" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5">
                        <local:FZMaterial.RenderTransform>
                            <ScaleTransform ScaleX="-1" ScaleY="1"/>
                        </local:FZMaterial.RenderTransform>
                        <local:FZMaterial x:Name="TwistPanel_Highlight" Opacity="0" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/NamePanel_Highlight.png" VerticalAlignment="Center" Stretch="None" HorizontalAlignment="Right"/>                      
                    </local:FZMaterial>

                    <StackPanel x:Name="Twist_Reward" Grid.Column="2" Margin="0,100,0,0">
                        <local:FZTextBlock Text="{local:Loc BucketListBlueprint.IDS_TwistTitle}" CapHeight="70" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="200,30,0,0" Style="{StaticResource A_Style_FZTextBlock_Super7}"/>
                        <local:FZTextBlock Text="{local:Loc BucketListBlueprint.IDS_HighStakes_Next_Reward }" CapHeight="20" Color="{StaticResource A_Color_White}" FontFamily="Horizon_B" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="200,20,0,0" Style="{StaticResource A_Style_FZTextBlock_Super7}"/>
                        <local:FZTextBlock Text="{Binding TwistRewardDescription, Converter={StaticResource A_StringToUpper}}" CapHeight="30" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="200,7,0,0" Style="{StaticResource A_Style_FZTextBlock_Super7}"/>
                    </StackPanel>                                                                                     

                    <!-- High Stakes Logo and lightning bolts-->                    
                    <local:FZMaterial x:Name="Stick_LightningBolt" Grid.ColumnSpan="2" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/LightningBolt.png" Width="60" Height="40" HorizontalAlignment="Center" Margin="-260,30,0,0" RenderTransformOrigin="0.5,0.5">
                        <local:FZMaterial.RenderTransform>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                        </local:FZMaterial.RenderTransform>
                    </local:FZMaterial>
                    <local:FZMaterial x:Name="Twist_LightningBolt" Grid.ColumnSpan="2" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/LightningBolt.png" Width="60" Height="40" HorizontalAlignment="Center" Margin="260,-30,0,0" RenderTransformOrigin="0.5,0.5">
                        <local:FZMaterial.RenderTransform>
                            <ScaleTransform ScaleX="-1" ScaleY="-1"/>
                        </local:FZMaterial.RenderTransform>
                    </local:FZMaterial>

                    <local:FZMaterial Grid.ColumnSpan="2" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/HighStakes_Logo.png" Width="400" Height="400" HorizontalAlignment="Center"/>

                    <!-- Choose Buttons -->
                    <local:FZTextBlock x:Name="StickButtonMessage" Grid.Column="0" Grid.Row="1" Opacity="0" CapHeight="25" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,-140,200,0"
                                       local:TextBlockInlineMarkup.Markup="{local:Loc BucketListBlueprint.IDS_HighStake_Stick_Button_Msg }"
                                       local:TextBlockInlineMarkup.ResourceBaseName="A_Style_StickTwistChoose_Markup_"/>

                    <local:FZTextBlock x:Name="TwistButtonMessage" Grid.Column="2" Grid.Row="1" Opacity="0" CapHeight="25" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="200,-140,0,0"                                       
                                       local:TextBlockInlineMarkup.Markup="{local:Loc BucketListBlueprint.IDS_HighStake_Twist_Button_Msg  }"
                                       local:TextBlockInlineMarkup.ResourceBaseName="A_Style_StickTwistChoose_Markup_"/>
                </Grid>

                <Grid Width="1400" Margin="0,-40,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="1*"/>
                    </Grid.ColumnDefinitions>                                        

                    <local:FZMaterial x:Name="Stick_Selection_Light" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/Icon_SelectGlow.png" Opacity="0" Width="300" Height="600" VerticalAlignment="Center" Grid.Column="0" Margin="0,-250,0,0"/>
                                                            
                    <!-- Stick Reward Pool Image and button-->
                    <StackPanel Grid.Column="0" >
                        <local:FZMaterial x:Name="RewardPool_Thumbnail" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/RewardPool_Icon.png" Width="400" Height="400" VerticalAlignment="Center" Stretch="None"/>
                    </StackPanel>

                    <local:FZMaterial x:Name="Twist_Selection_Light" ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/Icon_SelectGlow.png" Opacity="0" Width="300" Height="600" VerticalAlignment="Center" Grid.Column="1" Margin="0,-250,0,0"/>

                    <ContentControl x:Name="TwistReward_Thumbnail" Content="{Binding TwistRewardThumbnail, RelativeSource={RelativeSource AncestorType=Page}}"
                                    ContentTemplate="{StaticResource A_ControlTemplate_RewardPreview_Big}"
                                    HorizontalAlignment="Center"                                    
                                    Grid.Column="1"
                                    VerticalAlignment="Center" />                                    
                </Grid>
                
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,10,0,0">
                    <!-- Burns -->
                    <Grid Margin="0,0,10,0">
                        <ContentControl x:Name="ContentControl_Burns"
                                        Content="{local:Loc BucketListBlueprint.IDS_HighStakes_Burns_Plural}"
                                        Style="{StaticResource A_Style_ContentControl_RoundedLabel}"
                                        HorizontalAlignment="Left"
                                        local:BindingProxy.A="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/Burns_Icon.png"
                                        local:MultiStringFormatter.Format="{StaticResource A_String_Simple_Format}"
                                        local:MultiStringFormatter.Param0="{Binding BurnsLeft, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </Grid>
                    <!-- Lives -->
                    <Grid Margin="0,0,10,0">
                        <ContentControl x:Name="ContentControl_Lives"
                                        Content="{local:Loc BucketListBlueprint.IDS_HighStakes_Lives_Plural}"
                                        Style="{StaticResource A_Style_ContentControl_RoundedLabel}"
                                        HorizontalAlignment="Left"
                                        local:BindingProxy.A="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/Lives_Icon.png"
                                        local:MultiStringFormatter.Format="{StaticResource A_String_Simple_Format}"
                                        local:MultiStringFormatter.Param0="{Binding LivesLeft, RelativeSource={RelativeSource AncestorType=Page}}"/>
                    </Grid>
                    <!-- Progress -->
                    <Grid Margin="0,0,10,0">                  
                        <ContentControl x:Name="ContentControl_Progress"
                                        Content="{local:Loc BucketListBlueprint.IDS_HighStakes_CardsCompleted}"
                                        Style="{StaticResource A_Style_ContentControl_ProgressBar}"
                                        HorizontalAlignment="Left"
                                        local:MultiStringFormatter.Param0="{Binding ChallengesPlayed, RelativeSource={RelativeSource AncestorType=Page}}"
                                        local:MultiStringFormatter.Param1="{Binding TotalChallenges, RelativeSource={RelativeSource AncestorType=Page}}"
                                        local:MultiStringFormatter.Format="{StaticResource A_String_Format_Progress}"
                                        local:BindingProxy.A="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/Cards_Icon.png"/>                                        
                    </Grid>
                </StackPanel>

                <local:FZTextBlock CapHeight="30" Color="{StaticResource A_Color_White}" HorizontalAlignment="Center" Margin="0,10,0,0" Height="42"
                    local:TextBlockInlineMarkup.Markup="{local:Loc Lobby.IDS_RareCarDealership_Vote_Instruction_PreVote_Lower}"
                    local:TextBlockInlineMarkup.ResourceBaseName="A_Style_StickTwistChoose_Markup_"/>
                                    
            </StackPanel>
        </Grid>
        <local:FZMaterial x:Name="DarkenedLayer_A" ImageSource="/ForzaUI;component/Textures/Data_Bound/Rare_Car_Dealership/VotingScreen/DarkenedLayer.png" Grid.Column="0" Opacity="0" RenderTransformOrigin="0.5,0.5">
            <local:FZMaterial.RenderTransform>
                <ScaleTransform ScaleX="-1" ScaleY="1"/>
            </local:FZMaterial.RenderTransform>
        </local:FZMaterial>
        <local:FZMaterial x:Name="DarkenedLayer_B" ImageSource="/ForzaUI;component/Textures/Data_Bound/Rare_Car_Dealership/VotingScreen/DarkenedLayer.png" Grid.Column="1" Opacity="0"/>
    </Grid>
</Page>
