<bus:SPBindableUserControl x:Class="SPTrader.Views.ChartAnalysisProControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:ext="http://schemas.abtsoftware.co.uk/scichart/exampleExternals"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:view="clr-namespace:SPTrader.Views"
             xmlns:local="clr-namespace:SPTrader.ViewModels"                           
             xmlns:bus="clr-namespace:SPTrader.BusinessLayer"
             xmlns:s="http://schemas.abtsoftware.co.uk/scichart"
             xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"               
             xmlns:tradevm="clr-namespace:SciChart.Charting.DrawingTools.TradingAnnotations.ViewModels;assembly=SciChart.Charting.DrawingTools"                                 
             Loaded="OnLoaded"
             mc:Ignorable="d">
      
    <UserControl.Resources>

        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/SciChart.Examples.ExternalDependencies;component/Resources/Styles/MergedResources.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <!-- Regular Annotation Styles -->
            <Style x:Key="DrawLineStyle" TargetType="s:LineAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine2}"/>
                <Setter Property="StrokeThickness" Value="1.5"/>
            </Style>

            <Style x:Key="BoxAnnotationStyle" TargetType="s:BoxAnnotation">
                <Setter Property="Background" Value="{DynamicResource ChartBox}"/>
                <Setter Property="BorderBrush" Value="{DynamicResource ChartBoxBorder}"/>
                <Setter Property="BorderThickness" Value="1.8"/>
                <Setter Property="Opacity" Value="0.4"/>
            </Style>

            <Style x:Key="TextAnnotationStyle" TargetType="s:TextAnnotation">
                <Setter Property="Background" Value="{x:Null}" />
                <Setter Property="Foreground" Value="{DynamicResource BarButtonMouseOverForeground}" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="FontSize" Value="16" />
                <Setter Property="BorderThickness" Value="0" />
            </Style>

            <Style x:Key="AxisMarkerAnnotationStyle" TargetType="s:AxisMarkerAnnotation">
                <Setter Property="Background" Value="{DynamicResource ChartLine5}" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="Foreground" Value="{DynamicResource ChartText}" />
            </Style>

            <Style x:Key="DrawLineArrowStyle" TargetType="s:LineArrowAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource SellFormText3}"/>
                <Setter Property="StrokeThickness" Value="3"/>
            </Style>

            <Style x:Key="HorizontalLineStyle" TargetType="s:HorizontalLineAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine}"/>
                <Setter Property="StrokeThickness" Value="1.2"/>
            </Style>

            <Style x:Key="VerticalLineStyle" TargetType="s:VerticalLineAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine}"/>
                <Setter Property="StrokeThickness" Value="1.2"/>
            </Style>

            <Style x:Key="BrushAnnotationStyle" TargetType="s:BrushAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine4}" />
                <Setter Property="StrokeThickness" Value="2" />
            </Style>

            <!-- Trading Annotation Styles -->
            <Style x:Key="HeadAndShoulderAnnotationStyle" TargetType="s:HeadAndShouldersAnnotation">
                <Setter Property="Foreground" Value="{DynamicResource ChartText2}" />
            </Style>

            <Style x:Key="FibRetracementMarkerAnnotationStyle" TargetType="s:FibonacciRetracementAnnotation">
                <Setter Property="FontWeight" Value="Bold" />
            </Style>

            <Style x:Key="FibExtensionMarkerAnnotationStyle" TargetType="s:FibonacciExtensionAnnotation">
                <Setter Property="FontWeight" Value="Bold" />
            </Style>

            <Style x:Key="ElliotWaveAnnotationStyle" TargetType="s:ElliotWaveAnnotation">
                <Setter Property="Foreground" Value="{DynamicResource ChartText2}" />
            </Style>

            <Style x:Key="PitchForkAnnotationStyle" TargetType="s:PitchforkAnnotation">
                <Setter Property="Foreground" Value="{DynamicResource ChartText2}" />
            </Style>

            <Style x:Key="XabcdAnnotationStyle" TargetType="s:XabcdAnnotation">
                <Setter Property="Foreground" Value="{DynamicResource ChartText2}" />
            </Style>

            <!--  TA / Indicator Styles  -->
            <Style x:Key="VolumeStyle" TargetType="s:BaseColumnRenderableSeries">
                <Setter Property="Fill" Value="{DynamicResource ChartCandle3}" />
                <Setter Property="Stroke" Value="#007E78" />
            </Style>

            <Style x:Key="LineSeriesSMA1" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#C0334D" />
            </Style>

            <Style x:Key="LineSeriesSMA2" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#D6618F" />
            </Style>

            <Style x:Key="LineSeriesSMA3" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#F1931B" />
            </Style>

            <Style x:Key="LineSeriesSMA4" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#8F715B" />
            </Style>

            <Style x:Key="LineSeriesEMA1" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#D50B53" />
            </Style>

            <Style x:Key="LineSeriesEMA2" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#A882C1" />
            </Style>

            <Style x:Key="LineSeriesEMA3" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#824CA7" />
            </Style>

            <Style x:Key="LineSeriesEMA4" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#B9C406" />
            </Style>

            <Style x:Key="BollBandStyle" TargetType="s:FastBandRenderableSeriesForMvvm">
                <Setter Property="Fill" Value="#90CAF9" />
                <Setter Property="Opacity" Value="0.4" />
            </Style>

            <Style x:Key="RsiStyle" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#FF2E16" />
                <Setter Property="StrokeThickness" Value="2" />
            </Style>

            <Style x:Key="MacDColumnStyle" TargetType="s:BaseColumnRenderableSeries">
                <Setter Property="Fill" Value="{DynamicResource ChartCandle4}" />
                <Setter Property="Stroke" Value="#0B94BE" />
            </Style>

            <Style x:Key="MacDBandStyle" TargetType="s:FastBandRenderableSeriesForMvvm">
                <Setter Property="Stroke" Value="#00D100" />
                <Setter Property="StrokeThickness" Value="2" />
            </Style>

            <Style x:Key="StochLine1" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#FF2E16" />
            </Style>

            <Style x:Key="StochLine2" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#00D100" />
            </Style>

            <Style x:Key="StochRsiLine1" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#FF4627" />
            </Style>

            <Style x:Key="StochRsiLine2" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#00D100" />
            </Style>

            <Style x:Key="AdxLineStyle" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#F40000" />
            </Style>

            <Style x:Key="CciLineStyle" TargetType="s:BaseRenderableSeries">
                <Setter Property="Stroke" Value="#D500F9" />
            </Style>

            <Style x:Key="SarScatterStyle" TargetType="s:XyScatterRenderableSeries">
                <Setter Property="Stroke" Value="#8D6E63" />
                <Setter Property="Opacity" Value="0.5" />
            </Style>

            <Style x:Key="SarPointStyle" TargetType="s:EllipsePointMarker">
                <Setter Property="Stroke" Value="Yellow" />
                <Setter Property="Fill" Value="pink" />
                <Setter Property="StrokeThickness" Value="1" />
            </Style>

            <!--  Custom Styles  -->
            <Style x:Key="CurrentPriceLineMarkerStyle" TargetType="s:LineAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine2}" />
                <Setter Property="StrokeThickness" Value="1" />
                <Setter Property="StrokeDashArray" Value="6 2" />
                <Setter Property="IsEditable" Value="False" />
            </Style>

            <Style x:Key="CurrentPriceAxisMarkerStyle" TargetType="s:AxisMarkerAnnotation">
                <Setter Property="Background" Value="{DynamicResource ChartLine2}" />
                <Setter Property="Foreground" Value="{DynamicResource ChartText}" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="IsEditable" Value="False" />
            </Style>

            <Style x:Key="CutOffLineStyle" TargetType="s:LineAnnotation">
                <Setter Property="Stroke" Value="{DynamicResource ChartLine3}" />
                <Setter Property="StrokeDashArray" Value="15 8" />
                <Setter Property="StrokeThickness" Value="0.7" />
                <Setter Property="IsEditable" Value="False" />
            </Style>

            <!--  SciChart Styles  -->
            <Style x:Key="ChartPaneStyle" TargetType="s:SciChartGroupPane">
                <Setter Property="Height" Value="{Binding PaneViewModel.Height, Mode=TwoWay}" />
                <Setter Property="HeaderTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <Grid VerticalAlignment="Center" Background="{x:Null}">
                                <TextBlock Margin="10, 2" HorizontalAlignment="Left" VerticalAlignment="Center" Text="{Binding PaneViewModel.Title}">
                                    <TextBlock.Style>
                                        <Style TargetType="TextBlock">
                                            <Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" />
                                        </Style>
                                    </TextBlock.Style>
                                </TextBlock>
                            </Grid>
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="MainChartSeriesStyle" TargetType="s:FastCandlestickRenderableSeries">

                <Setter Property="FillUp" Value="{DynamicResource ChartCandle2}" />
                <Setter Property="FillDown" Value="{DynamicResource ChartCandle}" />
                <Setter Property="StrokeUp" Value="#00D200" />
                <Setter Property="StrokeDown" Value="#FF0000" />
                <Setter Property="StrokeThickness" Value="1" />
                <Setter Property="AntiAliasing" Value="False" />
            </Style>

            <Style x:Key="ScrollBarStyle" TargetType="s:SciChartScrollbar">
                <Setter Property="GripsThickness" Value="7" />
                <Setter Property="GripsLength" Value="18" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="NonSelectedAreaStyle">
                    <Setter.Value>
                        <Style TargetType="Path">
                            <Setter Property="Fill" Value="#7FD3D3D3" />
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="ViewportStyle">
                    <Setter.Value>
                        <Style TargetType="Control">
                            <Setter Property="Opacity" Value="0" />
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="GripsStyle">
                    <Setter.Value>
                        <Style TargetType="Control">
                            <Setter Property="Background" Value="#535353" />
                            <Setter Property="BorderThickness" Value="2" />
                        </Style>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="LegendStyle" TargetType="s:LegendModifier">
                <Setter Property="LegendPlacement" Value="Inside" />
                <Setter Property="Orientation" Value="Vertical" />
                <Setter Property="Margin" Value="10,30, 10, 10" />
                <Setter Property="ShowVisibilityCheckboxes" Value="False" />
            </Style>

            <Style x:Key="OverviewChartStyle" TargetType="s:SciStockChart">
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Height" Value="20" />
                <Setter Property="IsAxisMarkersEnabled" Value="False" />
                <Setter Property="IsCursorEnabled" Value="False" />
                <Setter Property="IsXAxisVisible" Value="False" />
                <Setter Property="IsRubberBandZoomEnabled" Value="False" />
                <Setter Property="XAxisStyle">
                    <Setter.Value>
                        <Style TargetType="s:CategoryDateTimeAxis">
                            <Setter Property="AutoRange" Value="Always" />
                            <Setter Property="Visibility" Value="Collapsed" />
                            <Setter Property="DrawMajorGridLines" Value="False" />
                            <Setter Property="DrawMinorGridLines" Value="False" />
                        </Style>
                    </Setter.Value>
                </Setter>
                <Setter Property="YAxisStyle">
                    <Setter.Value>
                        <Style TargetType="s:NumericAxis">
                            <Setter Property="AutoRange" Value="Always" />
                            <Setter Property="Visibility" Value="Collapsed" />
                            <Setter Property="DrawMajorGridLines" Value="False" />
                            <Setter Property="DrawMinorGridLines" Value="False" />
                        </Style>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- Heder Text Background Color -->
            <Style x:Key="{x:Type Menu}" TargetType="Menu">
                <Setter Property="OverridesDefaultStyle" Value="True"/>
                <Setter Property="SnapsToDevicePixels" Value="True"/>
                <Setter Property="Foreground" Value="{DynamicResource NormalText}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Menu">
                            <Border x:Name="MainMenu" Background="{DynamicResource NormalButtonBackground}">
                                <StackPanel ClipToBounds="True" Orientation="Horizontal" IsItemsHost="True"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <ControlTemplate x:Key="MenuItemControlTemplate1" TargetType="{x:Type MenuItem}" >
                <Border x:Name="templateRoot" BorderBrush="{DynamicResource NormalButtonBackground}" CornerRadius="3"  BorderThickness="0" VerticalAlignment="Center" Background="{x:Null}" SnapsToDevicePixels="True">
                    <StackPanel>
                        <ContentPresenter ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding MenuItem.Icon}" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="MenuItem.Icon" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        <Popup x:Name="PART_Popup"  AllowsTransparency="True" Focusable="False" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}" Placement="Bottom" Margin="0 20 0 0">
                            <!-- MenuItem whole page's Borderbrush Background -->
                            <Border x:Name="SubMenuBorder" BorderBrush="{DynamicResource ScrollViewForeground}" BorderThickness="1" Background="{DynamicResource NormalButtonBackground}" Padding="2">
                                <ScrollViewer x:Name="SubMenuScrollViewer" Style="{DynamicResource {ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}}">
                                    <Grid RenderOptions.ClearTypeHint="Enabled">
                                        <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
                                            <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=SubMenuBorder}" Height="{Binding ActualHeight, ElementName=SubMenuBorder}" Width="{Binding ActualWidth, ElementName=SubMenuBorder}"/>
                                        </Canvas>
                                        <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Cycle" Grid.IsSharedSizeScope="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle"/>
                                    </Grid>
                                </ScrollViewer>
                            </Border>
                        </Popup>
                    </StackPanel>
                </Border>
                <ControlTemplate.Triggers>
                    <!--MouseOn Header Color -->
                    <Trigger Property="IsHighlighted" Value="True">
                        <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ScrollViewForeground}"/>
                        <Setter Property="Foreground" Value="#000000"/>
                        <Setter Property="BorderBrush" TargetName="templateRoot" Value="{DynamicResource ScrollViewForeground}"/>
                        <Setter Property="BorderThickness" TargetName="templateRoot" Value="1"/>
                    </Trigger>
                    <Trigger Property="CanContentScroll" SourceName="SubMenuScrollViewer" Value="False">
                        <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=SubMenuScrollViewer}"/>
                        <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=SubMenuScrollViewer}"/>
                    </Trigger>
                    <Trigger Property="IsKeyboardFocusWithin" Value="True">
                        <Setter TargetName="templateRoot" Property="Background" Value="{StaticResource NormalButtonBackground}" />
                        <Setter Property="Header" Value="Test" />
                        <Setter Property="Foreground" Value="#000000"/>
                        <Setter Property="BorderBrush" Value="{DynamicResource NormalBorderBrush}"/>
                        <Setter Property="BorderThickness" Value="1"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>

            <!--  A number of converters which change parameters of charts based on the IsFirstChartPane property  -->
            <ext:BoolToValueConverter x:Key="BoolToVisibilityConverter"
                                      FalseValue="Collapsed"
                                      TrueValue="Visible" />
            <ext:BoolToValueConverter x:Key="MinorsPerMajorConverter"
                                      FalseValue="2"
                                      TrueValue="4" />
            <ext:BoolToValueConverter x:Key="MaxAutoTicksConverter"
                                      FalseValue="4"
                                      TrueValue="8" />
            <ext:BoolToValueConverter x:Key="GrowByConverter">
                <ext:BoolToValueConverter.TrueValue>
                    <s:DoubleRange Max="0.05" Min="0.05" />
                </ext:BoolToValueConverter.TrueValue>
                <ext:BoolToValueConverter.FalseValue>
                    <s:DoubleRange Max="0.0" Min="0.0" />
                </ext:BoolToValueConverter.FalseValue>
            </ext:BoolToValueConverter>

        </ResourceDictionary>
    </UserControl.Resources>
        
    <DockPanel Background="{DynamicResource NormalButtonBackground}">
        <StackPanel DockPanel.Dock="Top" Margin="0 0 5 0">
            <Separator Style="{DynamicResource Separator}"/>
            <DockPanel>
                <!-- Zoom/Pan/Focus -->
                <StackPanel  Orientation="Horizontal" DockPanel.Dock="Right">
                    <ComboBox Margin="2 2 10 2" Grid.Column="0" 
                          SelectedIndex="0"  Style="{DynamicResource SystemSettingComboBox}" VerticalAlignment="Center">
                        <ComboBoxItem Content="{DynamicResource SCICHART_ACTUAL}" Style="{DynamicResource SystemSettingComboBoxItem}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_ADJFWD}" Style="{DynamicResource SystemSettingComboBoxItem}"/>
                        <ComboBoxItem Content="{DynamicResource SCICHART_ADJBWD}" Style="{DynamicResource SystemSettingComboBoxItem}"/>
                    </ComboBox>

                    <Menu Background="Transparent" >
                        <MenuItem  Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource CHART_CROSSHAIRS}">
                            <MenuItem.Icon>
                                <StackPanel Orientation="Horizontal" >
                                    <materialDesign:PackIcon Kind="CursorMove" VerticalAlignment="Center" Width="18" Height="18" />
                                    <materialDesign:PackIcon Kind="ExpandMore"  Width="10" Height="18"/>
                                </StackPanel>
                            </MenuItem.Icon>
                            <MenuItem Header="{DynamicResource CHART_CROSSHAIRS}" Style="{DynamicResource MindSystemMenuItem}"  ToolTipService.ToolTip="Cursor" IsChecked="{Binding CursorEnabled, Mode=TwoWay}" Command="{Binding CursorModeCommand}">
                                <MenuItem.Icon>
                                    <materialDesign:PackIcon Kind="CursorMove"  />
                                </MenuItem.Icon>
                            </MenuItem>
                            <MenuItem Header="{DynamicResource SCICHART_INDICATORPARAMETER}" Style="{DynamicResource MindSystemMenuItem}"  ToolTipService.ToolTip="Rollover" IsChecked="{Binding RolloverEnabled, Mode=TwoWay}"  Command="{Binding RolloverModeCommand}">
                                <MenuItem.Icon>
                                    <materialDesign:PackIcon Kind="TransitConnection"  />
                                </MenuItem.Icon>
                            </MenuItem>
                        </MenuItem>
                    </Menu>
                   
                    <ToggleButton x:Name="antb_showco" IsChecked="False" ToolTip="{DynamicResource SPCHT_DAYLINE}"
                                  Checked="ToggleCutOffAnnotations" Unchecked="ToggleCutOffAnnotations"  Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25">
                        <materialDesign:PackIcon Kind="BorderVertical" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <ToggleButton x:Name="antb_cl" IsChecked="True" ToolTip="{DynamicResource ORDERCHARTSEL_TICKERLINE}"
                                  Checked="ToggleCurrentLine" Unchecked="ToggleCurrentLine" Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25">
                        <materialDesign:PackIcon Kind="MapMarkerMinusOutline" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <ToggleButton x:Name="antb_showanno" IsChecked="True" ToolTip="{DynamicResource SCICHART_HIDESHOWALLLINES}"
                                  Checked="ToggleShowAnnotations" Unchecked="ToggleShowAnnotations"  Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25" s:ToggleButtonExtensions.GroupName="Modifiers">
                        <materialDesign:PackIcon Kind="EyeCheckOutline" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <ToggleButton Command="{Binding PanModeCommand}" ToolTip="{DynamicResource ORDERCHART_TT_MOVE}" Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25" s:ToggleButtonExtensions.GroupName="Modifiers">
                        <materialDesign:PackIcon Kind="GestureSwipeHorizontal" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <ToggleButton x:Name="antb_drawanno" IsChecked="False" ToolTip="{DynamicResource SCICHART_SHOWHIDETOOLBOX}" 
                                  Checked="ToggleShowDrawAnnotations" Unchecked="ToggleShowDrawAnnotations" Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25">
                        <materialDesign:PackIcon Kind="LeadPencil" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <ToggleButton Command="{Binding ZoomModeCommand}" ToolTip="{DynamicResource ORDERCHART_TT_ZOOM}" Style="{DynamicResource ChartToggleButton2}" Width="25" Height="25" s:ToggleButtonExtensions.GroupName="Modifiers">
                        <materialDesign:PackIcon Kind="ImageSearchOutline" VerticalAlignment="Center" Width="20" Height="20"/>
                    </ToggleButton>
                    <Button Command="{Binding ZoomExtentsCommand}" ToolTip="{DynamicResource ORDERCHART_TT_OSIZE}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                        <materialDesign:PackIcon Kind="ImageFilterCenterFocusStrong" VerticalAlignment="Center" Width="20" Height="20"/>
                    </Button>
                </StackPanel>

                <!-- Product Settings -->
                <StackPanel Margin="0 3 0 5" Orientation="Horizontal" VerticalAlignment="Center" DockPanel.Dock="Left">
                    <TextBox x:Name="tbProd" Margin="10 0 5 0 " Width="100" Padding="4" CharacterCasing="Upper" KeyDown="OnTextBoxProdChanged" Style="{DynamicResource NewEnterOrderTextBox}"/>

                    <!-- Futures -->
                    <StackPanel Orientation="Horizontal" Visibility="Collapsed">
                        <Button Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_TT_T}">
                            <TextBlock Text="{DynamicResource ORDERCHART_T}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_TT_TK}">
                            <TextBlock Text="{DynamicResource ORDERCHART_TK}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="0" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_5s}">
                            <TextBlock Text="{DynamicResource ORDERCHART_5S}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="2" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_1M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_1M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="3" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_5M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_5M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="5" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_15M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_15M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="7" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource SCICHART_HOURCHART}">
                            <TextBlock Text="{DynamicResource ORDERCHART_1H}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Command="{Binding TimeSequencerCommand}" CommandParameter="9" Style="{DynamicResource ChartButton}" Width="40" Height="25" ToolTip="{DynamicResource PRCCHTHINT_PERIODDAILY}">
                            <TextBlock Text="{DynamicResource SCICHART_DAILY}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Button>
                        <Button Style="{DynamicResource TitleBarNonFocusButton}" WindowChrome.IsHitTestVisibleInChrome="True" Width="15" IsEnabled="True">
                            <materialDesign:PackIcon Kind="DragVertical" VerticalAlignment="Center" Width="20" Height="20"/>
                        </Button>

                        <Menu Background="Transparent" >
                            <MenuItem Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource SPCHTMENU_CHTPERIOD}">
                                <MenuItem.Icon>
                                    <StackPanel Orientation="Horizontal" >
                                        <TextBlock Text="K" FontWeight="Bold" />
                                        <materialDesign:PackIcon Kind="ExpandMore" Margin="5 0 0 0" Width="10" Height="18"/>
                                    </StackPanel>
                                </MenuItem.Icon>
                                <MenuItem Header="{DynamicResource ORDERCHART_K_CCP}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <Separator/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="0" Header="{DynamicResource ORDERCHART_K_5s}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="1" Header="{DynamicResource ORDERCHART_K_HM}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="2" Header="{DynamicResource ORDERCHART_K_1M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="3" Header="{DynamicResource ORDERCHART_K_5M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="4" Header="{DynamicResource ORDERCHART_K_10M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="5" Header="{DynamicResource ORDERCHART_K_15M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="6" Header="{DynamicResource ORDERCHART_K_30M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="7" Header="{DynamicResource ORDERCHART_K_60M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="9" Header="{DynamicResource SCICHART_DAILY}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <Separator/>
                                <MenuItem Header="{DynamicResource ORDERCHART_K_RC}" Style="{DynamicResource MindSystemMenuItem2}"/>
                            </MenuItem>
                        </Menu>
                    </StackPanel>

                    <!-- Stock -->
                    <StackPanel Orientation="Horizontal" Visibility="Visible">
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_TT_T}">
                            <TextBlock Text="{DynamicResource ORDERCHART_T}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource PRCCHTHINT_PERIODDAILY}">
                            <TextBlock Text="{DynamicResource SCICHART_DAILY}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource SCICHART_WEEKLYCHART}">
                            <TextBlock Text="{DynamicResource SCICHART_WEEKLY}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource SCICHART_MONTHLYCHART}">
                            <TextBlock Text="{DynamicResource SCICHART_MONTHLY}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource SCICHART_YEARLYCHART}">
                            <TextBlock Text="{DynamicResource SCICHART_YEARLY}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_1M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_1M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_5M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_5M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_15M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_15M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource ORDERCHART_K_30M}">
                            <TextBlock Text="{DynamicResource ORDERCHART_30M}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <ToggleButton  Style="{DynamicResource ChartToggleButton2}" Width="40" Height="25" ToolTip="{DynamicResource SCICHART_HOURCHART}">
                            <TextBlock Text="{DynamicResource ORDERCHART_1H}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </ToggleButton>
                        <Button Style="{DynamicResource TitleBarNonFocusButton}" WindowChrome.IsHitTestVisibleInChrome="True" Width="15" IsEnabled="True">
                            <materialDesign:PackIcon Kind="DragVertical" VerticalAlignment="Center" Width="20" Height="20"/>
                        </Button>
                        <!-- Interval Period Stock-->

                        <Menu Background="Transparent" >
                            <MenuItem Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource SPCHTMENU_CHTPERIOD}">
                                <MenuItem.Icon>
                                    <StackPanel Orientation="Horizontal" >
                                        <TextBlock Text="K" FontWeight="Bold" />
                                        <materialDesign:PackIcon Kind="ExpandMore" Margin="5 0 0 0" Width="10" Height="18"/>
                                    </StackPanel>
                                </MenuItem.Icon>

                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="0" Header="{DynamicResource ORDERCHART_K_5s}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="1" Header="{DynamicResource ORDERCHART_K_HM}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="2" Header="{DynamicResource ORDERCHART_K_1M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="3" Header="{DynamicResource ORDERCHART_K_5M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="4" Header="{DynamicResource ORDERCHART_K_10M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="5" Header="{DynamicResource ORDERCHART_K_15M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="6" Header="{DynamicResource ORDERCHART_K_30M}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Command="{Binding TimeSequencerCommand}" CommandParameter="7" Header="{DynamicResource SCICHART_1HOURCHART}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Header="{DynamicResource SCICHART_2HOURCHART}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <Separator/>
                                <MenuItem Header="{DynamicResource PRCCHT_PERIODDAILY}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Header="{DynamicResource SCICHART_WEEKLYCHART}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Header="{DynamicResource SCICHART_MONTHLYCHART}" Style="{DynamicResource MindSystemMenuItem2}"/>
                                <MenuItem Header="{DynamicResource SCICHART_YEARLYCHART}" Style="{DynamicResource MindSystemMenuItem2}"/>
                            </MenuItem>
                        </Menu>

                    </StackPanel>

                   
                    <ComboBox x:Name="cbTimePeriod" Padding="4" SelectedIndex="3"
                              SelectionChanged="OnTimePeriodChanged" ToolTip="{DynamicResource ORDERCHART_TT_CP}" Style="{DynamicResource SystemSettingComboBox}" Visibility="Collapsed">
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_5s}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_HM}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_1M}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_5M}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_10M}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_15M}" />
                        <ComboBoxItem Content="{DynamicResource ORDERCHART_K_30M}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_1HOURCHART}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_2HOURCHART}" />
                        <ComboBoxItem Content="{DynamicResource PRCCHT_PERIODDAILY}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_WEEKLYCHART}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_MONTHLYCHART}" />
                        <ComboBoxItem Content="{DynamicResource SCICHART_YEARLYCHART}" />
                    </ComboBox>

                    <TextBlock Margin="5 5 0 0" x:Name="tbProdName" MinWidth="150" Style="{DynamicResource HeaderTextBlock}"/>
                </StackPanel>
            </DockPanel>

            <StackPanel Orientation="Horizontal" x:Name="sp_drawanno" Visibility="Visible">
                <Menu Background="Transparent" >
                    <MenuItem Margin="10 0 0 0"  Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource SCICHART_LINE}">
                        <MenuItem.Icon>
                            <StackPanel Orientation="Horizontal" >
                                <materialDesign:PackIcon Kind="VectorLine"  Margin="-5 0 0 0" VerticalAlignment="Center" Width="18" Height="18"/>
                                <materialDesign:PackIcon Kind="ExpandMore"   Width="10" Height="18"/>
                            </StackPanel>
                        </MenuItem.Icon>
                        <MenuItem Header="{DynamicResource SPCHTMENU_DRAWLINE}" Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:LineAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}" >
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="VectorLine"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource CHART_VERTICALLINE}" Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:VerticalLineAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="PowerOn"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SPCHTMENU_HORILINE}" Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:HorizontalLineAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="Minus"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SPCHTMENU_RECT}" Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:BoxAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="VectorRectangle"  />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                </Menu>

                <Menu Background="Transparent" >
                    <MenuItem  Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource SCICHART_ELLIOTTWAVE}">
                        <MenuItem.Icon>
                            <StackPanel Orientation="Horizontal" >
                                <materialDesign:PackIcon Kind="ShowChart"  Margin="-5 0 0 0" VerticalAlignment="Center" Width="18" Height="18"/>
                                <materialDesign:PackIcon Kind="ExpandMore"   Width="10" Height="18"/>
                            </StackPanel>
                        </MenuItem.Icon>
                        <MenuItem Header="{DynamicResource SCICHART_ELLIOTTWAVE}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:ElliotWaveAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}" >
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="ShowChart"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SCICHART_HEADANDSHOULDERS}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:HeadAndShouldersAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="Podium"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SCICHART_XABCDPATTERN}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:XabcdAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="VectorPolygon"  />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                </Menu>

                <Menu Background="Transparent" >
                    <MenuItem  Template="{DynamicResource MenuItemControlTemplate1}" ToolTip="{DynamicResource SPCHTMENU_FIBONRETRACEMENT}">
                        <MenuItem.Icon>
                            <StackPanel Orientation="Horizontal" >
                                <materialDesign:PackIcon Kind="FormatIndentIncrease"  Margin="-5 0 0 0" VerticalAlignment="Center" Width="18" Height="18" />
                                <materialDesign:PackIcon Kind="ExpandMore"   Width="10" Height="18"/>
                            </StackPanel>
                        </MenuItem.Icon>
                        <MenuItem Header="{DynamicResource SPCHTMENU_FIBONRETRACEMENT}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:FibonacciRetracementAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}" >
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="FormatLineWeight"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SCICHART_FIBONACCIEXTENSION}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:FibonacciExtensionAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="FormatLineSpacing"  />
                            </MenuItem.Icon>
                        </MenuItem>
                        <MenuItem Header="{DynamicResource SCICHART_PITCHFORK}" Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:PitchforkAnnotationViewModel}" Style="{DynamicResource MindSystemMenuItem}">
                            <MenuItem.Icon>
                                <materialDesign:PackIcon Kind="Cactus"  />
                            </MenuItem.Icon>
                        </MenuItem>
                    </MenuItem>
                </Menu>

                <Button Command="{Binding SetRegularAnnotationCreationTypeCommand}"  CommandParameter="{x:Type s:LineArrowAnnotationViewModel}"
                            ToolTip="{DynamicResource SCICHART_ARROW}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="CallMade" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>
                <Button Command="{Binding SetTradingAnnotationCreationTypeCommand}" CommandParameter="{x:Type tradevm:BrushAnnotationViewModel}"
                            ToolTip="{DynamicResource SCICHART_LINEDRAWING}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="Draw" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>
                <Button  Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:TextAnnotationViewModel}" 
                              ToolTip="{DynamicResource SCICHART_TEXTANNOTATION}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="Language" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>
                <Button  Command="{Binding SetRegularAnnotationCreationTypeCommand}" CommandParameter="{x:Type s:AxisMarkerAnnotationViewModel}"
                            ToolTip="{DynamicResource SCICHART_PPRICETAG}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="TimelineTextOutline" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>

                <Button ToolTip="{DynamicResource SPCHT_ERASER}" Command="{Binding DeleteAnnotationCommand}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="EraserVariant" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>
                <Button ToolTip="{DynamicResource PENDING_DELALL}" Command="{Binding DeleteAllAnnotationCommand}" Style="{DynamicResource ChartNonFocusButton2}" Width="25" Height="25">
                    <materialDesign:PackIcon Kind="Eraser" VerticalAlignment="Center" Width="20" Height="20"/>
                </Button>
            </StackPanel>
        </StackPanel>

        <!--  Legend/Must be Last  -->
        <!--
        <Border HorizontalAlignment="Left">
            <ItemsControl ItemsSource="{Binding Source={x:Reference Name=CursorModifier}, Path=SeriesData.SeriesInfo}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Foreground="Green" Text="{Binding XValue, StringFormat=yyyy/MM/dd}" />
                            <TextBlock Foreground="Red" Text="{Binding YValue, StringFormat=Price: \{0\}}" />
                        </StackPanel>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Border>
        -->

        <DockPanel DockPanel.Dock="Bottom"  VerticalAlignment="Stretch" Background="{DynamicResource NormalButtonBackground}">
            <DockPanel DockPanel.Dock="Bottom">
                <StackPanel Orientation="Horizontal">
                    <!-- TA buttons -->
                    <ToggleButton x:Name="tbVol" Click="Vol_Click" Content="Vol" IsChecked="True" ToolTip="{DynamicResource PREFERENCE_VOLUME}" Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbSma" Click="SMA_Click" Content="SMA" IsChecked="True" ToolTip="{DynamicResource CHART_SMA}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbEma" Click="EMA_Click" Content="EMA" ToolTip="{DynamicResource CHART_EMA}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbBol" Click="Bol_Click" Content="BOLL" ToolTip="{DynamicResource CHART_BOLL}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbMacd" Click="MACD_Click" Content="MACD" ToolTip="{DynamicResource CHART_MACD}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbRsi" Click="RSI_Click" Content="RSI" ToolTip="{DynamicResource CHART_RSI}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbStoch" Click="STOCH_Click" Content="STOCH" ToolTip="{DynamicResource CHART_STOCH}" Style="{DynamicResource ChartToggleButton}" />
                    <ToggleButton x:Name="tbSar" Click="SAR_Click" Content="SAR" ToolTip="{DynamicResource CHART_SAR}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbAdx" Click="ADX_Click" Content="ADX" ToolTip="{DynamicResource CHART_ADX}"  Style="{DynamicResource ChartToggleButton}"/>
                    <ToggleButton x:Name="tbStochRsi" Click="StochRSI_Click" Content="STOCH-RSI" ToolTip="{DynamicResource CHART_STOCHRSI}" Style="{DynamicResource ChartToggleButton}" />
                    <ToggleButton x:Name="tbCci" Click="CCI_Click" Content="CCI" ToolTip="{DynamicResource CHART_CCI}"  Style="{DynamicResource ChartToggleButton}"/>
                </StackPanel>
                <StackPanel DockPanel.Dock="Right">
                    <TextBlock Margin="0 7 10 0" Text="{DynamicResource CHART_ALLDATAFORREFER}" Style="{DynamicResource NewEnterOrderTextBlock2}" Foreground="{DynamicResource BarButtonMouseOverForeground}"/>
                </StackPanel>
            </DockPanel>

            <!--  Databinds a SciChartGroup to a list of ChartPaneViewModels  -->
            <!--  Child chart panes are generated using the ItemTemplate below  -->
            <s:SciChartGroup DockPanel.Dock="Bottom"
                         ItemContainerStyle="{StaticResource ChartPaneStyle}"
                         ItemsSource="{Binding ChartPaneViewModels}"
                         s:ThemeManager.Theme="{DynamicResource SciChartColorTheme}">
                <s:SciChartGroup.ItemTemplate>
                    <DataTemplate>
                        <DockPanel>
                            <s:SciStockChart x:Name="PART_ChartPaneView"
                                         BorderThickness="0,0,1,1"
                                         IsAxisMarkersEnabled="False"
                                         IsXAxisVisible="{Binding IsFirstChartPane}"
                                         LegendStyle="{StaticResource LegendStyle}"
                                         ShowLegend="False"
                                         IsCursorEnabled="True"
                                         IsRolloverEnabled="False"                                             
                                         Padding="0"
                                         KeyDown="OnKeyDown"
                                         RenderableSeries="{s:SeriesBinding ChartSeriesViewModels}"
                                         Annotations="{s:AnnotationsBinding AnnotationViewModels}" 
                                         VerticalChartGroupId="{Binding ParentViewModel.VerticalChartGroupId}"
                                         ViewportManager="{Binding ViewportManager}"
                                         bus:StockChartHelper.ShowTooltipLabel="False">

                                <!--  Override any properties of the built-in CategoryDateTimeAxis  -->
                                <s:SciStockChart.XAxisStyle>
                                    <Style TargetType="s:CategoryDateTimeAxis">
                                        <Setter Property="DrawMajorBands" Value="True" />
                                        <Setter Property="DrawMinorGridLines" Value="False" />
                                        <Setter Property="MinorsPerMajor" Value="3" />
                                        <Setter Property="VisibleRange" Value="{Binding ParentViewModel.XVisibleRange, Mode=TwoWay}" />
                                        <Setter Property="TextFormatting" Value="yyyy-MM-dd" />
                                        <Setter Property="SubDayTextFormatting" Value="HH:mm:ss" />
                                        <Setter Property="GrowBy" Value="0, 0.05" />

                                    </Style>
                                </s:SciStockChart.XAxisStyle>

                                <!--  Override any properties of the built-in NumericAxis  -->
                                <s:SciStockChart.YAxisStyle>
                                    <Style TargetType="s:NumericAxis">
                                        <Setter Property="TextFormatting" Value="{Binding YAxisTextFormatting}" />
                                        <Setter Property="AutoRange" Value="Always" />
                                        <Setter Property="MinorsPerMajor" Value="2" />
                                        <Setter Property="MaxAutoTicks" Value="{Binding IsFirstChartPane, Converter={StaticResource MaxAutoTicksConverter}}" />
                                        <Setter Property="GrowBy" Value="{Binding IsFirstChartPane, Converter={StaticResource GrowByConverter}}" />
                                    </Style>
                                </s:SciStockChart.YAxisStyle>

                                <s:SciStockChart.ChartModifier>
                                    <s:ModifierGroup>
                                        <s:RubberBandXyZoomModifier IsXAxisOnly="True" Cursor="Hand" IsEnabled="{Binding ParentViewModel.IsZoomEnabled}" />
                                        <s:ZoomPanModifier IsEnabled="{Binding ParentViewModel.IsPanEnabled, Mode=TwoWay}" />
                                        <s:MouseWheelZoomModifier />
                                        <s:RolloverModifier IsEnabled="{Binding ParentViewModel.RolloverEnabled, Mode=TwoWay}" 
                                                            ShowTooltipOn="MouseHover" ReceiveHandledEvents="True" />
                                        <s:CursorModifier ShowTooltipOn="Never" SourceMode="AllVisibleSeries"
                                                          IsEnabled="{Binding ParentViewModel.CursorEnabled, Mode=TwoWay}" ReceiveHandledEvents="True" />

                                        <!-- Regular Annotations -->
                                        <s:AnnotationCreationModifierMVVM 
                                            AnnotationViewModelType="{Binding AnnotationType}"
                                            AnnotationViewModelsCollection="{Binding AnnotationViewModels}"
                                            IsEnabled="{Binding IsRegularAnnotationCreationEnable}"
                                            ReceiveHandledEvents="True">

                                            <b:Interaction.Behaviors>
                                                <ext:EventToCommandBehavior 
                                                Command="{Binding RegularAnnotationCreatedCommand}"
                                                Event="AnnotationCreated"
                                                PassArguments="True" />
                                            </b:Interaction.Behaviors>
                                        </s:AnnotationCreationModifierMVVM>

                                        <!-- Trading Annotations -->
                                        <s:TradingAnnotationCreationModifierMvvm 
                                            AnnotationViewModelType="{Binding AnnotationType}"
                                            AnnotationViewModelsCollection="{Binding AnnotationViewModels}"
                                            IsEnabled="{Binding IsTradingAnnotationCreationEnable}"
                                            ReceiveHandledEvents="True">

                                            <b:Interaction.Behaviors>
                                                <ext:EventToCommandBehavior 
                                                Command="{Binding TradingAnnotationCreatedCommand}"
                                                Event="AnnotationCreated"
                                                PassArguments="True" />
                                            </b:Interaction.Behaviors>
                                        </s:TradingAnnotationCreationModifierMvvm>

                                    </s:ModifierGroup>
                                </s:SciStockChart.ChartModifier>

                            </s:SciStockChart>
                        </DockPanel>
                    </DataTemplate>
                </s:SciChartGroup.ItemTemplate>

            </s:SciChartGroup>
        </DockPanel>
        
    </DockPanel>
</bus:SPBindableUserControl>