<UserControl x:Class="DS4WinWPF.DS4Forms.ControllerReadingsControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:lex="http://wpflocalizeextension.codeplex.com"
             lex:LocalizeDictionary.DesignCulture=""
             lex:ResxLocalizationProvider.DefaultAssembly="DS4Windows"
             lex:ResxLocalizationProvider.DefaultDictionary="Strings"
             xmlns:local="clr-namespace:DS4WinWPF.DS4Forms"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="430">
    <DockPanel LastChildFill="False">
        <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
            <Label x:Name="inputDelayLb" Content="Input Delay: N/A">
                <Label.Background>
                    <SolidColorBrush x:Name="inpuDelayBackBrush" Color="Transparent" />
                </Label.Background>
                <Label.Foreground>
                    <SolidColorBrush x:Name="inpuDelayForeBrush" Color="Black"/>
                </Label.Foreground>
            </Label>
        </StackPanel>
        <Grid DockPanel.Dock="Top" Width="430" Margin="0,8,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <StackPanel Grid.Column="0">
                <Label Content="{lex:Loc LeftStick}" HorizontalAlignment="Center" Padding="0"/>
                <Label Content="" HorizontalAlignment="Center" Padding="0"/>
                <Canvas x:Name="lsCanvas" Width="130" Height="130" ClipToBounds="True">
                    <Rectangle Stroke="Black" Width="130" Height="130">
                    </Rectangle>
                    <Ellipse x:Name="lsDeadEllipse" Width="{Binding Path=Width, ElementName=lsCanvas}"
                             Height="{Binding Path=Height, ElementName=lsCanvas}" Fill="#FFCF1F1F">
                    </Ellipse>
                    <Rectangle x:Name="lsMapValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="#FFABABAB">
                    </Rectangle>
                    <Rectangle x:Name="lsValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="Black">
                    </Rectangle>
                </Canvas>
            </StackPanel>
            <StackPanel Grid.Column="1">
                <Label Content="{lex:Loc RightStick}" HorizontalAlignment="Center" Padding="0"/>
                <Label Content="" HorizontalAlignment="Center" Padding="0"/>
                <Canvas x:Name="rsCanvas" Width="130" Height="130" ClipToBounds="True">
                    <Rectangle Stroke="Black" Width="{Binding Path=Width, ElementName=rsCanvas}"
                               Height="{Binding Path=Height, ElementName=rsCanvas}">
                    </Rectangle>
                    <Ellipse x:Name="rsDeadEllipse" Width="{Binding Path=Width, ElementName=rsCanvas}"
                             Height="{Binding Path=Height, ElementName=rsCanvas}" Fill="#FFCF1F1F">
                    </Ellipse>
                    <Rectangle x:Name="rsMapValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="#FFABABAB">
                    </Rectangle>
                    <Rectangle x:Name="rsValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="Black">
                    </Rectangle>
                </Canvas>
            </StackPanel>
            <StackPanel Grid.Column="2">
                <TextBlock Text="SixAxis: X Axis is flipped so it is easier to read" TextWrapping="Wrap" HorizontalAlignment="Center" TextAlignment="Center"/>
                <Canvas x:Name="sixaxisCanvas" Width="130" Height="130" ClipToBounds="True">
                    <Rectangle Stroke="Black" Width="{Binding Path=Width, ElementName=sixaxisCanvas}"
                               Height="{Binding Path=Height, ElementName=sixaxisCanvas}">
                    </Rectangle>
                    <Ellipse x:Name="sixAxisDeadEllipse" Width="{Binding Path=Width, ElementName=sixaxisCanvas}"
                             Height="{Binding Path=Height, ElementName=sixaxisCanvas}" Fill="#FFCF1F1F">
                    </Ellipse>
                    <Rectangle x:Name="sixAxisMapValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="#FFABABAB">
                    </Rectangle>
                    <Rectangle x:Name="sixAxisValRec" Width="6" Height="6" Canvas.Left="62" Canvas.Top="62" Fill="Black">
                    </Rectangle>
                </Canvas>
            </StackPanel>
        </Grid>
        <Grid DockPanel.Dock="Top" Margin="8,40,8,8">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1.75*"/>
            </Grid.ColumnDefinitions>
            <StackPanel Orientation="Horizontal" Height="100" Grid.Column="0" RenderTransformOrigin="0,0" HorizontalAlignment="Center">
                <StackPanel Orientation="Horizontal" Margin="0,0,20,0">
                    <Label x:Name="l2ValLb" Content="LS" Height="16" VerticalAlignment="Top" HorizontalAlignment="Left" RenderTransformOrigin="0.5,1" Padding="0" Margin="0,0,4,0" >
                        <Label.RenderTransform>
                            <TransformGroup>
                                <TranslateTransform x:Name="l2ValLbTrans" Y="77" />
                            </TransformGroup>
                        </Label.RenderTransform>
                        <Label.Foreground>
                            <SolidColorBrush x:Name="l2ValLbBrush" Color="Black" />
                        </Label.Foreground>
                    </Label>
                    <Slider x:Name="l2Slider" Orientation="Vertical" Minimum="0" Maximum="255" Value="0" Height="80" Focusable="False" />
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Slider x:Name="r2Slider" Orientation="Vertical" Minimum="0" Maximum="255" Value="0" Height="80" Focusable="False" />
                    <Label x:Name="r2ValLb" Content="RS" Height="16" VerticalAlignment="Top" HorizontalAlignment="Left" RenderTransformOrigin="0.5,1" Padding="0" Margin="0,0,4,0" >
                        <Label.RenderTransform>
                            <TransformGroup>
                                <TranslateTransform x:Name="r2ValLbTrans" Y="77"/>
                            </TransformGroup>
                        </Label.RenderTransform>
                        <Label.Foreground>
                            <SolidColorBrush x:Name="r2ValLbBrush" Color="Black" />
                        </Label.Foreground>
                    </Label>
                </StackPanel>
            </StackPanel>
            <Border BorderBrush="Black" Grid.Column="1" BorderThickness="1">
                <StackPanel Orientation="Horizontal" Margin="10" HorizontalAlignment="Center">
                    <StackPanel Margin="0,0,10,0">
                        <Label Content="{lex:Loc Gyro}" HorizontalAlignment="Center" Padding="0"/>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Yaw" Width="40" />
                            <Slider x:Name="gyroYawSlider" Width="80" Minimum="-9000" Maximum="9000" Value="0" Focusable="False" Margin="0,8,0,0"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Pitch" Width="40" />
                            <Slider x:Name="gyroPitchSlider" Width="80" Minimum="-9000" Maximum="9000" Value="0" Focusable="False" Margin="0,4,0,0"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Roll" Width="40" />
                            <Slider x:Name="gyroRollSlider" Width="80" Minimum="-9000" Maximum="9000" Value="0" Focusable="False" Margin="0,4,0,0"/>
                        </StackPanel>
                    </StackPanel>
                    <StackPanel>
                        <Label Content="{lex:Loc Accel}" HorizontalAlignment="Center" Padding="0"/>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="X" Width="20" />
                            <Slider x:Name="accelXSlider" Width="80" Minimum="-128" Maximum="128" Value="0" Focusable="False" Margin="0,8,0,0"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Y" Width="20" />
                            <Slider x:Name="accelYSlider" Width="80" Minimum="-128" Maximum="128" Value="0" Focusable="False" Margin="0,4,0,0"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Z" Width="20" />
                            <Slider x:Name="accelZSlider" Width="80" Minimum="-128" Maximum="128" Value="0" Focusable="False" Margin="0,4,0,0"/>
                        </StackPanel>
                    </StackPanel>
                </StackPanel>
            </Border>
        </Grid>
    </DockPanel>
</UserControl>