<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             x:Class="DaireApplication.AdvanceSettings"
             Background="#b3b3b3"
             Width="1280" Height="620">

  <UserControl.Styles>
    <Style Selector="ComboBox.noArrow">
      <Setter Property="Template">
        <ControlTemplate TargetType="ComboBox">
          <Grid>
            <ToggleButton x:Name="PART_Button"
                          Focusable="False"
                          ClickMode="Press"
                          IsChecked="{Binding IsDropDownOpen, 
                                            RelativeSource={RelativeSource TemplatedParent}, 
                                            Mode=TwoWay}"
                          Background="#E6E6E6"
                          Width="210" Height="40">
              <Border Background="#E6E6E6"
                      CornerRadius="8"
                      Padding="0,0">
                <ContentPresenter x:Name="PART_SelectionBoxPresenter"
                                  Content="{TemplateBinding SelectionBoxItem}"
                                  HorizontalAlignment="Center"
                                  VerticalAlignment="Center"
                                  FontSize="20"
                                  Foreground="#af196f"/>
              </Border>
            </ToggleButton>

            <Popup x:Name="PART_Popup"
                   PlacementTarget="{Binding #PART_Button}"
                   Placement="Bottom"
                   IsOpen="{Binding IsDropDownOpen, 
                                  RelativeSource={RelativeSource TemplatedParent}, 
                                  Mode=TwoWay}">
              <Border Background="White"
                      BorderBrush="Gray"
                      BorderThickness="1">
                <ScrollViewer>
                  <ItemsPresenter />
                </ScrollViewer>
              </Border>
            </Popup>
          </Grid>
        </ControlTemplate>
      </Setter>
    </Style>

    <Style Selector="TextBlock.lbl">
      <Setter Property="Foreground" Value="#000000"/>
    </Style>
    <Style Selector="ComboBoxItem">
      <Setter Property="Foreground" Value="Black"/>
      <Setter Property="Background" Value="Transparent"/>
    </Style>

    <Style Selector="ComboBoxItem:selectable:checked">
      <Setter Property="Foreground" Value="#af196f"/>
    </Style>

    <Style Selector="ComboBoxItem:pointerover">
      <Setter Property="Foreground" Value="#af196f"/>
      <Setter Property="Background" Value="Transparent"/>
    </Style>
    
  </UserControl.Styles>



  <Grid RowDefinitions="*">

    <!--number keyBoard-->
    <Border x:Name="keyBoardPopup"
         Background="#80000000"
         HorizontalAlignment="Stretch"
         VerticalAlignment="Stretch"
         IsVisible="False"
         ZIndex="50"
         PointerPressed="OnPopupOverlayPointerPressed">
      <Grid MaxWidth="500" MaxHeight="500" HorizontalAlignment="Center" VerticalAlignment="Center"
            Margin="0,0,150,0"
            PointerPressed="InnerPopupPointerPressed">
        <Border x:Name="PopupControl"
                BorderThickness="2"
                CornerRadius="10"
                Padding="10"
                PointerPressed="InnerPopupPointerPressed">
          <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="10">
            <!-- Popup Content (Keypad etc.) -->
            <Grid IsVisible="True">
              <Grid.Styles>
                <Style Selector="Button">
                  <Setter Property="Background" Value="White"/>
                  <Setter Property="CornerRadius" Value="20"/>
                  <Setter Property="Width" Value="100"/>
                  <Setter Property="Height" Value="100"/>
                  <Setter Property="FontSize" Value="50"/>
                  <Setter Property="Foreground" Value="Black"/>
                  <Setter Property="VerticalContentAlignment" Value="Center"/>
                  <Setter Property="HorizontalContentAlignment" Value="Center"/>
                </Style>
                <Style Selector="Button:pointerover /template/ContentPresenter">
                  <Setter Property="Foreground" Value="Black"/>
                  <Setter Property="Background" Value="White"/>
                  <Setter Property="CornerRadius" Value="20"/>
                  <Setter Property="RenderTransform" Value="scale(1.11)"/>
                </Style>
              </Grid.Styles>
              <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
              </Grid.RowDefinitions>
              <Grid Grid.Row="1" Margin="10">
                <Grid.RowDefinitions>
                  <RowDefinition Height="1*"/>
                  <RowDefinition Height="1*"/>
                  <RowDefinition Height="1*"/>
                  <RowDefinition Height="1*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="1*"/>
                  <ColumnDefinition Width="1*"/>
                  <ColumnDefinition Width="1*"/>
                  <ColumnDefinition Width="1*"/>
                </Grid.ColumnDefinitions>
                <!-- Keypad Buttons -->
                <Button Content="1" Grid.Row="0" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="2" Grid.Row="0" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="3" Grid.Row="0" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="4" Grid.Row="1" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="5" Grid.Row="1" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="6" Grid.Row="1" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="7" Grid.Row="2" Grid.Column="0" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="8" Grid.Row="2" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="9" Grid.Row="2" Grid.Column="2" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="." Grid.Row="3" Grid.Column="3" FontSize="54" Background="White" Margin="5" VerticalContentAlignment="Center" Padding="0,0,0,23" Click="OnKeyClick"/>
                <Button Content="BACK" Grid.Row="3" Grid.Column="0" FontSize="20" Background="#D3D3D3" Margin="5" Click="OnBackClick"/>
                <Button Content="0" Grid.Row="3" Grid.Column="1" FontSize="24" Background="White" Margin="5" Click="OnKeyClick"/>
                <Button Content="ENTER" Grid.Row="3" Grid.Column="2" FontSize="20" Background="#A4275D" Foreground="White" Margin="5" Click="EnterClick"/>
              </Grid>
            </Grid>
          </StackPanel>
        </Border>
      </Grid>
    </Border>

    <Border Padding="5"> 
      <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,Auto,*">
        <Button x:Name="ignoreFocus" IsVisible="False"></Button>
        <!--col 1-->
        <Grid Grid.Column="0" >
          <Border Width="356" Height="592" CornerRadius="10" Background="#F9F9F9" Margin="5" Padding="5">
            <StackPanel Orientation="Vertical" Spacing="6">
              <TextBlock HorizontalAlignment="Center" FontSize="20.5" Foreground="#918F90">
                INs/OUTs MAPPING
              </TextBlock>
              
