<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"
            xmlns:local="clr-namespace:DaireApplication"
x:DataType="local:Software"
              Width="1280" Height="620" Background="#b3b3b3"
             x:Class="DaireApplication.Software"
             >
  <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="*">

    <Grid Grid.Row="0" ColumnDefinitions="Auto,*">
      
      
      <Border Grid.Column="0"  Padding="10">

        
        <StackPanel Spacing="8">

      
          <!--box-->
          <Border Width="222" Height="224" Background="#f9f9f9" CornerRadius="10" Padding="10" ZIndex="100" >
            <StackPanel Spacing="5">
              <TextBlock
            Foreground="#918f90"
            FontSize="20.5" HorizontalAlignment="Center"
            VerticalAlignment="Center">PASSWORDS RESET</TextBlock>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5">
                <Button Background="Transparent"
                        Width="210"
                        Click="showChangePasswordPopUp">
                  <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Classes="user">
                    ADMINISTRATOR
                  </TextBlock>
                </Button>
                
              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5">
                <Button Background="Transparent" Width="210"
               Click="showChangePasswordPopUp">
                  <TextBlock Classes="user"
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center">
                    CHEF
                  </TextBlock>
                </Button>
                
              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5">
                <Button Background="Transparent" Width="210" Click="showChangePasswordPopUp">
                  <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Classes="user">
                    OPERATOR1
                  </TextBlock>
                </Button>
                
              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5">
                <Button Background="Transparent" Width="210" Click="showChangePasswordPopUp">
                  <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Classes="user">
                    OPERATOR2
                  </TextBlock>
                </Button>
              </Border>
            </StackPanel>
          </Border>
          <!--box1 -->

          <Border Width="222" Height="178" Background="#f9f9f9" CornerRadius="10" Padding="10" ZIndex="100">
            <StackPanel Spacing="5">
              <TextBlock
            Foreground="#918f90"
            FontSize="20.5"
            HorizontalAlignment="Center"
            VerticalAlignment="Center">SCREEN SETTINGS</TextBlock>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5" >
                <Button Background="Transparent"
                        Width="210" Height="40" Click="showScreenPopUp" Tag="BRIGHTNESS" >
                  <Grid RowDefinitions="*">
                    <Grid Grid.Row="0" ColumnDefinitions="Auto,*">
                      <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Grid.Column="0">
                        BRIGHTNESS
                      </TextBlock>
                      <StackPanel Grid.Column="1" Orientation="Horizontal"
                                  HorizontalAlignment="Right">
                        <TextBlock
            Foreground="#af196f"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center"
            x:Name="brightnessValue"
          >
                          80
                        </TextBlock>
                        <TextBlock
          Foreground="#af196f"
          FontSize="20.5"
          VerticalAlignment="Center"
        HorizontalAlignment="Center">
                          %
                        </TextBlock>
                      </StackPanel>

                    </Grid>
                  </Grid>

                </Button>
              
              
              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5" >
                <Button Background="Transparent"
                        Width="210"
                        Height="40" Click="showScreenPopUp" Tag="AUTO DIM">
                  <Grid RowDefinitions="*">
                    <Grid Grid.Row="0" ColumnDefinitions="Auto,*">
                      <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Grid.Column="0">
                        AUTO DIM
                      </TextBlock>
                      <StackPanel Grid.Column="1" Orientation="Horizontal"
                                  Spacing="5" HorizontalAlignment="Right">
                        <TextBlock
            Foreground="#af196f"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center"
            x:Name="dimValue"
          >
                          60
                        </TextBlock>
                        <TextBlock
          Foreground="#af196f"
          FontSize="20.5"
          VerticalAlignment="Center"
        HorizontalAlignment="Center">
                          Min
                        </TextBlock>
                      </StackPanel>

                    </Grid>
                  </Grid>

                </Button>


              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5"  >
                <Button Background="Transparent"
                        Width="210"
                        Height="40" Click="showScreenPopUp" Tag="AUTO OFF">
                  <Grid RowDefinitions="*">
                    <Grid Grid.Row="0" ColumnDefinitions="Auto,*">
                      <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" Grid.Column="0">
                        AUTO OFF
                      </TextBlock>
                      <StackPanel Grid.Column="1" Orientation="Horizontal"
                       Spacing="5"     HorizontalAlignment="Right">
                        <TextBlock
            Foreground="#af196f"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center"
            x:Name="offValue"
          >
                          90
                        </TextBlock>
                        <TextBlock
          Foreground="#af196f"
          FontSize="20.5"
          VerticalAlignment="Center"
        HorizontalAlignment="Center">
                          Min
                        </TextBlock>
                      </StackPanel>

                    </Grid>
                  </Grid>

                </Button>


              </Border>
            </StackPanel>
          </Border>

          <!--box-->

          <Border Width="222" Height="178" Background="#f9f9f9" CornerRadius="10" Padding="10" >
            <StackPanel Spacing="5">
              <TextBlock
            Foreground="#918f90"
            FontSize="20.5"
            HorizontalAlignment="Center"
            VerticalAlignment="Center">COM SETTINGS</TextBlock>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5" Padding="0" >
                <Grid RowDefinitions="*">
                  <Grid Grid.Row="0" ColumnDefinitions="Auto,*">
                    <ComboBox x:Name="portComboBox"
              Margin="0"
              Classes="noArrow"
              SelectedIndex="0"
              SelectedItem="{Binding SelectedPort}"
              ItemsSource="{Binding SerialPorts, Mode=OneWay}"
                              SelectionChanged="portChanged" >
                    </ComboBox>
                    <StackPanel Grid.Column="1" Orientation="Horizontal"
                                HorizontalAlignment="Right">
                      
                    </StackPanel>

                  </Grid>
                </Grid>


              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5" Padding="0" >
                <Button Background="Transparent"
                   Width="210"
                   Click="showComPopUp">
                  <TextBlock
            Foreground="#231f20"
            FontSize="20.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" >
                    COM Settings
                  </TextBlock>
                </Button>
              </Border>
              <!--row-->
              <Border Width="210" Height="40" Background="#e6e6e6" CornerRadius="5" Padding="0" >
                <Button Background="Transparent"
                   Width="210"
                   Click="ShowTempPopUp">
                  <TextBlock
            Foreground="#231f20"
            FontSize="18.5"
            VerticalAlignment="Center"
          HorizontalAlignment="Center" >
                    Temperature Settings
                  </TextBlock>
                </Button>
              </Border>
            </StackPanel>
          </Border>
        </StackPanel>
       

      </Border>
      <Grid Grid.Column="1"></Grid>
    </Grid>


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

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

        
            <TextBlock x:Name="titelMsg" Text="New Addministrator Password:"
                FontSize="18"
                FontWeight="Bold"
                Foreground="#333"
                Margin="0,0,0,8"  />

            <Border Name="passwordBorder">
              <TextBox x:Name="passwordInput"
                Width="300"
                Height="30"
                BorderBrush="#CCC"
                BorderThickness="1"
                MaxLength="9"
                Tag="password"
                    
                     ></TextBox>
          
            </Border>
       
              <!-- Local styles for this specific TextBox -->
             
            <CheckBox x:Name="isActivePass" Content="Enable/Disable" Foreground="Black">
              <CheckBox.Styles>
                <Style Selector="CheckBox">
                  <Setter Property="Foreground" Value="Black"/>
                  <Setter Property="Background" Value="White"/>
                  <Setter Property="BorderBrush" Value="Black"/>
                  <Setter Property="BorderThickness" Value="1"/>
                  <Setter Property="Padding" Value="5"/>
                  <Setter Property="FontSize" Value="14"/>
                </Style>

                <Style Selector="CheckBox:checked">
                  <Setter Property="Foreground" Value="Teal"/>
                </Style>
              </CheckBox.Styles>
            </CheckBox>
            <!-- Button Panel -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Spacing="10">
              <!-- Save Button -->
              <Button x:Name="SaveButton"
                      Content="OK"
                      FontSize="16"
                      Padding="10,5"
                      Click="passwordSaveClick"
                      Foreground="White" >
                <Button.Background>
                  <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#A4275D" Offset="0" />
                    <GradientStop Color="#A4275D" Offset="1" />
                  </LinearGradientBrush>
                </Button.Background>
                <Button.Effect>

                </Button.Effect>
              </Button>
              <!-- Cancel Button -->
              <Button x:Name="CancelButton"
                      Content="Cancel"
                      FontSize="16"
                      Padding="10,5"
                      Background="Gray"
                      Foreground="White"
                      Click="hidePasswordPopUp"
                 
                      >
                <Button.Effect>

                </Button.Effect>
              </Button>
            </StackPanel>
          </StackPanel>
        </Border>
      </Grid>
    </Border>

    <!-- Overlay Background for Add Popup -->
    <Border x:Name="secreenPopupOverlay" Background="#80000000" Grid.RowSpan="3" IsVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  PointerPressed="hideScreenPopUp">
      <!-- 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="titelSecreenMsg" Text="Enter Brightness percentage:"
                FontSize="18"
                FontWeight="Bold"
                Foreground="#333"
                Margin="0,0,0,8"  />

          
            <TextBlock x:Name="sliderValue"  Margin="0,10,0,0" Foreground="Black">0</TextBlock>
            <Slider x:Name="slider" Minimum="0" Maximum="120"
                TickFrequency="1"
                IsSnapToTickEnabled="True"
                    Background="Black"
                    ValueChanged="OnSliderValueChanged"/>

            <!-- Button Panel -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Spacing="10">
              <!-- Save Button -->
              <Button x:Name="secreenSaveButton"
                      Content="OK"
                      FontSize="16"
                      Padding="10,5"
                      Click="screenSaveClick"
                      Foreground="White" >
                <Button.Background>
                  <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#A4275D" Offset="0" />
                    <GradientStop Color="#A4275D" Offset="1" />
                  </LinearGradientBrush>
                </Button.Background>
                <Button.Effect>

                </Button.Effect>
              </Button>
              <!-- Cancel Button -->
              <Button x:Name="CancelScreenButton"
                      Content="Cancel"
                      FontSize="16"
                      Padding="10,5"
                      Background="Gray"
                      Foreground="White"
                      Click="hideScreenPopUp"
                 
                      >
                <Button.Effect>

                </Button.Effect>
              </Button>
            </StackPanel>
          </StackPanel>
        </Border>
      </Grid>
    </Border>
    <!-- Overlay Background for Com Settings Popup -->
    <Border x:Name="comPopupOverlay" Background="#80000000" Grid.RowSpan="3" IsVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  PointerPressed="hideComPopUp">
      <!-- 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 Text="Com Settings"
                FontSize="18"
                FontWeight="Bold"
                Foreground="#333"
                Margin="0,0,0,8"  />
            <StackPanel>
              <StackPanel Orientation="Horizontal">
                <TextBlock  Margin="0,0,5,0" Foreground="Black">Bound Rate:</TextBlock>
  
              </StackPanel>

              <ComboBox
                 x:Name="boundRateComboBox"
                        
               Margin="0"
                         HorizontalAlignment="Center"
               Classes="noArrow"
               SelectedIndex="0"
              >
                <ComboBoxItem Tag="0" Content="9600"/>
                <ComboBoxItem Tag="1" Content="14400"/>
                <ComboBoxItem Tag="2" Content="19200"/>
                <ComboBoxItem Tag="3" Content="28800"/>
                <ComboBoxItem Tag="4" Content="38400"/>
                <ComboBoxItem Tag="5" Content="57600"/>
                <ComboBoxItem Tag="6" Content="115200"/>
              </ComboBox>
   
              

            </StackPanel>
            <StackPanel>
              <TextBlock Foreground="Black" Margin="0,0,0,5">Stop Bits:</TextBlock>
              <ComboBox
                x:Name="stopBitsComboBox"
                        
              Margin="0"
                        HorizontalAlignment="Center"
              Classes="noArrow"
              SelectedIndex="0"
              >
                <ComboBoxItem Tag="0" Content="0"/>
                <ComboBoxItem Tag="1" Content="1"/>
                <ComboBoxItem Tag="2" Content="2"/>
                <ComboBoxItem Tag="3" Content="1.5"/>
              </ComboBox>

            </StackPanel>


            <StackPanel>
              <TextBlock Foreground="Black" Margin="0,0,0,5">Parity:</TextBlock>
              <ComboBox 
                x:Name="parityComboBox"
                        
              Margin="0"
                        HorizontalAlignment="Center"
              Classes="noArrow"
              SelectedIndex="0"
              >
                <ComboBoxItem Tag="0" Content="NONE"/>
                <ComboBoxItem Tag="1" Content="ODD"/>
                <ComboBoxItem Tag="2" Content="EVEN"/>
                <ComboBoxItem Tag="4" Content="SPACE"/>
                <ComboBoxItem Tag="3" Content="MARK"/>
              </ComboBox>

            </StackPanel>
            <StackPanel>
              <TextBlock Foreground="Black" Margin="0,0,0,5">Packets Sending Intervals :</TextBlock>
              <TextBox x:Name="sendingTimetxt"
                     BorderBrush="#CCC"
                     BorderThickness="1"
                     GotFocus="ShowNumberKeyBoard"
                     MaxLength="9"
                     ></TextBox>



            </StackPanel>


            <!-- Button Panel -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Spacing="10">
              <!-- Save Button -->
              <Button x:Name="comSaveButton"
                      Content="OK"
                      FontSize="16"
                      Padding="10,5"
                      Click="comSaveClick"
                      Foreground="White" >
                <Button.Background>
                  <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#A4275D" Offset="0" />
                    <GradientStop Color="#A4275D" Offset="1" />
                  </LinearGradientBrush>
                </Button.Background>
                <Button.Effect>

                </Button.Effect>
              </Button>
              <!-- Cancel Button -->
              <Button x:Name="CancelComButton"
                      Content="Cancel"
                      FontSize="16"
                      Padding="10,5"
                      Background="Gray"
                      Foreground="White"
                      Click="hideComPopUp"
                 
                      >
                <Button.Effect>

                </Button.Effect>
              </Button>
            </StackPanel>
          </StackPanel>
        </Border>
      </Grid>
    </Border>
    <!-- Overlay Background for Com Settings Popup -->
    <Border x:Name="tempPopupOverlay" Background="#80000000" Grid.RowSpan="3" IsVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  PointerPressed="hideTempPopUp">
      <!-- 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 -->

            <StackPanel Spacing="10">
              <TextBlock Foreground="Black" Margin="0,0,0,5">Warning Limit :</TextBlock>

              <Border x:Name="warningBorder">
                <TextBox x:Name="warningLimit"
                     BorderBrush="#CCC"
                     BorderThickness="1"
                     MaxLength="9"
                     ></TextBox>
              </Border>


              <TextBlock Foreground="Black" Margin="0,0,0,5">Error Limit :</TextBlock>

              <Border x:Name="errorBorder">
                <TextBox x:Name="errorLimit"
                      BorderBrush="#CCC"
                      BorderThickness="1"
                      MaxLength="9"
                     ></TextBox>
              </Border>
             


            </StackPanel>


            <!-- Button Panel -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Spacing="10">
              <!-- Save Button -->
              <Button x:Name="tempSaveButton"
                      Content="OK"
                      FontSize="16"
                      Padding="10,5"
                      Click="tempSaveBtn"
                      Foreground="White" >
                <Button.Background>
                  <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#A4275D" Offset="0" />
                    <GradientStop Color="#A4275D" Offset="1" />
                  </LinearGradientBrush>
                </Button.Background>
                <Button.Effect>

                </Button.Effect>
              </Button>
              <!-- Cancel Button -->
              <Button x:Name="CancelTempButton"
                      Content="Cancel"
                      FontSize="16"
                      Padding="10,5"
                      Background="Gray"
                      Foreground="White"
                      Click="hideTempPopUp"
                 
                      >
                <Button.Effect>

                </Button.Effect>
              </Button>
            </StackPanel>
          </StackPanel>
        </Border>
      </Grid>
    </Border>

    <!--number keyBoard-->
    <Border x:Name="keyBoardPopup"
         Background="#80000000"
         HorizontalAlignment="Stretch"
         VerticalAlignment="Stretch"
         IsVisible="False"
         ZIndex="50"
         PointerPressed="OnPopupOverlayPointerPressed">
      <Grid MaxWidth="500" MaxHeight="500" HorizontalAlignment="Right" VerticalAlignment="Center"
            Margin="0,0,150,0">
        <Border x:Name="PopupControl"
                BorderThickness="2"
                CornerRadius="10"
                Padding="10"
                PointerPressed="OnPopupOverlayPointerPressed">
          <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*"/>
                </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="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>
  </Grid>
</UserControl>
