agrobot_base/AgroBase/OperationControl/Views/Operacao/Monitoramento/PulverizadorView.xaml

<UserControl x:Class="OperationControl.Views.Operacao.Monitoramento.PulverizadorView"
             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:controls="clr-namespace:OperationControl.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="900" d:DesignWidth="1600">

    <UserControl.Resources>
        <SolidColorBrush x:Key="BgPage" Color="#141414"/>
        <SolidColorBrush x:Key="BgPanel" Color="#202020"/>
        <SolidColorBrush x:Key="BgPanelSoft" Color="#262626"/>
        <SolidColorBrush x:Key="BorderPanel" Color="#353535"/>
        <SolidColorBrush x:Key="TextMain" Color="#F0F0F0"/>
        <SolidColorBrush x:Key="TextSoft" Color="#BDBDBD"/>
        <SolidColorBrush x:Key="TextMuted" Color="#8E8E8E"/>
        <SolidColorBrush x:Key="AccentBlue" Color="#44B3FF"/>
        <SolidColorBrush x:Key="AccentGreen" Color="#47D16C"/>
        <SolidColorBrush x:Key="AccentOrange" Color="#FFB347"/>
        <SolidColorBrush x:Key="AccentPurple" Color="#B07CFF"/>

        <Style x:Key="PanelBorderStyle" TargetType="Border">
            <Setter Property="Background" Value="{StaticResource BgPanel}"/>
            <Setter Property="BorderBrush" Value="{StaticResource BorderPanel}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="CornerRadius" Value="12"/>
            <Setter Property="Padding" Value="10"/>
        </Style>

        <Style x:Key="CardBorderStyle" TargetType="Border">
            <Setter Property="Background" Value="{StaticResource BgPanelSoft}"/>
            <Setter Property="BorderBrush" Value="{StaticResource BorderPanel}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="CornerRadius" Value="12"/>
            <Setter Property="Padding" Value="12"/>
            <Setter Property="Margin" Value="4"/>
        </Style>

        <Style x:Key="CardTitleStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="{StaticResource TextSoft}"/>
            <Setter Property="FontSize" Value="11"/>
            <Setter Property="FontWeight" Value="SemiBold"/>
        </Style>

        <Style x:Key="CardValueStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="{StaticResource TextMain}"/>
            <Setter Property="FontSize" Value="24"/>
            <Setter Property="FontWeight" Value="SemiBold"/>
            <Setter Property="Margin" Value="0,6,0,0"/>
        </Style>

        <Style x:Key="CardSubValueStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="{StaticResource TextMuted}"/>
            <Setter Property="FontSize" Value="13"/>
            <Setter Property="Margin" Value="0,2,0,0"/>
        </Style>

        <Style x:Key="IconStyle" TargetType="TextBlock">
            <Setter Property="FontFamily" Value="Segoe MDL2 Assets"/>
            <Setter Property="FontSize" Value="16"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0,0,8,0"/>
        </Style>
    </UserControl.Resources>

    <Grid Margin="12" Background="{StaticResource BgPage}">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid Grid.Row="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1.9*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>

            <!-- ESQUERDA -->
            <Grid Grid.Column="0" Margin="0,0,8,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="4*"/>
                    <RowDefinition Height="2*"/>
                </Grid.RowDefinitions>

                <!-- VIDEO -->
                <Border Grid.Row="0" Margin="0,0,0,8" Style="{StaticResource PanelBorderStyle}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>

                        <DockPanel Grid.Row="0" Margin="0,0,0,8" LastChildFill="False">
                            <StackPanel Orientation="Horizontal" DockPanel.Dock="Left">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentBlue}"/>
                                <TextBlock Text="{Binding CameraErvasTitulo}"
                                           FontSize="13"
                                           FontWeight="SemiBold"
                                           Foreground="{StaticResource TextMain}"
                                           VerticalAlignment="Center"/>
                            </StackPanel>

                            <TextBlock Text="{Binding CameraErvasStatus}"
                                       DockPanel.Dock="Right"
                                       Margin="12,0,8,0"
                                       Foreground="{StaticResource TextMuted}"
                                       FontSize="11"
                                       VerticalAlignment="Center"/>

                            <ComboBox DockPanel.Dock="Right"
                                      Width="140"
                                      Height="28"
                                      ItemsSource="{Binding CameraErvasFrameTipos}"
                                      SelectedItem="{Binding CameraErvasFrameTipoSelecionado, Mode=TwoWay}"
                                      DisplayMemberPath="Nome"/>
                        </DockPanel>

                        <Border Grid.Row="1"
                                Background="#111111"
                                CornerRadius="8"
                                BorderBrush="#2E2E2E"
                                BorderThickness="1">
                            <Grid>
                                <Image x:Name="imgVideo" Stretch="Uniform" RenderOptions.BitmapScalingMode="LowQuality"/>
                                <TextBlock Text="SEM SINAL"
                                           Foreground="#666666"
                                           HorizontalAlignment="Center"
                                           VerticalAlignment="Center"/>
                            </Grid>
                        </Border>
                    </Grid>
                </Border>

                <!-- PULVERIZADOR -->
                <Border Grid.Row="1" Style="{StaticResource PanelBorderStyle}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>

                        <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,8">
                            <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentGreen}"/>
                            <TextBlock Text="Pulverizador"
                                       FontSize="13"
                                       FontWeight="SemiBold"
                                       Foreground="{StaticResource TextMain}"
                                       VerticalAlignment="Center"/>
                        </StackPanel>

                        <controls:PulverizadorIndicator Grid.Row="1"
                                                        x:Name="areaPulverizador"
                                                        HorizontalAlignment="Stretch"
                                                        VerticalAlignment="Stretch"/>
                    </Grid>
                </Border>
            </Grid>

            <!-- DIREITA -->
            <Grid Grid.Column="1" Margin="8,0,0,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <!-- RESUMO -->
                <Border Grid.Row="0" Margin="0,0,0,8" Style="{StaticResource PanelBorderStyle}">
                    <StackPanel>
                        <TextBlock Text="Resumo operacional"
                                   Margin="0,0,0,10"
                                   FontSize="12"
                                   FontWeight="SemiBold"
                                   Foreground="{StaticResource TextMain}"/>

                        <Grid Margin="0,0,0,6">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Modo" Foreground="{StaticResource TextSoft}"/>
                            <TextBlock Grid.Column="1" Text="{Binding ModoPulverizacaoTexto}" Foreground="{StaticResource TextMain}" FontWeight="SemiBold"/>
                        </Grid>

                        <Grid Margin="0,0,0,6">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Pulverização" Foreground="{StaticResource TextSoft}"/>
                            <TextBlock Grid.Column="1" Text="{Binding PulverizacaoLiberadaTexto}" Foreground="{StaticResource AccentGreen}" FontWeight="SemiBold"/>
                        </Grid>

                        <Grid Margin="0,0,0,6">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Bomba" Foreground="{StaticResource TextSoft}"/>
                            <TextBlock Grid.Column="1" Text="{Binding StatusBombaTexto}" Foreground="{StaticResource TextMain}" FontWeight="SemiBold"/>
                        </Grid>

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="Agitador" Foreground="{StaticResource TextSoft}"/>
                            <TextBlock Grid.Column="1" Text="{Binding ModoAgitadorTexto}" Foreground="{StaticResource AccentPurple}" FontWeight="SemiBold"/>
                        </Grid>
                    </StackPanel>
                </Border>

                <!-- CARDS -->
                <UniformGrid Grid.Row="1" Columns="2" Margin="0,0,0,8">

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentGreen}"/>
                                <TextBlock Text="Nível do tanque" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding NivelTanqueValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding NivelTanqueLitrosValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentOrange}"/>
                                <TextBlock Text="Pressão" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding PressaoLinhaValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding PressaoLinhaPsiValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentBlue}"/>
                                <TextBlock Text="Vazão" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding VazaoInstantaneaValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding VazaoMediaValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentGreen}"/>
                                <TextBlock Text="Bomba" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding PotenciaBombaValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding StatusBombaTextoGeral}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentPurple}"/>
                                <TextBlock Text="Agitador" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding PotenciaAgitadorValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding ModoAgitadorTextoGeral}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentBlue}"/>
                                <TextBlock Text="Autonomia" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding AutonomiaDistanciaValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding AutonomiaTempoValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentBlue}"/>
                                <TextBlock Text="Volume aplicado" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding VolumeVazadoValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding TempoLigadoPulverizacaoValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentOrange}"/>
                                <TextBlock Text="Bicos ativos" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding BicosAtivosValor}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding InfoComplementarBicosValor}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                    <Border Style="{StaticResource CardBorderStyle}">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentGreen}"/>
                                <TextBlock Text="Detecção de Ervas" Style="{StaticResource CardTitleStyle}"/>
                            </StackPanel>
                            <TextBlock Text="{Binding PercentualErvasRadar}" Style="{StaticResource CardValueStyle}"/>
                            <TextBlock Text="{Binding PercentualErvasTerreno}" Style="{StaticResource CardSubValueStyle}"/>
                        </StackPanel>
                    </Border>

                </UniformGrid>

                <!-- EVENTOS -->
                <Border Grid.Row="2" Style="{StaticResource PanelBorderStyle}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>

                        <StackPanel Orientation="Horizontal" Grid.Row="0" Margin="0,0,0,8">
                            <TextBlock Text="" Style="{StaticResource IconStyle}" Foreground="{StaticResource AccentOrange}"/>
                            <TextBlock Text="Eventos e diagnósticos"
                                       FontSize="12"
                                       FontWeight="SemiBold"
                                       Foreground="{StaticResource TextMain}"
                                       VerticalAlignment="Center"/>
                        </StackPanel>

                        <ListBox Grid.Row="1"
                                 ItemsSource="{Binding EventosPulverizador}"
                                 Background="Transparent"
                                 BorderThickness="0"
                                 Foreground="{StaticResource TextMain}"/>
                    </Grid>
                </Border>
            </Grid>
        </Grid>
    </Grid>
</UserControl>