<!--IN-->
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">IN-1
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
  <ComboBox Classes="noArrow in" Margin="0" Tag="0"
            SelectionChanged="InChanged" >
    <ComboBoxItem Content="PEDAL"/>
    <ComboBoxItem Content="COVER SENSOR"/>
    <ComboBoxItem Content="E-Stop"/>
    <ComboBoxItem Content="-"/>
  </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    IN-2
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
  <ComboBox Classes="noArrow in"  Margin="0" Tag="1"
            SelectionChanged="InChanged">
    <ComboBoxItem Content="PEDAL"/>
    <ComboBoxItem Content="COVER SENSOR"/>
    <ComboBoxItem Content="E-Stop"/>
    <ComboBoxItem Content="-"/>
  </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    IN-3
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow in"  Margin="0" Tag="2" SelectionChanged="InChanged" >
                  <ComboBoxItem Content="PEDAL"/>
                  <ComboBoxItem Content="COVER SENSOR"/>
                  <ComboBoxItem Content="E-Stop"/>
                  <ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    IN-4
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow in"  Margin="0" Tag="3" 
                          SelectionChanged="InChanged">
                  <ComboBoxItem Content="PEDAL"/>
                  <ComboBoxItem Content="COVER SENSOR"/>
                  <ComboBoxItem Content="E-Stop"/>
                  <ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    IN-5
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow in"  Margin="0" Tag="4"  
                          SelectionChanged="InChanged">
                  <ComboBoxItem Content="PEDAL"/>
                  <ComboBoxItem Content="COVER SENSOR"/>
                  <ComboBoxItem Content="E-Stop"/>
                  <ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    IN-6
                  </TextBlock>
                </Border>
                <Image Source="/Assets/greenPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow in"  Margin="0" Tag="5" 
                          SelectionChanged="InChanged">
                  <ComboBoxItem Content="PEDAL"/>
                  <ComboBoxItem Content="COVER SENSOR"/>
                  <ComboBoxItem Content="E-Stop"/>
                  <ComboBoxItem Content="-"/>
                </ComboBox>
              </StackPanel>

