agrobot_base/AgroBase/OperationControl/Views/PreparacaoMapa/PreparacaoMapaTopView.xaml

<UserControl x:Class="OperationControl.Views.PreparacaoMapaTopView"
             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"
             mc:Ignorable="d">

    <UserControl.Resources>

        <Style x:Key="MetricCardStyle"
               TargetType="Border">

            <Setter Property="Background"
                    Value="#292929"/>

            <Setter Property="BorderBrush"
                    Value="#3A3A3A"/>

            <Setter Property="BorderThickness"
                    Value="1"/>

            <Setter Property="CornerRadius"
                    Value="8"/>

            <Setter Property="Padding"
                    Value="12,8"/>

            <Setter Property="Margin"
                    Value="4,0"/>

            <Setter Property="MinWidth"
                    Value="105"/>

        </Style>


        <Style x:Key="MetricLabelStyle"
               TargetType="TextBlock">

            <Setter Property="Foreground"
                    Value="#8E8E8E"/>

            <Setter Property="FontSize"
                    Value="10"/>

            <Setter Property="FontWeight"
                    Value="SemiBold"/>

        </Style>


        <Style x:Key="MetricValueStyle"
               TargetType="TextBlock">

            <Setter Property="Foreground"
                    Value="White"/>

            <Setter Property="FontSize"
                    Value="15"/>

            <Setter Property="FontWeight"
                    Value="SemiBold"/>

            <Setter Property="Margin"
                    Value="0,3,0,0"/>

        </Style>


        <Style x:Key="CoordinateLabelStyle"
               TargetType="TextBlock">

            <Setter Property="Foreground"
                    Value="#707070"/>

            <Setter Property="FontSize"
                    Value="11"/>

            <Setter Property="Margin"
                    Value="0,0,4,0"/>

        </Style>


        <Style x:Key="CoordinateValueStyle"
               TargetType="TextBlock">

            <Setter Property="Foreground"
                    Value="#BDBDBD"/>

            <Setter Property="FontSize"
                    Value="11"/>

            <Setter Property="FontWeight"
                    Value="SemiBold"/>

        </Style>

    </UserControl.Resources>


    <Grid Background="#1C1C1C"
          MinHeight="92">

        <Grid Margin="16,10">

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>


            <!-- ================================================= -->
            <!-- CONTEXTO                                          -->
            <!-- ================================================= -->

            <StackPanel Grid.Column="0"
                        VerticalAlignment="Center">

                <TextBlock
                    Text="PREPARAÇÃO DO MAPA E GNSS"
                    Foreground="White"
                    FontSize="17"
                    FontWeight="Bold"/>

                <TextBlock
                    Text="Carregue o mapa da operação e prepare o posicionamento da estação GNSS."
                    Foreground="#A0A0A0"
                    FontSize="12"
                    Margin="0,3,0,8"/>


                <WrapPanel>

                    <TextBlock
                        Text="LAT"
                        Style="{StaticResource CoordinateLabelStyle}"/>

                    <TextBlock
                        Text="{Binding LatitudeTexto}"
                        Style="{StaticResource CoordinateValueStyle}"/>


                    <TextBlock
                        Text="  •  LON"
                        Style="{StaticResource CoordinateLabelStyle}"
                        Margin="12,0,4,0"/>

                    <TextBlock
                        Text="{Binding LongitudeTexto}"
                        Style="{StaticResource CoordinateValueStyle}"/>


                    <TextBlock
                        Text="  •  ALT"
                        Style="{StaticResource CoordinateLabelStyle}"
                        Margin="12,0,4,0"/>

                    <TextBlock
                        Text="{Binding AltitudeTexto}"
                        Style="{StaticResource CoordinateValueStyle}"/>


                    <TextBlock
                        Text="  •  DIREÇÃO"
                        Style="{StaticResource CoordinateLabelStyle}"
                        Margin="12,0,4,0"/>

                    <TextBlock
                        Text="{Binding HeadingTexto}"
                        Style="{StaticResource CoordinateValueStyle}"/>

                </WrapPanel>

            </StackPanel>


            <!-- ================================================= -->
            <!-- SAÚDE / QUALIDADE GNSS                            -->
            <!-- ================================================= -->

            <UniformGrid
                Grid.Column="1"
                Rows="1"
                Columns="4"
                VerticalAlignment="Center">

                <Border Style="{StaticResource MetricCardStyle}">
                    <StackPanel>

                        <TextBlock
                            Text="CORREÇÃO"
                            Style="{StaticResource MetricLabelStyle}"/>

                        <TextBlock
                            Text="{Binding FixTexto}"
                            Style="{StaticResource MetricValueStyle}"
                            Foreground="{Binding FixCor}"/>

                    </StackPanel>
                </Border>


                <Border Style="{StaticResource MetricCardStyle}">
                    <StackPanel>

                        <TextBlock
                            Text="PRECISÃO"
                            Style="{StaticResource MetricLabelStyle}"/>

                        <TextBlock
                            Text="{Binding PrecisaoTexto}"
                            Style="{StaticResource MetricValueStyle}"/>

                    </StackPanel>
                </Border>


                <Border Style="{StaticResource MetricCardStyle}">
                    <StackPanel>

                        <TextBlock
                            Text="SATÉLITES"
                            Style="{StaticResource MetricLabelStyle}"/>

                        <TextBlock
                            Text="{Binding SatelitesTexto}"
                            Style="{StaticResource MetricValueStyle}"/>

                    </StackPanel>
                </Border>


                <Border Style="{StaticResource MetricCardStyle}">
                    <StackPanel>

                        <TextBlock
                            Text="IDADE"
                            Style="{StaticResource MetricLabelStyle}"/>

                        <TextBlock
                            Text="{Binding IdadeCorrecaoTexto}"
                            Style="{StaticResource MetricValueStyle}"/>

                    </StackPanel>
                </Border>

            </UniformGrid>

        </Grid>

    </Grid>

</UserControl>