<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_HighStakesRewardPool"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}"
      Margin="0">
	  
    <Page.Resources>
        <ResourceDictionary>
		    <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>
		
            <Style x:Key="A_Style_FZTextBlock_RewardPool_Base" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
                <Setter Property="FontFamily" Value="Horizon_A"/>
                <Setter Property="TextWrapping" Value="NoWrap"/>
                <Setter Property="FontSize" Value="18"/>
                <Setter Property="Color" Value="{StaticResource A_Color_White}"/>
            </Style>
            
            <CornerRadius x:Key="A_RewardPool_SmallCornerRadius_Outer_All">3</CornerRadius>
            <local:FZMaterialPresetRoundtangle x:Key="A_RewardPool_SmallCornerRadius_Outer_All"
                BasedOn="{StaticResource A_FZMaterialPreset_FlatPanel_Base}"
                CornerRadius="{StaticResource A_RewardPool_SmallCornerRadius_Outer_All}"/>

            <Style x:Key="A_Style_FZMaterial_Divider" TargetType="local:FZMaterial">
                <Setter Property="Color" Value="{StaticResource A_Color_White}"/>
            </Style>

            <Color x:Key="A_Color_ProgressPanel_GoldText">#BF000000</Color>
            <Color x:Key="A_Color_ProgressPanel_GradientA">#C90051</Color>
            <Color x:Key="A_Color_ProgressPanel_GradientB">#81004A</Color>
            <Color x:Key="A_Color_ProgressPanel_Text">#FFFFFF</Color>

            <Double x:Key="A_Double_ProgressHeight">72</Double>

            <!-- Header Gradient -->
            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_RewardPool_Header_Gradient"
                BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}"
                GradientColorA="{StaticResource A_Color_ProgressPanel_GradientA}"
                GradientColorB="{StaticResource A_Color_ProgressPanel_GradientB}"
                GradientAngle="90" />

            <local:MappingConverter x:Key="A_Converter_ProgressVisualModeToHeaderPreset" Default="{StaticResource A_FZMaterialPresetRoundtangle_RewardPool_Header_Gradient}">
                <local:MappingConverterEntry Key="{x:Static local:SceneEntryEnum.BucketListSuper7HighStakes}" Value="{StaticResource A_FZMaterialPresetRoundtangle_RewardPool_Header_Gradient}" />
            </local:MappingConverter>

            <Style x:Key="A_Style_FZMaterial_ProgressPanel_Top" TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset" Value="{Binding SceneEnum, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_Converter_ProgressVisualModeToHeaderPreset}}" />
                <Setter Property="Color" Value="{StaticResource A_Color_ProgressPanel_Text}"/>
                <Setter Property="Height" Value="{StaticResource A_Double_ProgressHeight}"/>
            </Style>

            <!-- Footer Gradient -->
            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_RewardPool_Footer_Gradient"
                BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterBottomOnly}"
                GradientColorA="{StaticResource A_Color_ProgressPanel_GradientA}"
                GradientColorB="{StaticResource A_Color_ProgressPanel_GradientB}"
                GradientAngle="90" />

            <local:MappingConverter x:Key="A_Converter_ProgressVisualModeToFooterPreset" Default="{StaticResource A_FZMaterialPresetRoundtangle_RewardPool_Footer_Gradient}">
                <local:MappingConverterEntry Key="{x:Static local:SceneEntryEnum.BucketListSuper7HighStakes}" Value="{StaticResource A_FZMaterialPresetRoundtangle_RewardPool_Footer_Gradient}" />
            </local:MappingConverter>

            <Style x:Key="A_Style_FZMaterial_ProgressPanel_Bottom" TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset" Value="{Binding SceneEnum, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_Converter_ProgressVisualModeToFooterPreset}}" />
                <Setter Property="Color" Value="{StaticResource A_Color_ProgressPanel_Text}"/>
                <Setter Property="Height" Value="{StaticResource A_Double_ProgressHeight}"/>
            </Style>

            <!-- Reward Background -->
            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_RewardBackground_Gradient"
                BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterRightOnly}"
                GradientColorA="{StaticResource A_Color_ProgressPanel_GradientA}"
                GradientColorB="{StaticResource A_Color_ProgressPanel_GradientB}"
                GradientAngle="90" />

            <local:MappingConverter x:Key="A_Converter_ProgressVisualModeToRewardBackgroundPreset" Default="{StaticResource A_FZMaterialPresetRoundtangle_RewardBackground_Gradient}">
                <local:MappingConverterEntry Key="{x:Static local:SceneEntryEnum.BucketListSuper7HighStakes}" Value="{StaticResource A_FZMaterialPresetRoundtangle_RewardBackground_Gradient}" />
            </local:MappingConverter>

            <Style x:Key="A_Style_FZMaterial_RewardBackground" TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset" Value="{Binding SceneEnum, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_Converter_ProgressVisualModeToRewardBackgroundPreset}}" />
                <Setter Property="Color" Value="{StaticResource A_Color_ProgressPanel_Text}"/>
                <Setter Property="Height" Value="{StaticResource A_Double_ProgressHeight}"/>
            </Style>

            <!-- Circular Progress Bar -->
            <QuarticEase x:Key="A_EasingFunction_Progress_Animation" EasingMode="EaseOut" />
            <local:UIStoryboard x:Key="A_Storyboard_HighStakesRewardPool_BlendValueInputChanged">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="{x:Null}"
                                               FillBehavior="Stop"
                                               Storyboard.TargetProperty="(local:BlendValue.Blend)">
                    <DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="0" />
                    <DiscreteDoubleKeyFrame KeyTime="0:0:0.0" Value="0" />
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1" EasingFunction="{StaticResource A_EasingFunction_Progress_Animation}" />
                </DoubleAnimationUsingKeyFrames>
            </local:UIStoryboard>

            <local:LinearTransformConverter x:Key="A_LinearTransformConverter_CompletionTransform" Scale="1.0005"/>

            <CornerRadius x:Key="A_CornerRadius_HighStakesRewards">12</CornerRadius>
            <CornerRadius x:Key="A_CornerRadius_HighStakesRewards_Highlight">16</CornerRadius>

            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_HighStakesRewards_GradientHighlight_OuterAll"
                BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_GradientHighlight}"
                CornerRadius="{StaticResource A_CornerRadius_HighStakesRewards_Highlight}"/>
            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_HighStakesRewards_OuterAll"
                BasedOn="{StaticResource A_FZMaterialPreset_FlatPanel_Base}"
                CornerRadius="{StaticResource A_CornerRadius_HighStakesRewards}"/>

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

            <Style x:Key="A_Style_FZMaterial_RewardTier_Tile" TargetType="local:FZMaterial">
                <Setter Property="Preset" Value="{StaticResource A_FZMaterialPresetRoundtangle_HighStakesRewards_OuterAll}"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Background}"/>
            </Style>
                       
            <Double x:Key="A_Double_RewardTierWidth">660</Double>
            <Double x:Key="A_Double_RewardTierHeight">230</Double>
            <Double x:Key="A_Double_RewardTierContentHeight">218</Double>
            <Double x:Key="A_Double_RewardTier_TitleWidth">402</Double>
            <Double x:Key="A_Double_RewardTier_RewardWidth">245</Double>
            <Double x:Key="A_Double_RewardTier_RewardBackingSize">190</Double>

            <Style x:Key="A_Style_FZMaterial_Empty_League_Row" TargetType="local:FZMaterial" BasedOn="{StaticResource A_Style_FZMaterial_GlassPanel_Pill_NonInteractive}">
                <Setter Property="Height" Value="{StaticResource A_Double_RewardTierHeight}"/>
                <Setter Property="Width" Value="{StaticResource A_Double_ProgressHeight}"/>
                <Setter Property="Margin" Value="0,0,0,6"/>
            </Style>

            <local:MappingConverter x:Key="A_Converter_RewardTierToIcon" Default="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/1.png">
                <local:MappingConverterEntry Key="7" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/7.png"/>
                <local:MappingConverterEntry Key="6" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/6.png"/>
                <local:MappingConverterEntry Key="5" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/5.png"/>
                <local:MappingConverterEntry Key="4" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/4.png"/>
                <local:MappingConverterEntry Key="3" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/3.png"/>
                <local:MappingConverterEntry Key="2" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/2.png"/>
                <local:MappingConverterEntry Key="1" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/1.png"/>
            </local:MappingConverter>

            <local:MappingConverter x:Key="A_Converter_RewardTierToGoldIcon" Default="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/1.png">
                <local:MappingConverterEntry Key="7" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/7_Gold.png"/>
                <local:MappingConverterEntry Key="6" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/6_Gold.png"/>
                <local:MappingConverterEntry Key="5" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/5_Gold.png"/>
                <local:MappingConverterEntry Key="4" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/4_Gold.png"/>
                <local:MappingConverterEntry Key="3" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/3_Gold.png"/>
                <local:MappingConverterEntry Key="2" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/2_Gold.png"/>
                <local:MappingConverterEntry Key="1" Value="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/1_Gold.png"/>
            </local:MappingConverter>

            <Style x:Key="A_Style_FZMaterial_ChallengeTier" TargetType="local:FZMaterial">
                <Setter Property="ImageSource" Value="{Binding Rank, Converter={StaticResource A_Converter_RewardTierToIcon}}"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding HasAchievedHighStakesTier}" Value="False">
                        <Setter Property="ImageSource" Value="{Binding Rank, Converter={StaticResource A_Converter_RewardTierToIcon}}"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding HasAchievedHighStakesTier}" Value="True">
                        <Setter Property="ImageSource" Value="{Binding Rank, Converter={StaticResource A_Converter_RewardTierToGoldIcon}}"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="A_Style_FZTextBlock_ChallengeComplete" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
                <Setter Property="Color" Value="{StaticResource A_Color_White}"/>
                <Setter Property="MaxWidth" Value="320"/>
                <Setter Property="Margin" Value="4"/>
                <Setter Property="TextAlignment" Value="Center"/>
                <Setter Property="CapHeight" Value="20"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding HasAchievedHighStakesTier}" Value="False">
                        <Setter Property="Visibility" Value="Hidden"/>
                    </DataTrigger>
                </Style.Triggers>                
            </Style>

            <!-- Reward item tile -->
            <Color x:Key="A_Color_RewardTile_GradientA">#4C0024</Color>
            <Color x:Key="A_Color_RewardTile_GradientB">#410025</Color>

            <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_RewardTileBacking"
                BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_HighStakesRewards_OuterAll}"
                GradientColorA="{StaticResource A_Color_RewardTile_GradientA}"
                GradientColorB="{StaticResource A_Color_RewardTile_GradientB}"
                GradientAngle="90" />

            <local:MappingConverter x:Key="A_Converter_VisualModeToRewardTilePreset" Default="{StaticResource A_FZMaterialPresetRoundtangle_RewardTileBacking}">
                <local:MappingConverterEntry Key="{x:Static local:SceneEntryEnum.BucketListSuper7HighStakes}" Value="{StaticResource A_FZMaterialPresetRoundtangle_RewardTileBacking}" />
            </local:MappingConverter>

            <Style x:Key="A_Style_FZMaterial_RewardTile" TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset" Value="{Binding SceneEnum, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_Converter_VisualModeToRewardTilePreset}}" />
                <Setter Property="Height" Value="{StaticResource A_Double_ProgressHeight}"/>
            </Style>

            <DataTemplate x:Key="A_DataTemplate_RewardPoolItem">
                <Grid x:Name="RewardTierRowContainer" HorizontalAlignment="Left" MaxHeight="{StaticResource A_Double_RewardTierHeight}" Width="{StaticResource A_Double_RewardTierWidth}" Focusable="True">
                    <local:FZMaterial x:Name="DropShadow" Opacity="0.7" Visibility="Hidden" Margin="-10,-26"
                                      Style="{StaticResource A_Style_FZMaterial_ShadowBase_ForSubgraph}"/>
                    <local:FZMaterial x:Name="StrokeBackground" Style="{StaticResource A_Style_FZMaterial_HighStakesRewards_HighlightPanel}" Margin="-6.5" Visibility="Hidden"/>
                    <local:FZMaterial x:Name="BackingPanel" Width="{StaticResource A_Double_RewardTierWidth}" Height="{StaticResource A_Double_RewardTierHeight}" 
                                    ImageSource="/ForzaUI;component/Textures/Data_Bound/SeriesRewards/Gold_Border.png">
                        <DockPanel Margin="5.5">
                            <local:FZMaterial x:Name="ChallengeTierBackground"
                                              ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/RewardPool_NumberBG.png"
                                              DockPanel.Dock="Left" VerticalAlignment="Center" HorizontalAlignment="Left" 
                                              Width="{StaticResource A_Double_RewardTier_TitleWidth}" Height="{StaticResource A_Double_RewardTierContentHeight}">
                                <DockPanel>
                                    <Grid HorizontalAlignment="Center">
                                        <StackPanel Orientation="Horizontal" Margin="2" VerticalAlignment="Center">
                                            <StackPanel Orientation="Vertical" Margin="2" HorizontalAlignment="Center" VerticalAlignment="Bottom">
                                                <local:FZTextBlock Text="{local:Loc RaceEncounters.IDS_Challenge, Converter={StaticResource A_StringToUpper}}" MaxWidth="320" Margin="8"
                                                                VerticalAlignment="Center" TextAlignment="Center" HorizontalAlignment="Right" CapHeight="40" 
                                                                Color="{StaticResource A_Color_White}" FontFamily="Horizon_A" />
                                                <Decorator RenderTransform="{StaticResource A_Transform_Italic}" HorizontalAlignment="Center">
                                                    <local:FZTextBlock Text="{Binding Source={local:Loc Expansions.IDS_Complete}, Converter={StaticResource A_StringToUpper}}"
                                                                        Style="{StaticResource A_Style_FZTextBlock_ChallengeComplete}" />
                                                </Decorator>
                                            </StackPanel>
                                            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_ChallengeTier}"
                                                            VerticalAlignment="Top" HorizontalAlignment="Right" Width="110" Height="110" />
                                        </StackPanel>
                                    </Grid>
                                </DockPanel>
                            </local:FZMaterial>
                            
                            <local:FZMaterial x:Name="ChallengeTierDivider" Style="{StaticResource A_Style_FZMaterial_Divider}" Width="2" Height="{StaticResource A_Double_RewardTierContentHeight}"/>                            
                            
                            <Grid x:Name="ChallengeTierReward" Width="{StaticResource A_Double_RewardTier_RewardWidth}">
                                    <local:FZMaterial x:Name="ChallengeTierRewardBackground" 
                                                        Width="{StaticResource A_Double_RewardTier_RewardWidth}" Height="{StaticResource A_Double_RewardTierContentHeight}"
                                                        VerticalAlignment="Center" HorizontalAlignment="Right"
                                                        Style="{StaticResource A_Style_FZMaterial_RewardBackground}" />
                                    
                                    <local:FZMaterial Width="{StaticResource A_Double_RewardTier_RewardBackingSize}" Height="{StaticResource A_Double_RewardTier_RewardBackingSize}" 
                                                        Style="{StaticResource A_Style_FZMaterial_RewardTile}">
                                            <ContentControl x:Name="RewardWidget" 
                                                        Content="{Binding Reward}"
                                                        ContentTemplate="{StaticResource A_ControlTemplate_RewardPreview}"
                                                        HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                        Visibility="Visible" /> 
                                    </local:FZMaterial>
                                    <local:FZMaterial x:Name="RewardLockedIcon" ImageSource="/ForzaUI;component/Textures/Data_Bound/ui_symbols/Lock_Light.png"
                                                        Width="80" Height="80" Visibility="Hidden" />
                            </Grid>
                        </DockPanel>
                    </local:FZMaterial>
                </Grid>
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource TemplatedParent}}" Value="True">
                        <Setter Property="FocusManager.FocusedElement" Value="{Binding RelativeSource={RelativeSource TemplatedParent}}" />
                    </DataTrigger>

                    <DataTrigger Binding="{Binding HasAchievedHighStakesTier}" Value="False">
                        <Setter Property="ImageSource" Value="{x:Null}" TargetName="BackingPanel"/>
                        <Setter Property="Style" Value="{StaticResource A_Style_FZMaterial_RewardTier_Tile}" TargetName="BackingPanel"/>
                    </DataTrigger>

                    <DataTrigger Binding="{Binding IsLocked}" Value="True">
                        <Setter Property="Visibility" Value="Hidden" TargetName="RewardWidget"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="RewardLockedIcon"/>
                    </DataTrigger>
                    
                    <DataTrigger Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource TemplatedParent}}" Value="True">
                        <Setter Property="Visibility" Value="Visible" TargetName="DropShadow"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="StrokeBackground"/>
                        <Setter Property="RenderTransformOrigin" Value="0.5, 0.5"/>
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="1.04" ScaleY="1.04"/>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="local:ZPanel.DisableClipping" TargetName="RewardTierRowContainer" Value="True"/>
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>

            <Style x:Key="A_Style_ItemContainerStyle_RewardPoolItem" TargetType="ListBoxItem">
                <Setter Property="Focusable" Value="True" />
                <Setter Property="Margin" Value="0,0,0,6"/>
                <Setter Property="ClipToBounds" Value="False"/>
                <Setter Property="local:ZPanel.ZIndex" Value="0"/>
                <Style.Triggers>
                    <Trigger Property="IsKeyboardFocusWithin" Value="True">
                        <Setter Property="local:ZPanel.ZIndex" Value="20"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </ResourceDictionary>
    </Page.Resources>

    <local:UIPageTransitionManager.TransitionManager>
        <local:UIPageTransitionManager Preset="{StaticResource A_UIPageTransitionManagerPreset_Menu}"/>
    </local:UIPageTransitionManager.TransitionManager>
    
    <Grid>
        <!-- Background Blur -->
        <Control Style="{StaticResource A_Style_Control_ScreenBackground}" />

        <ContentControl x:Name="BottomBar" Style="{StaticResource A_Style_ButtonBar}">
            <local:ControllerButtonPanel x:Name="HelpPanel" Style="{StaticResource A_Style_ControllerButtonPanel_Default}">
                <local:ControllerButtonControl Button="B" Description="{local:Loc HelpButtons.IDS_Back}" />
            </local:ControllerButtonPanel>
        </ContentControl>
		
		<local:FZMaterial Style="{StaticResource A_Style_FZMaterial_Background}" 
			Visibility="{Binding IsPostRace, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
            ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/HighStakes/HighStakes_BG.png" Margin="0,-1,0,-1" Grid.ColumnSpan="2"/>

        <Grid x:Name="LayoutRoot" Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}">
            <local:RoutedEventCommand x:Name="ItemListPageDown"
                                      RoutedEvent="UIElement.MouseLeftButtonUp"
                                      Command="{Binding ScrollPageNextCommand, ElementName=RewardPoolItemList}" />
            <local:RoutedEventCommand x:Name="ItemListPageUp"
                                      RoutedEvent="UIElement.MouseLeftButtonUp"
                                      Command="{Binding ScrollPagePrevCommand, ElementName=RewardPoolItemList}" />
            
            <Border ClipToBounds="false">
                <Grid Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}"
                  ClipToBounds="false">
                    <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,0">
                        <ContentControl x:Name="TitleText"
                                    HorizontalAlignment="Left"
                                    Content="{local:Loc BucketListBlueprint.IDS_HighStakes_RewardPool_Title, Converter={StaticResource A_StringToUpper}}"                                    
                                    local:BindingProxy.A="ForzaUI;component/Textures/Data_Bound/SuperChallenges/Super7_TitleIcon.png"
                                    Style="{StaticResource A_Style_ContentControl_ScreenTitleBlock}" />
                        <DockPanel VerticalAlignment="Center" HorizontalAlignment="Center" Height="806">
                            
                            <!--Right hand column -->
                            <StackPanel x:Name="RightHandColumn" Orientation="Vertical" DockPanel.Dock="Right" Width="380">
                                
                                <!-- Title -->
                                <local:FZMaterial x:Name="HeaderPanel" Style="{StaticResource A_Style_FZMaterial_ProgressPanel_Top}">
                                        <local:FZTextBlock Text="{local:Loc InGame.IDS_Progress, Converter={StaticResource A_StringToUpper}}" MaxWidth="320" Margin="12"
                                                       VerticalAlignment="Center" TextAlignment="Center" HorizontalAlignment="Center" CapHeight="24" 
                                                       Color="{StaticResource A_Color_White}" FontFamily="Horizon_A" />
                                </local:FZMaterial>

                                <!-- Current Prize Pool Level -->
                                <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_GlassPanel_BodyPanel}" MinHeight="660">
                                    <DockPanel MinHeight="650">
                                        <StackPanel DockPanel.Dock="Top" MinHeight="461">
                                            <!-- Rank achieved -->
                                            <Grid HorizontalAlignment="Center" Height="280">
                                                <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/SUPER16_ProgressInfographic.png"
                                                                          Width="200" Height="200" />
                                                
                                                <local:FZMaterial Color="{StaticResource A_Color_Options_DifficultyBonus}"
                                                            Width="320" Height="320" VerticalAlignment="Center" HorizontalAlignment="Center"
                                                            Tag="{Binding PrizePoolProgressRatio, RelativeSource={RelativeSource AncestorType=Page}, NotifyOnTargetUpdated=True}"
                                                            local:BlendValue.InputChangedStoryboard="{StaticResource A_Storyboard_HighStakesRewardPool_BlendValueInputChanged}"
                                                            local:BlendValue.Input="{Binding PrizePoolProgressRatio, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_LinearTransformConverter_CompletionTransform}}"
                                                            local:BlendValue.BlendFromPreviousOutput="True"
                                                            local:BlendValue.ShouldSkipInitialInputChange="False">
                                                    <local:FZMaterial.Preset>
                                                            <local:FZMaterialPresetRadialBar x:Name="Preset"
                                                                                            TargetRatio="1.0" ShadowIntensity="0" TipGlowFade="0.0"
                                                                                            AngleAmount="0" BarWidth="0.13" BackgroundColor="#00FFFFFF"
                                                                                            Ratio="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}}"/>
                                                    </local:FZMaterial.Preset>
                                                </local:FZMaterial>
                                            </Grid>

                                            <Decorator RenderTransform="{StaticResource A_Transform_Italic}" VerticalAlignment="Center" HorizontalAlignment="Center">
                                                <local:FZTextBlock Text="{Binding Source={local:Loc BucketListBlueprint.IDS_HighStakes_CurrentPrizePool}, Converter={StaticResource A_StringToUpper}}"
                                                                VerticalAlignment="Top" HorizontalAlignment="Center" TextWrapping="Wrap" Margin="16,24" CapHeight="20" 
                                                                Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}"/>
                                            </Decorator>
                                            <Decorator RenderTransform="{StaticResource A_Transform_Italic}" VerticalAlignment="Center" HorizontalAlignment="Center">
                                                <local:FZTextBlock Text="{Binding PrizePoolProgressText}" VerticalAlignment="Bottom" HorizontalAlignment="Center"
                                                                    Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}"                
                                                                    Margin="16,0,16,24" CapHeight="45" />
                                            </Decorator>
                                        </StackPanel>
                                        <StackPanel DockPanel.Dock="Bottom">
                                            <local:FZMaterial Color="{StaticResource A_Color_White}" Height="1" Width="Auto"
                                                  VerticalAlignment="Center" Margin="16,6" Opacity="0.6" Preset="{StaticResource A_RewardPool_SmallCornerRadius_Outer_All}"/>

                                            <!-- Burns -->
                                            <StackPanel Orientation="Horizontal" Margin="6" VerticalAlignment="Bottom">
                                                <local:FZMaterial Width="65" Height="65" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Left"
                                                                  ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/RewardPool_Burns.png"/>
                                                <Decorator Width="10"/>
                                                <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0.5,4">
                                                    <local:FZTextBlock Text="{Binding Source={local:Loc BucketListBlueprint.IDS_ChallengeBrowser_Burns}, Converter={StaticResource A_StringToUpper}}" 
                                                                       Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}" CapHeight="20"/>
                                                    <Decorator Height="8"/>
                                                    <local:FZTextBlock Text="{Binding Burns, FallbackValue=0}" 
                                                                       Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}" CapHeight="31.5"/>
                                                </StackPanel>
                                            </StackPanel>

                                            <local:FZMaterial Color="{StaticResource A_Color_White}" Height="1" Width="Auto"
                                                  VerticalAlignment="Center" Margin="16,6" Opacity="0.6" Preset="{StaticResource A_RewardPool_SmallCornerRadius_Outer_All}"/>

                                            <!-- Lives -->
                                            <StackPanel Orientation="Horizontal" Margin="6" VerticalAlignment="Bottom">
                                                <local:FZMaterial Width="65" Height="65" Color="{StaticResource A_Color_White}" VerticalAlignment="Center" HorizontalAlignment="Left"
                                                                  ImageSource="/ForzaUI;component/Textures/Data_Bound/SuperChallenges/RewardPool/RewardPool_Lives.png"/>
                                                <Decorator Width="10"/>
                                                <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0.5,4">
                                                    <local:FZTextBlock Text="{Binding Source={local:Loc BucketListBlueprint.IDS_ChallengeBrowser_Lives}, Converter={StaticResource A_StringToUpper}}" 
                                                                       Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}" CapHeight="20"/>
                                                    <Decorator Height="8"/>
                                                    <local:FZTextBlock Text="{Binding Lives, FallbackValue=0}" 
                                                                       Style="{StaticResource A_Style_FZTextBlock_RewardPool_Base}" CapHeight="31.5"/>
                                                </StackPanel>
                                            </StackPanel>
                                        </StackPanel>
                                    </DockPanel>
                                </local:FZMaterial>

                                <local:FZMaterial x:Name="FooterPanel" Style="{StaticResource A_Style_FZMaterial_ProgressPanel_Bottom}"/>
                            </StackPanel>

                            <StackPanel x:Name="LeftHandColumn" Margin="0,0,18,0">
                                <!--Left side Items list. -->
                                <ContentControl Style="{StaticResource A_Style_ContentControl_ScrollArrowBox}" Height="48"
                                        local:BindingProxy.A="{Binding Path=(local:FZScrollViewer.IsAtTop), ElementName=RewardPoolItemList}"
                                        local:RoutedEventCommand.Action="{Binding ElementName=ItemListPageUp}">
                                    <local:FZMaterial x:Name="ScrollUpArrow" 
                                          RenderTransformOrigin="0.5,0.5"
                                          Style="{StaticResource A_Style_FZMaterial_ScrollArrow_TextMenu}">
                                        <local:FZMaterial.RenderTransform>
                                            <RotateTransform Angle="180" />
                                        </local:FZMaterial.RenderTransform>
                                    </local:FZMaterial>
                                </ContentControl>
                                <Grid Height="702" Panel.ZIndex="2">
                                    <local:CommonListBox VerticalAlignment="Top" x:Name="RewardPoolItemList"
                                                     Margin="0,6,0,-6" HorizontalAlignment="Left"
                                                     ScrollViewer.VerticalScrollBarVisibility="Disabled" ClipToBounds="True"
                                                     SelectedItem="{Binding SelectedItem}"
                                                     ItemTemplate="{StaticResource A_DataTemplate_RewardPoolItem}"
                                                     ItemContainerStyle="{StaticResource A_Style_ItemContainerStyle_RewardPoolItem}"
                                                     ItemsSource="{Binding Collection}"
                                                     local:FocusOnPageFocusGained.VirtualizingSelectorSelectedItem="True" 
                                                     Height="750"
                                                     Style="{StaticResource A_Style_ListBox_TextMenu_Default}"/>
                                </Grid>
                                <local:FZMaterial x:Name="HitBlockerBottom" Height="7" Margin="-18,-18,-18,0" Color="#00000000" IsHitTestVisible="True"/>
                                <ContentControl Style="{StaticResource A_Style_ContentControl_ScrollArrowBox}" Margin="0,6,0,0" Height="48" VerticalAlignment="Bottom"
                                        local:BindingProxy.A="{Binding Path=(local:FZScrollViewer.IsAtBottom), ElementName=RewardPoolItemList}"
                                        local:RoutedEventCommand.Action="{Binding ElementName=ItemListPageDown}">
                                        <local:FZMaterial 
                                          VerticalAlignment="Center"
                                          Style="{StaticResource A_Style_FZMaterial_ScrollArrow_TextMenu}"/>
                                    </ContentControl>
                            </StackPanel>
                        </DockPanel>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>
    </Grid>
</Page>