<!--LOV-->
              
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-1
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0" Tag="0"
                   SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-2
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0" Tag="1"
                   SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-3
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0" Tag="2"
                    SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-4
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0" Tag="3"
                    SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-5
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0" Tag="4"
                          SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    LOV-6
                  </TextBlock>
                </Border>
                <Image Source="/Assets/yellowPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow lov"  Margin="0"
                          Tag="5"
                         SelectionChanged="LOVChanged">
                  <ComboBoxItem Tag="Vibrator Heater" Content="VIBR. HEATER"/>
                  <ComboBoxItem Tag="Mold Heater" Content="MOLD HEATER"/>
                  <ComboBoxItem Tag="Alarm" Content="ALARM"/>
                  <ComboBoxItem Tag="-" Content="-"/>
                </ComboBox>

              </StackPanel>


            </StackPanel>

          </Border>
        </Grid>
        <!--col 2-->
        <Grid Grid.Column="1" >
          <Border Width="356" Height="592" CornerRadius="10" Background="#F9F9F9" Margin="5" Padding="5">
            <StackPanel Orientation="Vertical" Spacing="6">
              <TextBlock HorizontalAlignment="Center" FontSize="20.5" Foreground="#918F90">
                INs/OUTs MAPPING
              </TextBlock>

              <!--T-->
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    T-1
                  </TextBlock>
                </Border>
                <Image Source="/Assets/redPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow T"  Margin="0"  Tag="8" SelectionChanged="TChanged">
                  <ComboBoxItem Tag="Tank Bottom Temp" Content="TANK BTN. TEMP."/>
                  <ComboBoxItem Tag="Tank Wall Temp" Content="TANK WALL TEMP."/>
                  <ComboBoxItem Tag="Pump Temp" Content="HELIX TEMP."/>
                  <ComboBoxItem Tag="Fountain Temp" Content="CHOCOLATE TEMP."/>
                  <ComboBoxItem Tag="-" Content="-"/>

                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    T-2
                  </TextBlock>
                </Border>
                <Image Source="/Assets/redPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow T"  Margin="0"  Tag="9" SelectionChanged="TChanged">
					<ComboBoxItem Tag="Tank Bottom Temp" Content="TANK BTN. TEMP."/>
					<ComboBoxItem Tag="Tank Wall Temp" Content="TANK WALL TEMP."/>
					<ComboBoxItem Tag="Pump Temp" Content="HELIX TEMP."/>
					<ComboBoxItem Tag="Fountain Temp" Content="CHOCOLATE TEMP."/>
					<ComboBoxItem Tag="-" Content="-"/>

                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    T-3
                  </TextBlock>
                </Border>
                <Image Source="/Assets/redPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow T"  Margin="0"  Tag="10" SelectionChanged="TChanged">
					<ComboBoxItem Tag="Tank Bottom Temp" Content="TANK BTN. TEMP."/>
					<ComboBoxItem Tag="Tank Wall Temp" Content="TANK WALL TEMP."/>
					<ComboBoxItem Tag="Pump Temp" Content="HELIX TEMP."/>
					<ComboBoxItem Tag="Fountain Temp" Content="CHOCOLATE TEMP."/>
					<ComboBoxItem Tag="-" Content="-"/>

                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    T-4
                  </TextBlock>
                </Border>
                <Image Source="/Assets/redPlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow T"  Margin="0"  Tag="11" SelectionChanged="TChanged">
					<ComboBoxItem Tag="Tank Bottom Temp" Content="TANK BTN. TEMP."/>
					<ComboBoxItem Tag="Tank Wall Temp" Content="TANK WALL TEMP."/>
					<ComboBoxItem Tag="Pump Temp" Content="HELIX TEMP."/>
					<ComboBoxItem Tag="Fountain Temp" Content="CHOCOLATE TEMP."/>
					<ComboBoxItem Tag="-" Content="-"/>

                </ComboBox>

              </StackPanel>

              <!--HVO-->

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-1
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0"  Tag="0" SelectionChanged="HVOChanged">
                  <ComboBoxItem Content="Vibrator"/>
                  <ComboBoxItem Content="Water"/>
                  <ComboBoxItem Content="Compressor"/>
                  <ComboBoxItem Content="HELIX Heater"/>
                  <ComboBoxItem Content="Tank Heater Bottom"/> 
                  <ComboBoxItem Content="Tank Heater Wall"/>
                  <ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-2
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0"  Tag="1"
                       SelectionChanged="HVOChanged">
					<ComboBoxItem Content="Vibrator"/>
					<ComboBoxItem Content="Water"/>
					<ComboBoxItem Content="Compressor"/>
					<ComboBoxItem Content="HELIX Heater"/>
					<ComboBoxItem Content="Tank Heater Bottom"/>
					<ComboBoxItem Content="Tank Heater Wall"/>
					<ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-3
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0"  Tag="2" SelectionChanged="HVOChanged" >
					<ComboBoxItem Content="Vibrator"/>
					<ComboBoxItem Content="Water"/>
					<ComboBoxItem Content="Compressor"/>
					<ComboBoxItem Content="HELIX Heater"/>
					<ComboBoxItem Content="Tank Heater Bottom"/>
					<ComboBoxItem Content="Tank Heater Wall"/>
					<ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-4
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0"   Tag="3" SelectionChanged="HVOChanged">
					<ComboBoxItem Content="Vibrator"/>
					<ComboBoxItem Content="Water"/>
					<ComboBoxItem Content="Compressor"/>
					<ComboBoxItem Content="HELIX Heater"/>
					<ComboBoxItem Content="Tank Heater Bottom"/>
					<ComboBoxItem Content="Tank Heater Wall"/>
					<ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-5
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0" Tag="4" SelectionChanged="HVOChanged">
					<ComboBoxItem Content="Vibrator"/>
					<ComboBoxItem Content="Water"/>
					<ComboBoxItem Content="Compressor"/>
					<ComboBoxItem Content="HELIX Heater"/>
					<ComboBoxItem Content="Tank Heater Bottom"/>
					<ComboBoxItem Content="Tank Heater Wall"/>
					<ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6" CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    HVO-6
                  </TextBlock>
                </Border>
                <Image Source="/Assets/orangePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow HVO"  Margin="0" Tag="5" SelectionChanged="HVOChanged">
					<ComboBoxItem Content="Vibrator"/>
					<ComboBoxItem Content="Water"/>
					<ComboBoxItem Content="Compressor"/>
					<ComboBoxItem Content="HELIX Heater"/>
					<ComboBoxItem Content="Tank Heater Bottom"/>
					<ComboBoxItem Content="Tank Heater Wall"/>
					<ComboBoxItem Content="-"/>
                </ComboBox>

              </StackPanel>
             
              <!--MOT-->
              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    MOT-1
                  </TextBlock>
                </Border>
                <Image Source="/Assets/bluePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow mot"  Margin="0" Tag="0" SelectionChanged="MotChanged">
                  <ComboBoxItem Tag="Mixer" Content="MIXER MOTOR"/>
                  <ComboBoxItem Tag="HELIX" Content="HELIX MOTOR"/>
                  <ComboBoxItem Tag="" Content="-"/>
                </ComboBox>

              </StackPanel>

              <!--line-->
              <StackPanel Orientation="Horizontal">
                <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                  <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                    MOT-2
                  </TextBlock>
                </Border>
                <Image Source="/Assets/bluePlug.png" Width="50" Height="20"></Image>
                <!-- Apply the #PedalComboBox style by giving it that Name -->
                <ComboBox Classes="noArrow mot"  Margin="0" Tag="1" SelectionChanged="MotChanged" >
                  <ComboBoxItem Tag="Mixer" Content="MIXER MOTOR"/>
                  <ComboBoxItem Tag="HELIX" Content="HELIX MOTOR"/>
                  <ComboBoxItem Tag="" Content="-"/>
                </ComboBox>

              </StackPanel>


            </StackPanel>

          </Border>
        </Grid>
        <!--col 3-->
        <Grid Grid.Column="2" ZIndex="100">
          <StackPanel Orientation="Vertical" Margin="0,9" Spacing="5"  ZIndex="100"
           >
            <Border Width="356" Height="132" CornerRadius="10" Background="#F9F9F9"  Padding="5"  ZIndex="100">
              <StackPanel Orientation="Vertical" Spacing="6">
                <TextBlock HorizontalAlignment="Center" FontSize="20.5" Foreground="#918F90">
                  INs/OUTs MAPPING
                </TextBlock>

                <!--AN-->
                <!--line-->
                <StackPanel Orientation="Horizontal">
                  <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                    <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                      AN-1
                    </TextBlock>
                  </Border>
                  <Image Source="/Assets/purplePlug.png" Width="50" Height="20"></Image>
                  <!-- Apply the #PedalComboBox style by giving it that Name -->
                  <ComboBox Classes="noArrow"  Margin="0" SelectedIndex="0" >
                    <ComboBoxItem Content="-"/>
                  </ComboBox>

                </StackPanel>

                <!--line-->
                <StackPanel Orientation="Horizontal">
                  <Border Width="85" Height="40" Background="#E6E6E6"  CornerRadius="5">
                    <TextBlock Classes="lbl" FontSize="22.5" VerticalAlignment="Center" HorizontalAlignment="Center">
                      AN-2
                    </TextBlock>
                  </Border>
                  <Image Source="/Assets/purplePlug.png" Width="50" Height="20"></Image>
                  <!-- Apply the #PedalComboBox style by giving it that Name -->
                  <ComboBox Classes="noArrow"  Margin="0" SelectedIndex="0" >
                    <ComboBoxItem Content="-"/>
                  </ComboBox>

                </StackPanel>




              </StackPanel>

            </Border>
