CyberX8/CyberX8_Themes/UserControls/SrdOverviewInformationPanel.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.SrdOverviewInformationPanel"
             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:local="clr-namespace:CyberX8_Themes.UserControls"
             mc:Ignorable="d" x:Name="self"
             d:DesignHeight="160" d:DesignWidth="600">
    <Border BorderBrush="Gray">
        <Grid>
            <GroupBox Header="{Binding ModuleTitle, ElementName=self}"  BorderBrush="DarkGray">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="150"/>
                        <ColumnDefinition Width="150"/>
                        <ColumnDefinition Width="150"/>
                        <ColumnDefinition Width="150"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid Grid.Column ="0" Grid.Row="0">
                        <Label Grid.Row="0" Content="Recipe" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Left" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </Grid>
                    <Grid Grid.Column ="0" Grid.Row="1">
                        <Label Grid.Row="0" Content="Time Remaining" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Left" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </Grid>
                    <Grid Grid.Column ="0" Grid.Row="2">
                        <Label Grid.Row="0" Content="Operating Mode" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Left" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </Grid>
                    <Grid Grid.Column ="0" Grid.Row="3">
                        <Label Grid.Row="0" Content="Recipe Mode" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Left" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </Grid>
                    <Border Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3" Margin="5,5,15,5" Background="Black">
                        <TextBlock Text="{Binding ElementName=self,Path=RecipeContentValue}" Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                    </Border>
                    <Grid Grid.Column ="1" Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100"></ColumnDefinition>
                            <ColumnDefinition Width="50"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Border Grid.Column="0"  Margin="5,5,2,5" Background="Black">
                            <TextBlock  Text="{Binding ElementName=self,Path=TimeRemainingValue, StringFormat=\{0:F2\}}"  Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Column="1"  Margin="2,5,5,5" Background="Black">
                            <TextBlock   Text="sec"  Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                    </Grid>
                    <Border Background="Black"  Grid.Row="2" Grid.Column="1" Margin="5,5,5,5">
                        <TextBlock Text="{Binding ElementName=self,Path=OperatingModeValue}" Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                    </Border>
                    <Border Background="Black"  Grid.Row="3" Grid.Column="1" Margin="5,5,5,5">
                        <TextBlock Text="{Binding ElementName=self,Path=RecipeModeValue}" Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                    </Border>
                    <Grid Grid.Column ="2" Grid.Row="1">
                        <Label Grid.Row="0" Content="of Total Time" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    </Grid>
                    <Grid Grid.Column ="2" Grid.Row="2">
                        <Label Grid.Row="0" Content="State" FontSize="16" FontWeight="Bold" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="16,0" />
                    </Grid>
                    <Grid Grid.Column ="3" Grid.Row="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100"></ColumnDefinition>
                            <ColumnDefinition Width="50"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Border Grid.Column="0"  Margin="5,5,2,5" Background="Black">
                            <TextBlock  Text="{Binding ElementName=self,Path=TotalTimeValue, StringFormat=\{0:F2\}}" Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Column="1"  Margin="2,5,5,5" Background="Black">
                            <TextBlock   Text="sec"  Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                    </Grid>
                    <Border Grid.Column="2" Grid.Row="2" Grid.ColumnSpan="2" Background="Black" Margin="5,5,5,5" Width="200" HorizontalAlignment="Right">
                        <TextBlock   Text="{Binding ElementName=self,Path=StateValue}"  Foreground="Lime" FontSize="16" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                    </Border>
                </Grid>
            </GroupBox>
        </Grid>
    </Border>
</UserControl>