<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.Scenes.Anthem.A_BucketListSelect"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}"
      Margin="0">
    
    <Page.Resources>
        <ResourceDictionary>
            <Color x:Key="A_Color_ComingSoon">#B3F5F5F5</Color>
            <System:Double x:Key="A_Double_BucketlistTileWidth">560</System:Double>
            <System:Double x:Key="A_Double_BucketlistTileHeight">560</System:Double>

            <Style x:Key="A_Style_Title" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}" >
                <Setter Property="FontSize" Value="87"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text_Alternate}"/>
            </Style>

            <Style x:Key="A_Style_Subtitle" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonB}" >
                <Setter Property="FontSize" Value="85"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text_Alternate}"/>
            </Style>

            <Style x:Key="A_Style_ComingSoon" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}" >
                <Setter Property="FontSize" Value="130"/>
                <Setter Property="Color" Value="{StaticResource A_Color_ComingSoon}"/>
            </Style>

            <Style x:Key="A_Style_Description" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonB}" >
                <Setter Property="FontSize" Value="42"/>
                <Setter Property="LineHeight" Value="37" />
                <Setter Property="LineStackingStrategy" Value="BlockLineHeight" />
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text_Alternate}"/>
            </Style>

            <Style x:Key="A_Style_ActiveList" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}" >
                <Setter Property="FontSize" Value="40"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text_Alternate}" />
            </Style>

            <Style x:Key="A_Style_DoneCount" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}" >
                <Setter Property="FontSize" Value="64"/>
                <Setter Property="Color"
                        Value="{StaticResource A_Color_Bucketlist_Text}" />
            </Style>

            <Style x:Key="A_Style_TotalCount" TargetType="local:FZTextBlock" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}" >
                <Setter Property="FontSize" Value="64"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text_Alternate}"/>
            </Style>

            <Style x:Key="A_Style_FZMaterial_SelectionBar" TargetType="{x:Type local:FZMaterial}" BasedOn="{StaticResource A_Style_FZMaterial_TileSelectionStrokeBase}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ContentControl}}, Path=IsFocused}" Value="True">
                        <Setter Property="Opacity" Value="1"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ContentControl}}, Path=IsFocused}" Value="False">
                        <Setter Property="Opacity" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <!-- BucketList info Style -->
            <Style x:Key="A_Style_ContentControl_BucketListSelect_Carousel_RaiseFocusedItem"
                   TargetType="ContentControl">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ContentControl}">
                            <ControlTemplate.Resources>
                                <Storyboard x:Key="SelectItemStory">
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.03" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.03" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(local:ZPanel.ZOffset)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="{StaticResource A_Double_ZOffset_Acrylic}" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"
                                                           Storyboard.TargetName="FocusHighlight">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0"
                                                      Value="0" />
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0.6" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0"
                                                      Value="0.75" />
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.06" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0"
                                                      Value="0.75" />
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.06" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <Int32AnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.ZIndex)"
                                                          Storyboard.Target="{Binding RelativeSource={RelativeSource AncestorType=ContentPresenter}}">
                                        <EasingInt32KeyFrame KeyTime="0:0:0.3"
                                                     Value="20" />
                                    </Int32AnimationUsingKeyFrames>
                                </Storyboard>
                                <Storyboard x:Key="DeselectItemStory">
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="1.0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(local:ZPanel.ZOffset)"
                                                           Storyboard.TargetName="ScaledContainer">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0.0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"
                                                           Storyboard.TargetName="FocusHighlight">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0.75" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                           Storyboard.TargetName="DropShadow">
                                        <EasingDoubleKeyFrame KeyTime="0:0:0.3"
                                                      Value="0.75" />
                                    </DoubleAnimationUsingKeyFrames>
                                    <Int32AnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.ZIndex)"
                                                          Storyboard.Target="{Binding RelativeSource={RelativeSource AncestorType=ContentPresenter}}">
                                        <EasingInt32KeyFrame KeyTime="0:0:0.3"
                                                     Value="0" />
                                    </Int32AnimationUsingKeyFrames>
                                </Storyboard>
                                <Storyboard x:Key="TransitionOut" />
                            </ControlTemplate.Resources>
                            <ControlTemplate.Triggers>
                                <DataTrigger Binding="{Binding (Selector.IsSelected), RelativeSource={RelativeSource Self}}"
                                     Value="True">
                                    <DataTrigger.ExitActions>
                                        <BeginStoryboard x:Name="HideSelected_BeginStoryboard2"
                                                 HandoffBehavior="SnapshotAndReplace"
                                                 Storyboard="{StaticResource DeselectItemStory}" />
                                    </DataTrigger.ExitActions>
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard x:Name="ShowSelected_BeginStoryboard2"
                                                 HandoffBehavior="SnapshotAndReplace"
                                                 Storyboard="{StaticResource SelectItemStory}" />
                                    </DataTrigger.EnterActions>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding IsEnabled, RelativeSource={RelativeSource TemplatedParent}}"
                                     Value="False">
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard x:Name="HideItems_BeginStoryboard"
                                                 Storyboard="{StaticResource TransitionOut}" />
                                    </DataTrigger.EnterActions>
                                </DataTrigger>
                            </ControlTemplate.Triggers>
                            <Grid x:Name="OuterContainer"
                          Margin="2,0,3,0">
                                <Grid>
                                    <local:FZMaterial x:Name="DropShadow"
                                              Style="{StaticResource A_Style_FZMaterial_ShadowBase_ForSubgraph}">
                                        <local:FZMaterial.RenderTransform>
                                            <TransformGroup>
                                                <ScaleTransform ScaleX="0"
                                                        ScaleY="0" />
                                                <SkewTransform />
                                                <RotateTransform />
                                                <TranslateTransform />
                                            </TransformGroup>
                                        </local:FZMaterial.RenderTransform>
                                    </local:FZMaterial>
                                </Grid>
                                <Grid x:Name="ScaledContainer"
                                      RenderTransformOrigin="0.5,0.5"
                                      local:ZPanel.ZOffset="0">
                                    <Grid.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform />
                                            <SkewTransform />
                                            <RotateTransform />
                                            <TranslateTransform />
                                        </TransformGroup>
                                    </Grid.RenderTransform>
                                    <local:FZMaterial x:Name="FocusHighlight"
                                                      Style="{StaticResource A_Style_FZMaterial_TileSelectionStroke}"
                                                      local:ZPanel.DisableClipping="True"/>
                                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_AcrylicPanel_Tile_Background}"/>
                                    <ContentPresenter/>
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <System:Double x:Key="A_Double_BucketListSelect_Line_Thickness">2</System:Double>
            <System:Double x:Key="A_Double_BucketListSelect_ActiveIcon_Height">56</System:Double>
            <System:Double x:Key="A_Double_BucketListSelect_CountIcon_Height">56</System:Double>
            
            <Style x:Key="A_Style_FZMaterial_GlossyYellowLine_Horizontal" TargetType="{x:Type local:FZMaterial}"
                   BasedOn="{StaticResource A_Style_FZMaterial_GlossyBlack}">
                <Setter Property="Height" Value="{StaticResource A_Double_BucketListSelect_Line_Thickness}"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_AlternateBackground}"/>
            </Style>

            <Style x:Key="A_Style_FZMaterial_GlossyYellowLine_Vertical" TargetType="{x:Type local:FZMaterial}"
                   BasedOn="{StaticResource A_Style_FZMaterial_GlossyBlack}">
                <Setter Property="Width" Value="{StaticResource A_Double_BucketListSelect_Line_Thickness}"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Tile_AlternateBackground}"/>
            </Style>

            <Style x:Key="A_Style_FZMaterial_ActiveIcon"
                   TargetType="local:FZMaterial"
                   BasedOn="{StaticResource A_Style_FZMaterial_GlossyBlack}">
                <Setter Property="ImageSource"
                    Value="/ForzaUI;component/Textures/Data_Bound/Anthem/BucketList_Tiles/ActiveTick.png"/>
                <Setter Property="Width"
                    Value="{StaticResource A_Double_BucketListSelect_ActiveIcon_Height}" />
                <Setter Property="Height"
                    Value="{StaticResource A_Double_BucketListSelect_ActiveIcon_Height}" />
                <Setter Property="VerticalAlignment"
                    Value="Center" />
            </Style>

            <Style x:Key="A_Style_FZMaterial_CountIcon"
                   TargetType="local:FZMaterial"
                   BasedOn="{StaticResource A_Style_FZMaterial_GlossyBlack}">
                <Setter Property="ImageSource"
                    Value="/ForzaUI;component/Textures/Data_Bound/Anthem/BucketList_Tiles/Count.png"/>
                <Setter Property="Width"
                    Value="{StaticResource A_Double_BucketListSelect_CountIcon_Height}" />
                <Setter Property="Height"
                    Value="{StaticResource A_Double_BucketListSelect_CountIcon_Height}" />
                <Setter Property="VerticalAlignment"
                    Value="Center" />
            </Style>

            <ControlTemplate x:Key="A_ContentControlTemplate_BucketListTileIconBox" TargetType="ContentControl">
                <DockPanel>
                    <Grid DockPanel.Dock="Left">
                        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_GlossyBlack}"
                                          Color="{StaticResource A_Color_Tile_AlternateBackground}"/>
                        <local:FZMaterial Style="{Binding (local:BindingProxy.A), RelativeSource={RelativeSource TemplatedParent}}"/>
                    </Grid>

                    <DockPanel>
                        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_GlossyYellowLine_Horizontal}" DockPanel.Dock="Top"/>
                        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_GlossyYellowLine_Horizontal}" DockPanel.Dock="Bottom"/>
                        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_GlossyYellowLine_Vertical}" DockPanel.Dock="Right"/>
                        <Grid>
                            <local:FZMaterial Preset="{StaticResource A_FZMaterialPreset_Glossy}">
                                <local:FZMaterial.Color>#BF212121</local:FZMaterial.Color>
                            </local:FZMaterial>
                            <ContentPresenter />
                        </Grid>
                    </DockPanel>
                </DockPanel>
            </ControlTemplate>

            <Style x:Key="A_Style_Control_BucketListCountIconBox" TargetType="ContentControl">
                <Setter Property="Template" Value="{StaticResource A_ContentControlTemplate_BucketListTileIconBox}" />
                <Setter Property="local:BindingProxy.A" Value="{StaticResource A_Style_FZMaterial_CountIcon}" />
                <Setter Property="Height" Value="{StaticResource A_Double_BucketListSelect_CountIcon_Height}" />
            </Style>

            <Style x:Key="A_Style_Control_BucketListActiveIconBox" TargetType="ContentControl">
                <Setter Property="Template" Value="{StaticResource A_ContentControlTemplate_BucketListTileIconBox}" />
                <Setter Property="local:BindingProxy.A" Value="{StaticResource A_Style_FZMaterial_ActiveIcon}" />
                <Setter Property="Height" Value="{StaticResource A_Double_BucketListSelect_ActiveIcon_Height}" />
            </Style>

            <!-- Bucket list tile datatemplate -->
            <DataTemplate x:Key="A_DataTemplate_BucketList_Tile">
                <Grid Height="{StaticResource A_Double_BucketlistTileHeight}"
                      Width="{StaticResource A_Double_BucketlistTileWidth}">
                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_TileShadow}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />      
                    <Grid>
                        <local:FZMaterial ImageSource="{Binding BackgroundImage}"/>
                        <Viewbox Margin="16,-3,16,0" VerticalAlignment="Top" HorizontalAlignment="Left" Stretch="Uniform" StretchDirection="DownOnly" MaxWidth="500">
                            <StackPanel>
                                <local:FZTextBlock x:Name="A_FZTextBlock_Title" Style="{StaticResource A_Style_Title}" Text="{Binding Title}"/>
                                <local:FZTextBlock x:Name="A_FZTextBlock_BucketList" Style="{StaticResource A_Style_Subtitle}" Text="{local:Loc BucketList.IDS_BucketList}" Margin="-1,-38,0,0"/>
                            </StackPanel>
                        </Viewbox>
                        <Grid Visibility="{Binding IsActive, Converter={StaticResource A_FZBooleanToVisibilityConverter_Inverse}}"
                              HorizontalAlignment="Right"
                              VerticalAlignment="Bottom">
                            <local:FZMaterial Preset="{StaticResource A_FZMaterialPreset_Glossy}"
                                              Color="{StaticResource A_Color_ScreenTitle_Background}"
                                              Visibility="{Binding IsNew, Converter={StaticResource A_FZBooleanToVisibilityConverter}}">
                                <local:FZTextBlock Text="{local:Loc InGameMarketplace.IDS_New}"
                                                   Style="{StaticResource A_Style_FZTextBlock_HorizonA}"
                                                   Color="{StaticResource A_Color_Bar_Text}"
                                                   FontSize="24"
                                                   Margin="10,2"/>
                            </local:FZMaterial>
                        </Grid>
                        <StackPanel VerticalAlignment="Bottom" HorizontalAlignment="Stretch" Margin="18,0,18,20">
                            <local:FZTextBlock x:Name="A_FZTextBlock_Description"
                                                   Style="{StaticResource A_Style_Description}"
                                                   Text="{Binding Description}"
                                                   TextWrapping="Wrap"
                                                   VerticalAlignment="Bottom"
                                                   HorizontalAlignment="Left"
                                                   Margin="0,0,18,13"/>
                            <Grid Margin="2,0">
                                <ContentControl Style="{StaticResource A_Style_Control_BucketListCountIconBox}"
                                                HorizontalAlignment="Left"
                                                DockPanel.Dock="Right">
                                    <Viewbox  StretchDirection="DownOnly" Margin="10,0">
                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                            <local:FZTextBlock x:Name="A_FZTextBlock_DoneCount" Style="{StaticResource A_Style_DoneCount}" Text="{Binding DoneChallengeCount}"/>
                                            <local:FZTextBlock x:Name="A_FZTextBlock_TotalCount" Style="{StaticResource A_Style_TotalCount}" Text="{Binding TotalChallengeCount}"/>
                                        </StackPanel>
                                    </Viewbox>
                                </ContentControl>

                                <ContentControl Style="{StaticResource A_Style_Control_BucketListActiveIconBox}"
                                                Visibility="{Binding IsActive, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                                HorizontalAlignment="Right">
                                    <Decorator Margin="10,0" VerticalAlignment="Center" HorizontalAlignment="Center">
                                        <local:FZTextBlock x:Name="A_FZTextBlock_ActiveList" Style="{StaticResource A_Style_ActiveList}" Text="{local:Loc BucketList.IDS_ActiveList}"/>
                                    </Decorator>
                                </ContentControl>
                            </Grid>
                        </StackPanel>
                    </Grid>
                </Grid>
            </DataTemplate>

            <!-- Coming soon tile data template -->
            <DataTemplate x:Key="A_DataTemplate_ComingSoon_Tile">
                <Grid Height="{StaticResource A_Double_BucketlistTileHeight}"
                      Width="{StaticResource A_Double_BucketlistTileWidth}">
                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_TileShadow}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />      
                    <Grid>
                        <local:FZMaterial Preset="{StaticResource A_FZMaterialPresetGlass_Standard}" Color="#00000000" />
                        <Image Source="/ForzaUI;component/Textures/Data_Bound/Anthem/BucketList_Tiles/Coming_Soon.png" Stretch="Uniform"/>
                        <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_SelectionBar}" />

                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5">
                            <Grid.RenderTransform>
                                <TransformGroup>
                                    <TranslateTransform X="0" Y="5"/>
                                    <RotateTransform Angle="-45"/>
                                </TransformGroup>
                            </Grid.RenderTransform>
                            <local:FZTextBlock Style="{StaticResource A_Style_ComingSoon}" Text="{local:Loc BucketList.IDS_ComingSoon}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,0"  MaxWidth="700" />
                        </Grid>
                    </Grid>
                </Grid>
            </DataTemplate>

            <local:BucketlistTemplateSelector
                NormalTemplate="{StaticResource A_DataTemplate_BucketList_Tile}" 
                ComingSoonTemplate="{StaticResource A_DataTemplate_ComingSoon_Tile}" 
                x:Key="BucketlistTemplateSelector" />

            <Style x:Key="A_Style_Control_BucketListEmptyItemStyle"
                   TargetType="{x:Type Control}">
                <Setter Property="Focusable"
                        Value="False" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_AcrylicPanel_EmptyItem}"
                                              Width="{StaticResource A_Double_BucketlistTileWidth}"
                                              Height="{StaticResource A_Double_BucketlistTileHeight}"
                                              VerticalAlignment="Bottom"
                                              Margin="3,0,2,0" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ListBox Style -->
            <Style x:Key="A_Style_ListBox_BucketListSelect_ItemList" TargetType="ListBox">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBox">
                            <local:FZScrollViewer 
                                        Focusable="False" 
                                        HorizontalScrollBarVisibility="Disabled" 
                                        VerticalScrollBarVisibility="Disabled">
                                <local:VirtualizingScrollPanel Style="{StaticResource A_Style_VirtualizingScrollPanel_MotionBlurScrollPanel}"
                                                               ItemHeight="{StaticResource A_Double_BucketlistTileHeight}"
                                                               ItemWidth="565"
                                                               Margin="3,0,0,0"
                                                               Padding="280,35,0,35"
                                                               EmptyItemStyle="{StaticResource A_Style_Control_BucketListEmptyItemStyle}"
                                                               Width="2240"/>
                            </local:FZScrollViewer>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </Page.Resources>

    <local:UIPageTransitionManager.TransitionManager>
        <local:UIPageTransitionManager Preset="{StaticResource A_UIPageTransitionManagerPreset_Menu}"/>
    </local:UIPageTransitionManager.TransitionManager>
          
    <Grid>
       <Control Style="{StaticResource A_Style_Control_ScreenBackground}" />
        <local:PlayerBarControl x:Name="TopBar" Style="{StaticResource A_Style_PlayerBarControl}" Margin="0,0.667,0,-0.667" />
        <ContentControl x:Name="BottomBar" Style="{StaticResource A_Style_ButtonBar}">
            <ContentControl x:Name="DefaultHelpPanel"
                    local:ControllerButtonPanel.ADescription="{local:Loc HelpButtons.IDS_Select}"
                    local:ControllerButtonPanel.BDescription="{local:Loc HelpButtons.IDS_Back}"
                    local:ControllerButtonPanel.XDescription="{Binding XButtonDescription}"
                    Style="{StaticResource A_Style_ContentControl_DefaultButtonBar}" />
        </ContentControl>

        <Border x:Name="LayoutRoot"
                Style="{StaticResource A_Style_Border_ScenePadding}"
                ClipToBounds="false">
            <Grid Style="{StaticResource A_Style_FrameworkElement_ScreenTilt}"
                  ClipToBounds="false">
                <StackPanel Margin="0,120,0,0" VerticalAlignment="Stretch" HorizontalAlignment="Center" ClipToBounds="false">
                    <Decorator Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}"
                               Margin="34,0,0,0">
                        <ContentControl x:Name="ContentControl_SceneTitle"
                                        Content="{Binding Title}" 
                                        Style="{StaticResource A_Style_ContentControl_ScreenTitleBlock}" 
                                        HorizontalAlignment="Left"
                                        local:BindingProxy.A="/ForzaUI;component/Textures/Anthem/Icons/Titles/BucketList.png"/>
                    </Decorator>

                    <Decorator Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_1}">
                        <local:CommonListBox x:Name="A_ListBox_BucketLists"
                            ItemsSource="{Binding BucketLists}"
                            ItemContainerStyle="{StaticResource A_Style_ContentControl_BucketListSelect_Carousel_RaiseFocusedItem}"
                            ItemTemplateSelector="{StaticResource BucketlistTemplateSelector}"
                            Style="{StaticResource A_Style_ListBox_BucketListSelect_ItemList}"
                            ScrollViewer.CanContentScroll="true"
                            SelectedIndex="0" 
                            Margin="0,-27,0,0" 
                            Width="2240"
                            Height="630"
                            HorizontalAlignment="Center"/>
                    </Decorator>
                </StackPanel>
            </Grid>
        </Border>
    </Grid>
</Page>