<!--Values-->
            <Border
              Width="222"
              Height="450"
              Background="#f9f9f9"
              CornerRadius="10"
              Padding="5"
              Margin="5"
              HorizontalAlignment="Left"
              ZIndex="100">
              <StackPanel
                Orientation="Vertical"
                Spacing="6">
                <!--VALUES-->
                <TextBlock
                  HorizontalAlignment="Center"
                  FontSize="20.5"
                  Foreground="#918f90">VALUES</TextBlock>
                <!--row 1-->
    <Border
                  Width="210"
                  Height="40"
                  Background="#e6e6e6"
                  CornerRadius="5">
      <Button Padding="5" Background="Transparent"
              Width="210" Height="40" Click="extPowerClick">
        <Grid RowDefinitions="*">
          <Grid
            Grid.Row="0"
            ColumnDefinitions="*,Auto">
            <TextBlock
              Grid.Column="0"
              FontSize="22.5"
              Foreground="#231f20">Ext Power?</TextBlock>
            <TextBlock
              Grid.Column="1"
              FontSize="22.5"
              Foreground="#af196f"
              x:Name="extPowerValue">Yes</TextBlock>
          </Grid>
        </Grid>
      </Button>

    </Border>
                <!--row 2-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5" Padding="5">
                  <Button Background="Transparent" 
                          Padding="0,5,5,0"
                          Width="210"
                          Height="40"
                          Click="supplyButtonClick">
                    <Grid RowDefinitions="*">
                      <Grid
                        Grid.Row="0"
                        ColumnDefinitions="*,Auto">
                        <TextBlock
                          Grid.Column="0"
                          FontSize="22.5"
                          Foreground="#231f20">
                          Phases
                        </TextBlock>
                        <TextBlock
                          x:Name="phasesNumberValue"
                          Grid.Column="1"
                          FontSize="22.5"
                          Foreground="#af196f">3-Phases</TextBlock>
                      </Grid>
                    </Grid>
                  </Button>
                  
                </Border>

				  <!--row 3-->
				  <Border
								  Width="210"
								  Height="40"
								  Background="#e6e6e6"
								  CornerRadius="5" Padding="5">
					  <Button Background="Transparent"
							  Padding="0,5,5,0"
							  Width="210"
							  Height="40"
							  Click="voltageButtonClick">
						  <Grid RowDefinitions="*">
							  <Grid
								Grid.Row="0"
								ColumnDefinitions="*,Auto">
								  <TextBlock
									Grid.Column="0"
									FontSize="22.5"
									Foreground="#231f20">
									  Voltage
								  </TextBlock>
								  <TextBlock
									x:Name="voltageNumberValue"
									Grid.Column="1"
									FontSize="22.5"
									Foreground="#af196f">220 V</TextBlock>
							  </Grid>
						  </Grid>
					  </Button>

				  </Border>
			    <!--row 4-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5" Padding="5">
                  <Button Background="Transparent"
                          Width="210"
                          Height="40"
                          Padding="0,5,5,0"
                          Click="gridButtonClick">
                    <Grid RowDefinitions="*">
                      <Grid
                        Grid.Row="0"
                        ColumnDefinitions="*,Auto">
                        <TextBlock
                          Grid.Column="0"
                          FontSize="22.5"
                          Foreground="#231f20">GRID FREQ</TextBlock>
                        <TextBlock
                          x:Name="gridValue"
                          Grid.Column="1"
                          FontSize="22.5"
                          Foreground="#af196f">50Hz</TextBlock>
                      </Grid>
                    </Grid>
                  </Button>

                </Border>
                <!--row 5-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5" >
                  <Button Width="210"
                          Height="40"
                          Background="Transparent"
                          Padding="5"
                          x:Name="i_neut"
                          Click="ShowNumberKeyBoard">
                    <Grid RowDefinitions="*">
                      <Grid
                        Grid.Row="0"
                        ColumnDefinitions="*,Auto,Auto">
                        <TextBlock
                          Grid.Column="0"
                          FontSize="22.5"
                          Foreground="#231f20">
                          MAX I-NEUT
                        </TextBlock>
                        <TextBlock
                          Grid.Column="1"
                          FontSize="22.5"
                          Foreground="#af196f"
                          x:Name="i_neutValue"
                          >12</TextBlock>
                        <TextBlock
                     Grid.Column="2"
                     FontSize="22.5"
                     Foreground="#af196f"
                    >A</TextBlock>
                      </Grid>
                    </Grid>
                  </Button>

                </Border>
                <!--row 6-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5">
                  <Button Width="210"
                          Height="40"
                          Padding="5"
                          Background="Transparent"
                          x:Name="i_mot1"
                          Click="ShowNumberKeyBoard">
                    <Grid RowDefinitions="*">
                      <Grid
                        Grid.Row="0"
                        ColumnDefinitions="*,Auto,Auto">
                        <TextBlock
                          Grid.Column="0"
                          FontSize="22.5"
                          Foreground="#231f20">
                          MAX I-MOT1
                        </TextBlock>
                        <TextBlock
                          Grid.Column="1"
                          FontSize="22.5"
                          Foreground="#af196f"
                          x:Name="i_mot1Value"
                          >3</TextBlock>
                        <TextBlock
                         Grid.Column="2"
                         FontSize="22.5"
                         Foreground="#af196f"
                         >A</TextBlock>
                      </Grid>
                    </Grid>
                  </Button>





                </Border>
                <!--row 7-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5">
                  <Button Width="210"
                          Height="40"
                          Padding="5"
                          Background="Transparent"
                          x:Name="i_mot2"
                          Click="ShowNumberKeyBoard">
                    <Grid RowDefinitions="*">
                      <Grid
                        Grid.Row="0"
                        ColumnDefinitions="*,Auto,Auto">
                        <TextBlock
                          Grid.Column="0"
                          FontSize="22.5"
                          Foreground="#231f20">
                          MAX I-MOT2
                        </TextBlock>
                        <TextBlock
                          Grid.Column="1"
                          FontSize="22.5"
                          Foreground="#af196f"
                          x:Name="i_mot2Value"
                          >3</TextBlock>
                        <TextBlock
                       Grid.Column="2"
                       FontSize="22.5"
                       Foreground="#af196f"
                       >A</TextBlock>
                      </Grid>
                    </Grid>

                  </Button>



                </Border>
                <!--row 8-->
				  <Border
				  Width="210"
				  Height="40"
				  Background="#e6e6e6"
				  CornerRadius="5">



				  </Border>

				  <!--row 9-->
                <Border
                              Width="210"
                              Height="40"
                              Background="#e6e6e6"
                              CornerRadius="5" Padding="5">

                  <Button
                   Padding="0"
                   Grid.Column="0"
                   FontSize="22.5"
                   Foreground="#231f20"
                   HorizontalAlignment="Center"
                   Background="Transparent"
                   Content="TEMPs SETTINGS"
                   Click="showPidPopUp">
                  </Button>
                </Border>

              </StackPanel>

            </Border>
          </StackPanel>

        </Grid>
        <!--col 4-->
        <Grid Grid.Column="3"></Grid>
      </Grid>
    </Border>





    <!-- Overlay Background for Delet Popup -->
    <Border x:Name="innerPidPopupOverlay" Background="#80000000" Grid.RowSpan="3" IsVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ZIndex="99"  PointerPressed="OnIgnoreInnerPidPopupOverlayPointerPressed">
      <!-- Popup User Control -->

      <!-- Module for Name Entry -->
      <Grid  PointerPressed="InnerPopupPointerPressed" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="20" IsVisible="True">
        <Border Background="White" CornerRadius="10" Padding="20" BorderThickness="1"  ZIndex="101" BorderBrush="#CCC">
          <StackPanel Spacing="15">
            <!-- Label for Text Input -->
            <!-- Label -->


            <TextBlock x:Name="header" Tag="0" Text="PID T-1  FACTORS"
                 FontSize="20"
                 FontWeight="Bold"
                 Foreground="#A4275D"
                 Margin="0,0,0,8" />
            <StackPanel Spacing="5">
              <!-- Add button styles at the top of the StackPanel -->
              <StackPanel.Styles>
                <Style Selector="Button.circleButton">
                  <Setter Property="Width" Value="32"/>
                  <Setter Property="Height" Value="32"/>
                  <Setter Property="Background" Value="#E6E6E6"/>
                  <Setter Property="BorderThickness" Value="0"/>
                  <Setter Property="CornerRadius" Value="16"/>
                  <Setter Property="Foreground" Value="#af196f"/>
                  <Setter Property="FontSize" Value="25"/>
                  <Setter Property="FontWeight" Value="Normal"/>
                  <Setter Property="HorizontalContentAlignment" Value="Center"/>
                  <Setter Property="VerticalContentAlignment" Value="Center"/>
                  <Setter Property="Padding" Value="0"/>
                  <Setter Property="Template">
                    <ControlTemplate>
                      <Border Background="{TemplateBinding Background}"
                              BorderBrush="{TemplateBinding BorderBrush}"
                              BorderThickness="{TemplateBinding BorderThickness}"
                              CornerRadius="{TemplateBinding CornerRadius}">
                        <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
                          <TextBlock Text="{TemplateBinding Content}"
                                   HorizontalAlignment="Center"
                                   VerticalAlignment="Center"
                                   FontSize="{TemplateBinding FontSize}"
                                   Foreground="{TemplateBinding Foreground}"
                                   FontWeight="{TemplateBinding FontWeight}"
                                   TextAlignment="Center"
                                   Margin="0,0,0,2"/>
                        </Grid>
                      </Border>
                    </ControlTemplate>
                  </Setter>
                </Style>
              </StackPanel.Styles>

              <!-- KP Control -->
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="KP: " 
                          FontSize="16"
                          FontWeight="Bold"
                          Foreground="#333"
                          Margin="5,0"/>
                <TextBlock FontSize="16" 
                          FontWeight="Bold" 
                          x:Name="kpSliderValue"  
                          Margin="0,0,0,0" 
                          Foreground="Black"
                          MinWidth="30"
                          TextAlignment="Left">0</TextBlock>
              </StackPanel>

              <Grid ColumnDefinitions="Auto,*,Auto" Margin="5,0">
                <Button Grid.Column="0"
                    Content="–"
                    Classes="circleButton"
                    Click="KpMinusClick"
                    x:Name="kpMinusBtn"/>
                
                <Slider Grid.Column="1" 
                    x:Name="kpSlider" 
                    Minimum="0" 
                    Maximum="100"
                    TickFrequency="1"
                    IsSnapToTickEnabled="True"
                    Margin="10,0"
                    ValueChanged="KpSliderValueChanged"/>
                
                <Button Grid.Column="2"
                    Content="+"
                    Classes="circleButton"
                    Click="KpPlusClick"
                    x:Name="kpPlusBtn"/>
              </Grid>

              <!-- KI Control -->
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="KI: " 
                          FontSize="16"
                          FontWeight="Bold"
                          Foreground="#333"
                          Margin="5,0"/>
                <TextBlock FontSize="16" 
                          FontWeight="Bold" 
                          x:Name="kiSliderValue"  
                          Margin="0,0,0,0" 
                          Foreground="Black"
                          MinWidth="30"
                          TextAlignment="Left">0</TextBlock>
              </StackPanel>

              <Grid ColumnDefinitions="Auto,*,Auto" Margin="5,0">
                <Button Grid.Column="0"
                    Content="–"
                    Classes="circleButton"
                    Click="KiMinusClick"
                    x:Name="kiMinusBtn"/>
                
                <Slider Grid.Column="1" 
                    x:Name="kiSlider" 
                    Minimum="0" 
                    Maximum="100"
                    TickFrequency="1"
                    IsSnapToTickEnabled="True"
                    Margin="10,0"
                    ValueChanged="KiSliderValueChanged"/>
                
                <Button Grid.Column="2"
                    Content="+"
                    Classes="circleButton"
                    Click="KiPlusClick"
                    x:Name="kiPlusBtn"/>
              </Grid>

              <!-- KD Control -->
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="KD: " 
                          FontSize="16"
                          FontWeight="Bold"
                          Foreground="#333"
                          Margin="5,0"/>
                <TextBlock FontSize="16" 
                          FontWeight="Bold" 
                          x:Name="kdSliderValue"  
                          Margin="0,0,0,0" 
                          Foreground="Black"
                          MinWidth="30"
                          TextAlignment="Left">0</TextBlock>
              </StackPanel>

              <Grid ColumnDefinitions="Auto,*,Auto" Margin="5,0">
                <Button Grid.Column="0"
                    Content="–"
                    Classes="circleButton"
                    Click="KdMinusClick"
                    x:Name="kdMinusBtn"/>
                
                <Slider Grid.Column="1" 
                    x:Name="kdSlider" 
                    Minimum="0" 
                    Maximum="100"
                    TickFrequency="1"
                    IsSnapToTickEnabled="True"
                    Margin="10,0"
                    ValueChanged="KdSliderValueChanged"/>
                
                <Button Grid.Column="2"
                    Content="+"
                    Classes="circleButton"
                    Click="KdPlusClick"
                    x:Name="kdPlusBtn"/>
              </Grid>

              <!-- KL Control -->
              <StackPanel Orientation="Horizontal">
                <TextBlock Text="KL: " 
                          FontSize="16"
                          FontWeight="Bold"
                          Foreground="#333"
                          Margin="5,0"/>
                <TextBlock FontSize="16" 
                          FontWeight="Bold" 
                          x:Name="klSliderValue"  
                          Margin="0,0,0,0" 
                          Foreground="Black"
                          MinWidth="30"
                          TextAlignment="Left">0</TextBlock>
              </StackPanel>

              <Grid ColumnDefinitions="Auto,*,Auto" Margin="5,0">
                <Button Grid.Column="0"
                    Content="–"
                    Classes="circleButton"
                    Click="KlMinusClick"
                    x:Name="klMinusBtn"/>
                
                <Slider Grid.Column="1" 
                    x:Name="klSlider" 
                    Minimum="0" 
                    Maximum="100"
                    TickFrequency="1"
                    IsSnapToTickEnabled="True"
                    Margin="10,0"
                    ValueChanged="KlSliderValueChanged"/>
                
                <Button Grid.Column="2"
                    Content="+"
                    Classes="circleButton"
                    Click="KlPlusClick"
                    x:Name="klPlusBtn"/>
              </Grid>

              <TextBlock Text="PID Activation Threshold (°C)"
		 FontSize="16"
		 FontWeight="Bold"
		 Foreground="#333"
		 Margin="5,0"
              />
			  <Border  Name="heatConRangeBorder" >
				  <TextBox Name="heatConRange"
						   KeyUp="OnKeyUp"></TextBox>
			  </Border>
			  <TextBlock Text="Fast Cooling Threshold (°C)"
		  FontSize="16"
		  FontWeight="Bold"
		  Foreground="#333"
		  Margin="5,0"
              />
			  <Border  Name="fcThresholdBorder" >
				  <TextBox Name="fcThreshold"
						   KeyUp="OnKeyUp"></TextBox>
			  </Border>
            </StackPanel>





            <!-- Button Panel -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Spacing="10">
              <!-- yes Button -->
              <Button
                x:Name="okBtn"
                      Content="OK"
                      FontSize="16"
                      Padding="10,5"
                      Click="YesBtnClick"
                      Width="75"
                      Foreground="White"
                      HorizontalContentAlignment="Center">
                <Button.Background>
                  <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#A4275D" Offset="0" />
                    <GradientStop Color="#A4275D" Offset="1" />
                  </LinearGradientBrush>
                </Button.Background>
                <Button.Styles>
                  <Style Selector="Button.SpecialButtonStyle:pointerover /template/ContentPresenter">
                    <Setter Property="Background" Value="#A4275D"/>
                    <Setter Property="Foreground" Value="White"/>
                  </Style>
                </Button.Styles>

              </Button>
              <!-- No Button -->
              <Button
                      Content="Cancel"
                      FontSize="16"
                      Padding="10,5"
                      Background="Gray"
                      Foreground="White"
                      Width="75"
                 Click="OnIgnoreInnerPidPopupOverlayPointerPressed">
                <Button.Styles>
                  <Style Selector="Button.SpecialButtonStyle:pointerover /template/ContentPresenter">
                    <Setter Property="Background" Value="Gray"/>
                    <Setter Property="Foreground" Value="White"/>
                  </Style>
                </Button.Styles>
              </Button>
            </StackPanel>
          </StackPanel>
        </Border>
      </Grid>
    </Border>

    <!-- Overlay Background for Delet Popup -->
    <Border x:Name="pidPopupOverlay" Background="#80000000" Grid.RowSpan="3" IsVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ZIndex="99"  PointerPressed="OnIgnorePidPopupOverlayPointerPressed">
      <!-- Popup User Control -->

      <!-- Module for Name Entry -->
      <Grid  PointerPressed="InnerPopupPointerPressed" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="20" IsVisible="True">
        <Border Background="White" CornerRadius="10" Padding="20" BorderThickness="1"  ZIndex="101" BorderBrush="#CCC">
          <StackPanel Spacing="15">
            <!-- Label for Text Input -->
            <!-- Label -->


            <TextBlock x:Name="pidHeader" Text="Choose PID FACTOR"
                 FontSize="20"
                 FontWeight="Bold"
                 Foreground="#A4275D"
                 HorizontalAlignment="Center"
                 Margin="0,0,0,8" />
            <StackPanel Spacing="15">

              <Border
                   Width="210"
                   Height="40"
                   Background="#e6e6e6"
                   CornerRadius="5" Padding="5">

                <Button
                 Padding="0"
                 Grid.Column="0"
                 FontSize="22.5"
                 Foreground="#231f20"
                 HorizontalAlignment="Center"
                 Background="Transparent"
                 Content="T-1 SETTINGS"
                 Tag="1"
                 Click="showInnerPid">
                </Button>
              </Border>
              <Border
                                 Width="210"
                                 Height="40"
                                 Background="#e6e6e6"
                                 CornerRadius="5" Padding="5">

                <Button
                 Padding="0"
                 Grid.Column="0"
                 FontSize="22.5"
                 Foreground="#231f20"
                 HorizontalAlignment="Center"
                 Background="Transparent"
                 Tag="2"
                 Content="T-2 SETTINGS"
                 Click="showInnerPid">
                </Button>
              </Border>
              <Border
                   Width="210"
                   Height="40"
                   Background="#e6e6e6"
                   CornerRadius="5" Padding="5">

                <Button
                 Padding="0"
                 Grid.Column="0"
                 FontSize="22.5"
                 Foreground="#231f20"
                 HorizontalAlignment="Center"
                 Background="Transparent"
                 Tag="3"
                 Content="T-3 SETTINGS"
                 Click="showInnerPid">
                </Button>
                
              </Border>
              <Border
                   Width="210"
                   Height="40"
                   Background="#e6e6e6"
                   CornerRadius="5" Padding="5">

                <Button
                 Padding="0"
                 Grid.Column="0"
                 FontSize="22.5"
                 Foreground="#231f20"
                 HorizontalAlignment="Center"
                 Background="Transparent"
                 Tag="4"
                 Content="T-4 SETTINGS"
                 Click="showInnerPid">
                </Button>
              </Border>
            </StackPanel>





            <!-- Button Panel -->
            
          </StackPanel>
        </Border>
      </Grid>
    </Border>

    
  </Grid>



 
</UserControl>
