<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      x:Class="ForzaUI.Scenes.Anthem.A_PopupNetworkInfo"
      xmlns:local="clr-namespace:ForzaUI"
      xmlns:System="clr-namespace:System;assembly=mscorlib"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <UIPageTransitionManager.TransitionManager>
        <UIPageTransitionManager
            Preset="{StaticResource A_UIPageTransitionManagerPreset_Popup}" />
    </UIPageTransitionManager.TransitionManager>
    <Page.Resources>
        <ResourceDictionary>
            <Style
                x:Key="A_Style_FZRun_Popup_HIGHLIGHT"
                TargetType="FZRun">
                <Setter Property="Color" Value="{StaticResource H_Color_Primary_Green}"/>
            </Style>
            <MappingConverter x:Key="A_MappingConverter_Popup">
                <MappingConverterEntry Key="{NoCase BOLD}" Value="{StaticResource A_Style_FZRun_Popup_BOLD}" />
                <MappingConverterEntry Key="{NoCase INLINE_INPUT}" Value="{StaticResource A_Style_FZRun_Popup_INLINE_INPUT}" />
                <MappingConverterEntry Key="{NoCase HIGHLIGHT}" Value="{StaticResource A_Style_FZRun_Popup_HIGHLIGHT}" />
            </MappingConverter>
            <Style
                x:Key="A_Style_FZTextBlock_MessageBox_Text"
                BasedOn="{StaticResource A_Style_FZTextBlock_PopupText}"
                TargetType="local:FZTextBlock">
                <Setter
                    Property="Width"
                    Value="Auto" />
                <Setter
                    Property="Margin"
                    Value="0,0,0,12" />
                <Style.Triggers>
                    <Trigger
                        Property="Text"
                        Value="{Null}">
                        <Setter
                            Property="Visibility"
                            Value="Collapsed" />
                    </Trigger>
                    <Trigger
                        Property="Text"
                        Value="">
                        <Setter
                            Property="Visibility"
                            Value="Collapsed" />
                    </Trigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="A_Style_ContentControl_MessageBoxPopupContentBlock"
                   TargetType="ContentControl"
                   BasedOn="{StaticResource A_Style_ContentControl_PopupContentBlock}">
                <Style.Triggers>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding HasImage}" Value="False" />
                            <Condition Binding="{Binding HasMessage}" Value="False" />
                        </MultiDataTrigger.Conditions>
                        <MultiDataTrigger.Setters>
                            <Setter Property="Visibility" Value="Collapsed" />
                        </MultiDataTrigger.Setters>
                    </MultiDataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="A_Style_FZMaterial_Image"
                   TargetType="FZMaterial">
                <Setter Property="Height" Value="240" />
                <Setter Property="Width" Value="240" />
                <Setter Property="Margin" Value="{Binding ImageMargin}" />
            </Style>

            <Style
                x:Key="A_Style_ListBoxItem_TextMenu_Default_MessageBox"
                BasedOn="{StaticResource A_Style_ListBoxItem_TextMenu_Default}"
                TargetType="{Type ListBoxItem}">
                <Setter
                    Property="Template">
                    <Setter.Value>
                        <ControlTemplate
                            TargetType="ListBoxItem">
                            <ControlTemplate.Resources>
                                <ResourceDictionary>
                                    <Style
                                        x:Key="A_Style_RoutedEventCommand_MouseLeftButtonUp"
                                        TargetType="local:RoutedEventCommand">
                                        <Setter
                                            Property="Command"
                                            Value="{Binding ItemFuncCommand}" />
                                        <Style.Triggers>
                                            <DataTrigger
                                                Binding="{Binding ItemFuncCommand}"
                                                Value="{Null}">
                                                <Setter
                                                    Property="Command"
                                                    Value="{Binding SelectCommand, RelativeSource={RelativeSource AncestorType={Type Page}}}" />
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                    <Style
                                        x:Key="H_Style_Selected_Shadow_MessageBox"
                                        BasedOn="{StaticResource H_Style_Selected_Shadow}"
                                        TargetType="{Type FZMaterial}">
                                        <Setter Property="Color" Value="#66000000" />
                                    </Style>
                                </ResourceDictionary>
                            </ControlTemplate.Resources>
                            <Grid>
                                <FZMaterial x:Name="SelectedShadow"
                                            Style="{StaticResource H_Style_Selected_Shadow_MessageBox}" />
                                <Grid
                                    x:Name="Background"
                                    RenderTransformOrigin="0.5,0.5">
                                    <Grid.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform />
                                            <SkewTransform />
                                            <RotateTransform />
                                            <TranslateTransform />
                                        </TransformGroup>
                                    </Grid.RenderTransform>
                                    <RoutedEventCommand
                                        x:Name="MouseLeftButtonUpCommand"
                                        RoutedEvent="UIElement.MouseLeftButtonUp"
                                        Style="{StaticResource A_Style_RoutedEventCommand_MouseLeftButtonUp}" />
                                    <FZMaterial
                                        x:Name="BackgroundMaterial"
                                        RoutedEventCommand.Action="{Binding ElementName=MouseLeftButtonUpCommand}"
                                        Style="{StaticResource A_Style_FZMaterial_FlatPanel_Tile}"
                                        Preset="{StaticResource H_Roundtangle_Outer_2px}"
                                        Color="{StaticResource H_Color_Primary_White}" />
                                    <ContentPresenter
                                        Focusable="{Binding Focusable, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
                                        x:Name="Presenter"
                                        PropertySetter.Value="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}"
                                        PropertySetter.Property="Content.(FocusSelf.WhenTrue)"/>
                                    <StrokeHighlightControl Style="{StaticResource H_Style_StrokeHighlight_Instant}"
                                                            ContentRadius="2"
    		                                                InnerThickness="4"
                                                            IsEnabled="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource TemplatedParent}}"/>
                                </Grid>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger
                                    Property="IsKeyboardFocused"
                                    Value="True">
                                    <Setter
                                        TargetName="Presenter"
                                        Property="FocusSelf.WhenTrue"
                                        Value="True" />
                                </Trigger>
                                <Trigger
                                    Property="Tag"
                                    Value="GroupHeader">
                                    <Setter
                                        Property="Visibility"
                                        TargetName="BackgroundMaterial"
                                        Value="Collapsed" />
                                </Trigger>
                                <Trigger
                                    Property="Tag"
                                    Value="Inactive">
                                    <Setter
                                        TargetName="BackgroundMaterial"
                                        Property="Preset"
                                        Value="{StaticResource H_GlassRoundtangle_1px}" />
                                    <Setter
                                        TargetName="BackgroundMaterial"
                                        Property="Color"
                                        Value="{StaticResource H_Color_Glass_Purple_20pc}" />
                                </Trigger>
                                <Trigger
                                    Property="IsEnabled"
                                    Value="False">
                                    <Setter
                                        TargetName="BackgroundMaterial"
                                        Property="Preset"
                                        Value="{StaticResource H_GlassRoundtangle_1px}" />
                                    <Setter
                                        TargetName="BackgroundMaterial"
                                        Property="Color"
                                        Value="{StaticResource H_Color_Glass_Purple_20pc}" />
                                </Trigger>
                                <Trigger
                                    Property="IsSelected"
                                    Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard
                                            x:Name="ShowSelected_BeginStoryboard1"
                                            Storyboard="{StaticResource A_StoryBoard_TextMenu_Focus}" />
                                    </Trigger.EnterActions>
                                    <Trigger.ExitActions>
                                        <BeginStoryboard
                                            x:Name="ShowSelected_BeginStoryboard2"
                                            Storyboard="{StaticResource A_StoryBoard_TextMenu_Blur}" />
                                    </Trigger.ExitActions>
                                    <Setter
                                        Property="Color"
                                        TargetName="BackgroundMaterial"
                                        Value="{StaticResource H_Color_HighlightedItemBg}" />
                                    <Setter
                                        Property="Opacity"
                                        TargetName="SelectedShadow"
                                        Value="1"/>
                                </Trigger>
                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition
                                            Binding="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource Self}}"
                                            Value="True" />
                                        <Condition
                                            Binding="{Binding (ItemContainerGenerator.ItemForItemContainer), RelativeSource={RelativeSource Self}, Converter={StaticResource A_Converter_IsNotNull}}"
                                            Value="True" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter
                                        Property="IsSelected"
                                        Value="True" />
                                </MultiDataTrigger>
                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition
                                            Binding="{Binding Focusable, RelativeSource={RelativeSource Self}}"
                                            Value="False" />
                                        <Condition
                                            Binding="{Binding Tag, RelativeSource={RelativeSource Self}}"
                                            Value="{Null}" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter
                                        TargetName="BackgroundMaterial"
                                        Property="Visibility"
                                        Value="Collapsed" />
                                </MultiDataTrigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <AutoScrollSettings x:Key="A_AutoScrollSettings_OptionText"
                ScrollSeparation="50"
                InitialPause="0:0:0.5"
                Speed="40"
                ScrollOrientation="Horizontal"/>

            <Style x:Key="A_Style_FZTextBlock_AutoScroll"
                BasedOn="{StaticResource A_Style_FZTextBlock_OptionText}"
                TargetType="FZTextBlock">
                <Setter Property="MaxWidth" Value="630" />
                <Setter Property="TextWrapping" Value="NoWrap" />
                <Setter Property="Stretch" Value="None" />
                <Setter Property="TextAlignment" Value="Center" />
                <Setter Property="AutoScroll.AllowScrolling" Value="True" />
                <Setter Property="AutoScroll" Value="{StaticResource A_AutoScrollSettings_OptionText}" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorLevel=2, AncestorType=ListBoxItem}}" Value="True">
                        <Setter Property="Color" Value="{StaticResource A_Color_ListItemText_Focused}" />
                        <Setter Property="MaxWidth" Value="infinity"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
            <AutoScrollSettings x:Key="A_AutoScrollSettings_MessageText"
                ScrollSeparation="50"
                InitialPause="0"
                Speed="20"
                ScrollOrientation="Vertical"/>
            <Style x:Key="A_Style_FZTextBlock_AutoScroll_Message"
                BasedOn="{StaticResource H_Style_Text_Description_Body_16px_Scrolling}"
                TargetType="FZTextBlock">
                <Setter Property="MaxHeight" Value="500" />
                <Setter Property="AutoScroll.AllowScrolling" Value="True" />
                <Setter Property="AutoScroll" Value="{StaticResource A_AutoScrollSettings_MessageText}" />
            </Style>
            <DataTemplate
                x:Key="A_DataTemplate_TextMenu_Default_MessageBox">
                <StackPanel
                    x:Name="ButtonContent"
                    HorizontalAlignment="Center"
                    Orientation="Horizontal"
                    VerticalAlignment="Center"
                    IsHitTestVisible="False"
                    Height="{StaticResource A_Double_TextMenu_Height_Default}">
                    <FZMaterial x:Name="Icon"
                                ImageSourceNoPreload="{Binding IconPath}"
                                Width="40"
                                Height="40"
                                Margin="20,0,0,0"
                                HorizontalAlignment="Left"
                                Color="{StaticResource H_Color_Primary_Purple}"
                                Visibility="{Binding IconPath, Converter={StaticResource A_StringVisConverter}, FallbackValue=Collapsed}"/>
                    <FZTextBlock
                        x:Name="AutoScrollTextBlock"
                        Style="{StaticResource A_Style_FZTextBlock_AutoScroll}"
                        Text="{Binding Text}"
                        ScreenReader.Event="OnChange"
                        ScreenReader.ControlType="Button"
                        ScreenReader.LineType="SelectedItem"
                        ScreenReader.SelectedNumber="{Binding (ItemsControl.AlternationIndex), FallbackValue=0, RelativeSource={RelativeSource AncestorType={Type ListBoxItem}}, Converter={StaticResource A_IndexToNumberConverter}}"
                        ScreenReader.SelectedCount="{Binding Items.Count, FallbackValue=0, RelativeSource={RelativeSource AncestorType={Type Selector}}}"
                        MarkupConverter="{StaticResource A_MappingConverter_TextMenu}"/>
                </StackPanel>
                <DataTemplate.Triggers>
                    <DataTrigger
                        Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
                        Value="True">
                        <Setter
                            TargetName="AutoScrollTextBlock"
                            Property="local:ScreenReader.Line"
                            Value="{Binding Text, Converter={StaticResource A_Converter_TrimInlineMarkup}}" />
                        <Setter
                            TargetName="Icon"
                            Property="Color"
                            Value="{StaticResource H_Color_Primary_White}"/>
                    </DataTrigger>
                    <DataTrigger
                        Binding="{Binding ElementName=Icon, Path=Visibility}"
                        Value="{x:Static Visibility.Visible}">
                        <Setter
                            TargetName="ButtonContent"
                            Property="HorizontalAlignment"
                            Value="Left"/>
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>

            <local:MappingConverter x:Key="A_Converter_ServiceStatusToColor">
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Available}"   Value="{StaticResource A_Color_NetworkStatus_Available}"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Limited}"     Value="{StaticResource A_Color_NetworkStatus_Limited}"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Unavailable}" Value="{StaticResource A_Color_NetworkStatus_Unavailable}"/>
            </local:MappingConverter>

            <local:MappingConverter x:Key="A_Converter_ServiceStatusToImageSource">
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Available}"   Value="/ForzaUI;component/Textures/Data_Bound/ui_symbols/Network_Tick.png"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Limited}"     Value="/ForzaUI;component/Textures/Data_Bound/ui_symbols/Network_Warning.png"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Unavailable}" Value="/ForzaUI;component/Textures/Data_Bound/ui_symbols/Network_Warning.png"/>
            </local:MappingConverter>

            <local:MappingConverter x:Key="A_Converter_ServiceStatusToDefaultText">
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Available}"   Value="{Loc Lobby.IDS_NetworkDiagnostics_StatusFallback_Available}"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Limited}"     Value="{Loc Lobby.IDS_NetworkDiagnostics_StatusFallback_Limited}"/>
                <local:MappingConverterEntry Key="{x:Static local:ServiceDisplayStatus.Unavailable}" Value="{Loc Lobby.IDS_NetworkDiagnostics_StatusFallback_Unavailable}"/>
            </local:MappingConverter>

            <Style x:Key="A_Style_NoticeText"
                   BasedOn="{StaticResource H_Style_Text_Description_Body_16px}"
                   TargetType="FZTextBlock">
                <Setter Property="Text" Value="{Binding Status, Converter={StaticResource A_Converter_ServiceStatusToDefaultText}}"/>
                <Setter Property="Color" Value="{Binding Status, Converter={StaticResource A_Converter_ServiceStatusToColor}}"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="HorizontalAlignment" Value="Center"/>
                <Setter Property="CapHeight" Value="14"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding HasNotice}" Value="True">
                        <Setter Property="Text" Value="{Binding Notice}"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <DataTemplate x:Key="A_DataTemplate_ServiceStatus">
                <StackPanel Margin="0,11,0,9">
                    <FZTextBlock Text="{Binding ServiceName}"
                                 Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                 Color="{StaticResource A_Color_White}"
                                 CapHeight="18"
                                 VerticalAlignment="Center"
                                 HorizontalAlignment="Center"
                                 Margin="0,0,0,7" />
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="20,4">
                        <FZMaterial GetSizeFromTexture="True"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Center"
                                    Color="{Binding Status, Converter={StaticResource A_Converter_ServiceStatusToColor}}"
                                    ImageSource="{Binding Status, Converter={StaticResource A_Converter_ServiceStatusToImageSource}}"
                                    Visibility="{Binding Downloaded, RelativeSource={RelativeSource Self}, Converter={FZBooleanToVisibilityConverter UseHidden=True}}"/>
                        <FZTextBlock Style="{StaticResource A_Style_NoticeText}" 
                                     Margin="10,4"
                                     MaxWidth="1000"/> <!-- limiting width to about half the screen so that in case of long status messages, we will word wrap instead of expand the popup width (otherwise it can potentially get even wider than the screen) -->

                        <!-- this FZMaterial is permanently Hidden. it exists to get the size from the texture to balance out the visible icon on the left of the text, so that
                        we center the status text rather than centering the combination of icon+text which makes the text offset to the right -->
                        <FZMaterial GetSizeFromTexture="True"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Center"
                                    ImageSource="{Binding Status, Converter={StaticResource A_Converter_ServiceStatusToImageSource}}"
                                    Visibility="Hidden"/>
                    </StackPanel>
                </StackPanel>

            </DataTemplate>

            <Style x:Key="A_Style_FZMaterial_DetailsDivider" TargetType="local:FZMaterial" BasedOn="{StaticResource A_Style_FZMaterial_GlassPanel_HorizontalDivider}">
                <Setter Property="Opacity" Value="0.10"/>
                <Setter Property="Margin" Value="8,4"/>
            </Style>

            <Style x:Key="A_Style_ItemsControl_Status" TargetType="ItemsControl">
                <Setter Property="MinWidth" Value="320"/>
                <Setter Property="Margin" Value="0,0,0,24"/>
                <Setter Property="HorizontalAlignment" Value="Center"/>
                <Setter Property="VerticalAlignment" Value="Bottom"/>
                <Setter Property="ItemTemplate" Value="{StaticResource A_DataTemplate_ServiceStatus}"/>
                <Setter Property="ItemsPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <StackPanel IsItemsHost="True"
                                        Orientation="Vertical" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </Page.Resources>
    <Grid>
        <FZMaterialGlassCapture />
        <FZMaterial
            Style="{StaticResource A_Style_FZMaterial_Popup_Background}" />
        <FZMaterialGlassCapture />
        <ContentControl
            x:Name="BottomBar"
            Style="{StaticResource A_Style_ButtonBar}">
            <ControllerButtonPanel
                x:Name="PART_HelpPanel"
                Layout="RightToLeft"
                HorizontalAlignment="Left"
                VerticalAlignment="Bottom"
                Background="{Null}" />
        </ContentControl>
        <Grid
            Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}">
            <DockPanel
                x:Name="MainContent"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}"
                MinWidth="{StaticResource H_Width_PopUp}">
                <ContentControl DockPanel.Dock="Top"
                    Style="{StaticResource A_Style_ContentControl_PopupTitleBlock}"
                    Content="{Binding Title}"
                    Width="Auto"/>
                <ContentControl  DockPanel.Dock="Top"
                    Style="{StaticResource A_Style_ContentControl_MessageBoxPopupContentBlock}"
                    Visibility="Visible"
                    Margin="0">

                    <StackPanel Margin="24,0">
                        <!-- Pending disconnect error message-->
                        <FZTextBlock
                            Visibility="{Binding HasMessage, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                            Style="{StaticResource A_Style_FZTextBlock_AutoScroll_Message}"
                            Margin="0,25,0,0"
                            MultiStringFormatter.Format="{Binding ScreenReaderMessage, Converter={StaticResource A_Converter_PopupMarkupSubstitution}}"
                            ScreenReader.Line="{Binding (local:MultiStringFormatter.Output), RelativeSource={RelativeSource Self}, Converter={StaticResource A_Converter_TrimInlineMarkup}}"
                            ScreenReader.Event="OnChange"
                            ScreenReader.LineType="ScreenDescription"
                            Text="{Binding Message}"
                            MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                        <StackPanel>
                            <!--Network support site QR code image only set with an error message-->
                            <FZMaterial x:Name="Image"
                                        Style="{StaticResource A_Style_FZMaterial_Image}"
                                        ImageSource="{Binding Image}"
                                        Visibility="{Binding HasImage, Converter={StaticResource A_FZBooleanToVisibilityConverter}, FallbackValue=Collapsed}" />
                            <FZTextBlock
                                    Visibility="{Binding ImageDescription, Converter={StaticResource A_FZBooleanToVisibilityConverter}, FallbackValue=Collapsed}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Margin="0,25"
                                    LineAdjust="-0.45"
                                    Text="{Binding ImageDescription}"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                        </StackPanel>

                        <FZMaterial Style="{StaticResource A_Style_FZMaterial_DetailsDivider}"  Visibility="{Binding HasMessage, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                        <!-- Current Session connectivity info -->
                        <StackPanel Margin="0,16">
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                <FZTextBlock
                                Visibility="{Binding Version, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                Margin="8,12"
                                Text="{Loc Lobby.IDS_NetworkDiagnostics_VersionLabel}"
                                MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                                <FZTextBlock
                                    Visibility="{Binding Version, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Margin="4"
                                    Text="{Binding Version}"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                <FZTextBlock
                                Visibility="{Binding SupportId, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                Margin="8,12"
                                Text="{Loc Lobby.IDS_NetworkDiagnostics_SupportIdLabel}"
                                MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                                <FZTextBlock
                                    Visibility="{Binding SupportId, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Margin="4"
                                    Text="{Binding SupportId}"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                <FZTextBlock
                                Visibility="{Binding ServerRegion, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                Margin="8,12"
                                Text="{Loc Lobby.IDS_NetworkDiagnostics_RegionLabel}"
                                MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                                <FZTextBlock
                                    Visibility="{Binding ServerRegion, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Text="{Binding ServerRegion}"
                                    Margin="8,4,4,4"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                <FZTextBlock
                                    Visibility="{Binding ConnStats, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Margin="8,12"
                                    Text="{Loc Lobby.IDS_NetworkDiagnostics_ServerConnStatsLabel}"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                                <FZTextBlock
                                    Visibility="{Binding ConnStats, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                    Style="{StaticResource H_Style_Text_Description_Body_16px}"
                                    Margin="0,4,4,4"
                                    Text="{Binding ConnStats}"
                                    MarkupConverter="{StaticResource A_MappingConverter_Popup}"/>
                            </StackPanel>
                        </StackPanel>

                        <!-- Service status items -->
                        <FZTextBlock
                            Visibility="{Binding ServiceStatuses, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                            Style="{StaticResource H_Style_Text_Description_Body_16px}"
                            Margin="0,0,0,12"
                            HorizontalAlignment="Center"
                            CapHeight="20"
                            Text="{Loc Lobby.IDS_NetworkDiagnostics_ServiceConditions}"
                            ScreenReader.Event="OnChange"
                            ScreenReader.LineType="ItemDescription"
                            ScreenReader.Line="{Binding ServiceStatusNarration}"/>
                        <ItemsControl ItemsSource="{Binding ServiceStatuses}"
                                      Style="{StaticResource A_Style_ItemsControl_Status}"
                                      Focusable="False" />
                        
                    </StackPanel>
                </ContentControl>

                <CommonListBox x:Name="PART_Menu"
                               Style="{StaticResource A_Style_ListBox_TextMenu_Default}"
                               ItemContainerStyle="{StaticResource A_Style_ListBoxItem_TextMenu_Default_MessageBox}"
                               ItemTemplate="{StaticResource A_DataTemplate_TextMenu_Default_MessageBox}"
                               ItemsSource="{Binding Options}" />
            </DockPanel>
        </Grid>
    </Grid>
</Page>