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

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

    <Page.Resources>
        <ResourceDictionary>
            <Color x:Key="A_Color_StarEmptyBackground">#66F7F7F7</Color>
            <Color x:Key="A_Color_StarFullBackground">#FFF200</Color>
            <Color x:Key="A_Color_LayerCount">#BBF7F7F7</Color>

            <MultiConverter x:Key="A_Converter_FullscreenCarousel_LeftShifter">
                <MultiConverterEntry Converter="{Clamp Max=0, Min=-296}"/>
                <MultiConverterEntry Converter="{LinearTransformConverter Scale=1}" TargetType="Double"/>
            </MultiConverter>

            
            <Style TargetType="FZMaterial" x:Key="A_Style_Container_LiveryBackground">
                <Setter Property="Preset" Value="{StaticResource H_GlassRoundtangle_8px}" />
                <Setter Property="Color" Value="{StaticResource H_Color_Glass_Purple_40pc}" />
            </Style>

            <Style x:Key="A_Style_ContentControl_LiverySelect_ContainerBackground" TargetType="ContentControl" BasedOn="{StaticResource H_Style_ContentControl_ContainerBackground}">
                <Setter Property="DynamicData.Data">
                    <Setter.Value>
                        <DynamicDataSource>
                            <DynamicDataItem 
                                Name="DarkItemBackgroundStyle"
                                DataType="Style"
                                Value="{StaticResource A_Style_Container_LiveryBackground}" />
                        </DynamicDataSource>
                    </Setter.Value>
                </Setter>
            </Style>


            <Style x:Key="A_Style_ItemList_EmptyItemStyle" BasedOn="{StaticResource H_Style_FullScreenCarousel_EmptyItemStyle}" TargetType="Control">
                <Setter Property="Margin" Value="0,0,4,4" />
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <TranslateTransform X="{Binding (MultiDataConversion.Output), RelativeSource={RelativeSource AncestorType=ListBoxItem}, Converter={StaticResource A_Converter_FullscreenCarousel_LeftShifter}}"/>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="A_Style_FullScreenCarousel_ContainerStyle"  TargetType="ListBoxItem" BasedOn="{StaticResource H_Style_FullScreenCarousel_ContainerStyle}">
                <Setter Property="Margin" Value="0,0,4,4" />
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <TranslateTransform X="{Binding (MultiDataConversion.Output), RelativeSource={RelativeSource AncestorType=ListBoxItem}, Converter={StaticResource A_Converter_FullscreenCarousel_LeftShifter}}"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="DynamicData.Data">
                    <Setter.Value>
                        <DynamicDataSource>
                            <DynamicDataItem
                            Name="MouseRolloverCornerRadius"
                            DataType="CornerRadius"
                            Value="8" />
                            <DynamicDataItem 
                            Name="ItemBackgroundContainerControlStyle"
                            DataType="Style"
                            Value="{StaticResource A_Style_ContentControl_LiverySelect_ContainerBackground}" />
                        </DynamicDataSource>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="H_Style_SidePanelItemWithHeader"
                   TargetType="{Type HeaderedContentControl}">
                <Setter Property="Height" Value="44" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{Type HeaderedContentControl}">
                            <UniformGrid Columns="2" Margin="2">
                                <ContentPresenter ContentSource="Header"/>
                                <ContentPresenter ContentSource="Content"/>
                            </UniformGrid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="HeaderTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <FZTextBlock
                                Style="{StaticResource A_Style_FZTextBlock_InfoLabel}"
                                Text="{Binding}" />
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="ContentTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <FZTextBlock
                                HorizontalAlignment="Right"
                                Style="{StaticResource A_Style_FZTextBlock_InfoValue}"
                                Text="{Binding}" />
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <DataTemplate x:Key="A_DataTemplate_Carousel_VinylItem">
                <ContentControl Template="{StaticResource A_ControlTemplate_CarouselItemContent_WithBottomHighlightTag}"
                                Tag="{local:Loc Livery.IDS_SaveDesign_Title}"
                                IsEnabled="{Binding IsSavingMode, RelativeSource={RelativeSource AncestorType=Page}}">
                    <Grid x:Name="ItemGridRoot">
                        <local:FZMaterial Opacity="0.1" 
                                          ImageSource="/ForzaUI;component/Textures/Anthem/Icons/Livery/VinylGroups_Checkerboard.png"
                                          Preset="{StaticResource H_Roundtangle_8px}"/>
                        <DockPanel x:Name="NameAndIcon" LastChildFill="True">
                            <local:FZMaterial x:Name="NameLabel"
                                              DockPanel.Dock="Top"
                                              Height="66"
                                              VerticalAlignment="Top"
                                              Preset="{StaticResource H_Roundtangle_TopOnly_8px}"
                                              Color="{StaticResource H_Color_Glass_Purple_40pc}">
                                <local:FZTextBlock Text="{Binding DisplayName}"
                                                   Color="{StaticResource A_Color_Body_Text}"
                                                   VerticalAlignment="Center"
                                                   HorizontalAlignment="Center"
                                                   Style="{StaticResource A_Style_FZTextBlock_HorizonA}"
                                                   CapHeight="21" />
                            </local:FZMaterial>

                            <local:FZMaterial x:Name="Icon"
                                              ImageSource="{Binding Thumbnail}"
                                              Stretch="Uniform"
                                              Margin="16" />

                        </DockPanel>
                        <DockPanel Margin="16,0,16,16"
                                   VerticalAlignment="Bottom"
                                   HorizontalAlignment="Right"
                                   Height="46">
                            <StackPanel Orientation="Horizontal"
                                        VerticalAlignment="Center"
                                        DockPanel.Dock="Right">
                                <local:FZMaterial Color="{StaticResource H_Color_Primary_White}"
                                                  Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_InnerLeftOnly}"
                                                  Width="41"
                                                  Height="41">
                                    <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Anthem/Icons/Livery/Vinyl_Layers.png"
                                                      Color="{StaticResource H_Color_Primary_Black}"
                                                      Margin="4"/>
                                </local:FZMaterial>
                                <local:FZMaterial Color="{StaticResource H_Color_Primary_Black}"
                                                  Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_InnerRightOnly}"
                                                  Width="43"
                                                  Height="41">
                                    <local:FZTextBlock Text="{Binding CurrentLayerCount, Converter={StaticResource A_NumUnitConverter_NoUnit_0dp}}"
                                                           Style="{StaticResource A_Style_FZTextBlock_HorizonA}"
                                                           Color="{StaticResource H_Color_Primary_White}"
                                                           CapHeight="18"
                                                           VerticalAlignment="Center"
                                                           HorizontalAlignment="Center"/>
                                </local:FZMaterial>
                            </StackPanel>
                        </DockPanel>
                    </Grid>
                </ContentControl>
            </DataTemplate>
            <DataTemplate x:Key="A_DataTemplate_Carousel_GroupCatalogVinylItem">
                <ContentControl Template="{StaticResource A_ControlTemplate_CarouselItemContent_WithBottomHighlightTag}"
                                Tag="{local:Loc Livery.IDS_SaveDesign_Title}"
                                IsEnabled="{Binding IsSavingMode, RelativeSource={RelativeSource AncestorType=Page}}">
                    <Grid x:Name="ItemGridRootGroupCatalog">
                        <DockPanel x:Name="NameAndIcon" LastChildFill="True">
                            <local:FZMaterial x:Name="NameLabel"
                                              DockPanel.Dock="Top"
                                              Height="50"
                                              VerticalAlignment="Top"
                                              Color="{StaticResource H_Color_Primary_White}"
                                              Preset="{StaticResource H_GlassRoundtangle_TopOnly_8px}">
                                <local:FZTextBlock Text="{Binding DisplayName}"
                                                   VerticalAlignment="Center"
                                                   HorizontalAlignment="Center"
                                                   Style="{StaticResource A_Style_FZTextBlock_HorizonA}"
                                                   Color="{StaticResource H_Color_Primary_Black}"
                                                   CapHeight="18" />
                            </local:FZMaterial>

                            <local:FZMaterial x:Name="Icon"
                                              ImageSource="{Binding Thumbnail}"
                                              Width="160"
                                              Height="160"
                                              Stretch="Uniform"
                                              Margin="16" />

                        </DockPanel>
                        <local:FZMaterial Visibility="{Binding IsFavorite, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                          Color="{StaticResource H_Color_Primary_Black}"
                                          Preset="{StaticResource H_Roundtangle_Outer_1px}"
                                          VerticalAlignment="Bottom"
                                          HorizontalAlignment="Right"
                                          Width="30"
                                          Height="30"
                                          Margin="0,0,16,16">
                            <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Data_Bound/CreativeHub/FollowedHeart.png"
                                              Width="23"
                                              Height="23"
                                              Color="{StaticResource H_Color_Primary_White}"/>
                        </local:FZMaterial>
                    </Grid>
                </ContentControl>
            </DataTemplate>

            <DataTemplate x:Key="A_DataTemplate_Carousel_LockableCarItem_Livery">
                <DataTemplate.Resources>
                    <Style x:Key="H_Style_PrimaryText"
                           TargetType="local:FZTextBlock"
                           BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
                        <Setter Property="CapHeight"
                                Value="23" />
                        <Setter Property="Color"
                                Value="{StaticResource H_Color_Primary_Black}" />
                        <Setter Property="TextAlignment"
                                Value="Center" />
                    </Style>

                    <Style x:Key="H_Style_SecondaryText"
                           TargetType="local:FZTextBlock"
                           BasedOn="{StaticResource A_Style_FZTextBlock_HorizonB}">
                        <Setter Property="CapHeight"
                                Value="18" />
                        <Setter Property="Color"
                                Value="{StaticResource H_Color_Primary_Black}" />
                        <Setter Property="TextAlignment"
                                Value="Center" />
                    </Style>
                </DataTemplate.Resources>
                <Grid>
                    <Grid Visibility="{Binding IsNewItem, Converter={StaticResource A_FZBooleanToVisibilityConverter_Inverse}}">
                        <Grid Visibility="{Binding IsReady, Converter={StaticResource A_FZBooleanToVisibilityConverter}, FallbackValue=Visible}">
                            <FZMaterial 
                                        ImageSource="{Binding Thumbnail}"
                                        Stretch="Uniform"/>
                            <Grid Margin="8,12">
                                <Grid VerticalAlignment="Top">
                                    <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_CarSelectCarouselItem_ItemTitleBackground}"
                                                          Opacity="0.5"
                                                          Margin="-8,-12"
                                                          Preset="{StaticResource H_Roundtangle_TopOnly_8px}"/>
                                    <StackPanel>
                                        <FZTextBlock
                                            Style="{StaticResource H_Style_PrimaryText}"
                                            Text="{Binding DisplayName, Converter={StaticResource A_StringToUpper}, FallbackValue=-}" />
                                        <FrameworkElement Height="6" />

                                        <FZTextBlock
                                            Style="{StaticResource H_Style_SecondaryText}"
                                            Text="{Binding UserProfile.FormattedGamertag, FallbackValue=-}" />
                                    </StackPanel>
                                </Grid>

                                <FZTextBlock
                                        Style="{StaticResource H_Style_SecondaryText}"
                                        Text="{Binding DateCreated, FallbackValue=-}"
                                        VerticalAlignment="Bottom" />
                            </Grid>
                        </Grid>
                        <ProgressBar x:Name="Loading"
                                     IsIndeterminate="True"
                                     Style="{StaticResource A_Style_ProgressBar_WaitSpinnerDark}"
                                     Visibility="{Binding IsReady, Converter={StaticResource A_FZBooleanToVisibilityConverter_Inverse}, FallbackValue=Collapsed}"
                                     HorizontalAlignment="Center"
                                     VerticalAlignment="Center" />
                    </Grid>
                    <StackPanel
                        Visibility="{Binding IsNewItem, Converter={FZBooleanToVisibilityConverter}, FallbackValue=Collapsed}"
                        Orientation="Vertical"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center">
                        <FZMaterial
                            ImageSource="game:\Media\UI\Textures\Data_Bound\ui_symbols\Save_Icon.png"
                            Width="110"
                            Height="144"
                            Margin="0,0,0,51"
                            Color="{StaticResource H_Color_Primary_Black}"/>
                        <FZTextBlock
                            Style="{StaticResource H_Style_PrimaryText}"
                            Text="{Loc Livery.IDS_SaveDesign}"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>

            <Style x:Key="H_Style_FrameworkElement_HiddenIfLoading"
                   TargetType="{Type FrameworkElement}">
                <Setter Property="Visibility" Value="Visible"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsUpdatingStorefrontInfo}" Value="True">
                        <Setter Property="Visibility" Value="Collapsed"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding IsLoadingHeader}" Value="True">
                        <Setter Property="Visibility" Value="Collapsed"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="H_Style_UserContent_SidePanelItemWithHeader_Livery"
                   BasedOn="{StaticResource H_Style_UserContent_SidePanelItemWithHeader}"
                   TargetType="{Type HeaderedContentControl}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsUpdatingStorefrontInfo}" Value="True">
                        <Setter Property="Content" Value="-"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding IsLoadingHeader}" Value="True">
                        <Setter Property="Content" Value="-"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
            
            <Style x:Key="H_Style_UserContent_SidePanelItemWithHeader_DownloadCount"
                   BasedOn="{StaticResource H_Style_UserContent_SidePanelItemWithHeader_Livery}"
                   TargetType="{Type HeaderedContentControl}">
                <Setter Property="Content" Value="{Binding DownloadCount, Converter={NumUnitConverter FractionDigits=0}, FallbackValue=-}"/>
            </Style>
            
            <Style x:Key="H_Style_UserContent_SidePanelItemWithHeader_LikeCount"
                   BasedOn="{StaticResource H_Style_UserContent_SidePanelItemWithHeader_Livery}"
                   TargetType="{Type HeaderedContentControl}">
                <Setter Property="Content" Value="{Binding LikeCount, Converter={NumUnitConverter FractionDigits=0}, FallbackValue=-}"/>
            </Style>

        </ResourceDictionary>
    </Page.Resources>

    <Grid x:Name="PART_LayoutRoot">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="TypeStateGroup">
                <VisualState x:Name="PART_LiveryCatalogState">
                    <Storyboard>
                        <StringAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentControl.Content)" Storyboard.TargetName="ContentControl_SceneTitle">
                            <DiscreteStringKeyFrame KeyTime="0" Value="{local:Loc Livery.IDS_DesignCatalog}"/>
                        </StringAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ItemTemplate" Storyboard.TargetName="PART_ItemList">
                            <DiscreteObjectKeyFrame KeyTime="0"
                                                    Value="{StaticResource A_DataTemplate_Carousel_LockableCarItem_Livery}"/>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="PART_LiveryCatalogState_Save">
                    <Storyboard>
                        <StringAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentControl.Content)" Storyboard.TargetName="ContentControl_SceneTitle">
                            <DiscreteStringKeyFrame KeyTime="0" Value="{local:Loc Livery.IDS_SaveDesign_Title}"/>
                        </StringAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ItemTemplate" Storyboard.TargetName="PART_ItemList">
                            <DiscreteObjectKeyFrame KeyTime="0"
                                                    Value="{StaticResource A_DataTemplate_Carousel_LockableCarItem_Livery}"/>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="PART_LiveryGroupState">
                    <Storyboard>
                        <StringAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentControl.Content)" Storyboard.TargetName="ContentControl_SceneTitle">
                            <DiscreteStringKeyFrame KeyTime="0"
                                                    Value="{local:Loc Livery.IDS_VinylGroupCatalog}"/>
                        </StringAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ItemTemplate"
                                                       Storyboard.TargetName="PART_ItemList">
                            <DiscreteObjectKeyFrame KeyTime="0"
                                                    Value="{StaticResource A_DataTemplate_Carousel_GroupCatalogVinylItem}" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="InfoPanelLayerCount" Storyboard.TargetProperty="Visibility">
                            <DiscreteObjectKeyFrame KeyTime="0"
                                                    Value="{x:Static Visibility.Visible}" />
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="PART_LiveryGroupState_Save">
                    <Storyboard>
                        <StringAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentControl.Content)" Storyboard.TargetName="ContentControl_SceneTitle">
                            <DiscreteStringKeyFrame KeyTime="0"
                                                    Value="{local:Loc Livery.IDS_SaveLayerGroup_Title}"/>
                        </StringAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="ItemTemplate"
                                                       Storyboard.TargetName="PART_ItemList">
                            <DiscreteObjectKeyFrame KeyTime="0"
                                                    Value="{StaticResource A_DataTemplate_Carousel_VinylItem}" />
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <Grid>
            <Control Style="{StaticResource A_Style_Control_ScreenBackground}" />

            <!-- Help Panel -->
            <ContentControl x:Name="BottomBar" Style="{StaticResource A_Style_ButtonBar}">
                <ContentControl x:Name="PART_DefaultHelpPanel"
                                Style="{StaticResource A_Style_ContentControl_DefaultButtonBar}" />
            </ContentControl>

            <Border Style="{StaticResource A_Style_Border_ScenePadding_Opus}">
                <StackPanel Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}" Margin="3,85,0,0"
                VerticalAlignment="Center"
                HorizontalAlignment="Center">
                    <!-- ContentControl_SceneTitle's Content is always overridden by the visual state animations, but we still 
                    need a default value to circumvent a crash when the animations are evaluated before the Title binding is 
                    set -->
                    <StackPanel Margin="15,0,0,0">
                        <ContentControl x:Name="ContentControl_SceneTitle"
                                    Content="{local:Loc Livery.IDS_DesignCatalog}"
                                    local:BindingProxy.A="/ForzaUI;component/Textures/Anthem/Icons/Titles/Car.png"
                                    Style="{StaticResource A_Style_ContentControl_ScreenTitleBlock}"
                                    HorizontalAlignment="Left"/>

                        <FZTabButtonsSelector
                        x:Name="PART_CategoryList"
                        ItemsSource="{Binding Categories}"
                        Style="{StaticResource H_Style_TabBar}"
                        HorizontalAlignment="Left"/>

                    </StackPanel>
                    <Grid Margin="15,0,0,0">
                        <local:WrapListBox Style="{StaticResource H_Style_FullScreenCarousel_TwoRows}"
                                           ItemTemplate="{StaticResource A_DataTemplate_Carousel_LockableCarItem_Livery}"
                                           SelectionLimitTop="305"
                                           x:Name="PART_ItemList"
                                           Margin="-13,0,0,0"/>
                        <StackPanel HorizontalAlignment="Left">
                            <ContentControl Template="{StaticResource A_ControlTemplate_UserContent_SidePanel}" 
                                            Style="{StaticResource A_Style_ControlTemplate_UserContent_SidePanel_TwoRowsCarousel}"
                                            DataContext="{Binding SelectedItem, ElementName=PART_ItemList}"
                                            VerticalAlignment="Top">
                                <StackPanel x:Name="PopularityInfo_Panel"
                                            Orientation="Vertical"
                                            VerticalAlignment="Top"
                                            Margin="12,0"
                                            DataContext="{Binding SelectedItem, ElementName=PART_ItemList}">
                                    <HeaderedContentControl Style="{StaticResource H_Style_UserContent_SidePanelItemWithHeader_DownloadCount}"
                                                            Header="{Loc Storefront.IDS_Downloads}"/>
                                    <FZMaterial Style="{StaticResource H_Style_StatDivider_InfoPanel}" />
                                    <HeaderedContentControl Style="{StaticResource H_Style_UserContent_SidePanelItemWithHeader_LikeCount}"
                                                            Header="{Loc Storefront.IDS_Likes}"/>
                                    <FZMaterial Style="{StaticResource H_Style_StatDivider_InfoPanel}" />
                                    <Decorator Style="{StaticResource H_Style_FrameworkElement_HiddenIfLoading}">
                                        <StackPanel Visibility="{Binding UserProfile.IsLocalPlayer, Converter={StaticResource A_Converter_BoolToVis_Inverted}}">
                                            <HeaderedContentControl Style="{StaticResource H_Style_UserContent_SidePanelItemFollower}"
                                                                    Header="{Loc Storefront.IDS_LabelCreatorNotFollowed }"
                                                                    Content="/ForzaUI;component/Textures/Data_Bound/CreativeHub/FollowedHeart.png"/>
                                            <FZMaterial Style="{StaticResource H_Style_StatDivider_InfoPanel}" />
                                        </StackPanel>
                                    </Decorator>
                                    <Decorator x:Name="InfoPanelLayerCount" Visibility="Collapsed">
                                        <StackPanel Orientation="Vertical">
                                            <DockPanel VerticalAlignment="Center"
                                                        Margin="2,8,2,8">
                                                <local:FZMaterial DockPanel.Dock="Left" 
                                                                    ImageSource="/ForzaUI;component/Textures/Anthem/Icons/Livery/Vinyl_Layers.png"
                                                                    Color="{StaticResource H_Color_Primary_White}"
                                                                    Height="28"
                                                                    Width="28"
                                                                    Margin="0,0,6,0"/>
                                                <Decorator>
                                                    <local:FZTextBlock Text="{Binding CurrentLayerCount, Converter={StaticResource A_NumUnitConverter_NoUnit_0dp}}"
                                                                        Style="{StaticResource A_Style_FZTextBlock_HorizonA}"
                                                                        Color="{StaticResource H_Color_Primary_White}"
                                                                        HorizontalAlignment="Right"
                                                                        CapHeight="18"/>
                                                </Decorator>
                                            </DockPanel>
                                            <FZMaterial Style="{StaticResource H_Style_StatDivider_InfoPanel}" />
                                        </StackPanel>
                                    </Decorator>
                                </StackPanel>
                            </ContentControl>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Border>
        </Grid>
    </Grid>
</Page>
