<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"
             Width="1280"
             Height="620"
       Background="#B3B3B3"
             x:Class="DaireApplication.ManualControl">
	<Grid RowDefinitions="*">
		<Grid Grid.Row="0" ColumnDefinitions="*,Auto,*">
			<Grid Grid.Column="0"  RowDefinitions="2*,0.9*,2*" Margin="0,0,-100,0">
				<!--1st box-->
				<StackPanel Grid.Row="0"  HorizontalAlignment="Right" VerticalAlignment="Center">
					<Border
				Width="290"
				Height="150"
				Background="#f9f9f9"
				CornerRadius="10"
				Padding="5,10">
						<StackPanel Spacing="5">
							<TextBlock
								FontSize="15"
								HorizontalAlignment="Center"
								Foreground="#ff0000"
								FontWeight="Medium">HELIX HEATING CONTROL</TextBlock>
							<!--Temp Control-->
							<StackPanel Orientation="Horizontal" Spacing="5">
								<Border
									Width="100"
									Height="63"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5"
									Tag="t3"
									PointerPressed="ShowNumberKeyBoard">
									<StackPanel Spacing="7">
										<TextBlock
											FontSize="15"
											HorizontalAlignment="Center"
											Foreground="#666666">SET TEMP.</TextBlock>
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
											<TextBlock
												x:Name="setHelixText"
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#af196f">+0</TextBlock>
											<TextBlock
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#af196f">°C</TextBlock>
										</StackPanel>

									</StackPanel>
								</Border>
								<Border
									Width="100"
									Height="63"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5">
									<StackPanel Spacing="7">
										<TextBlock
											FontSize="15"
											HorizontalAlignment="Center"
											Foreground="#666666">REAL TEMP.</TextBlock>
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
											<TextBlock
												x:Name="pumbRealTemp"
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#000000">
												0
											</TextBlock>
											<TextBlock
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#000000">°C</TextBlock>
										</StackPanel>

									</StackPanel>
								</Border>
								<StackPanel Spacing="3">
									<Border Width="70"
											Height="30"
											Background="#e6e6e6"
											CornerRadius="5"
											Padding="5">
										<StackPanel Spacing="9">
											<TextBlock FontSize="15"
												   HorizontalAlignment="Center"
												   Foreground="#231f20">AUTO</TextBlock>
											<!-- Underline -->
											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
										</StackPanel>

									</Border>
									<Border Width="70"
											Height="30"
											Background="#e6e6e6"
											CornerRadius="5"
											Padding="5">
										<StackPanel Spacing="9">
											<TextBlock FontSize="15"
												   HorizontalAlignment="Center"
												   Foreground="#231f20">ON/OFF</TextBlock>
											<!-- Underline -->
											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
										</StackPanel>

									</Border>
								</StackPanel>
							</StackPanel>
							<Border Width="276"
									Height="40"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5">
								<StackPanel Spacing="13">
									<TextBlock
							FontSize="19"
							Foreground="#231f20"
							HorizontalAlignment="Center">HELIX MOTOR ON / OFF</TextBlock>
									<!-- Underline -->
									<Rectangle Fill="#666666" Height="5" Width="265" Margin="0,-15,0,0"></Rectangle>
								</StackPanel>

							</Border>
						</StackPanel>
					</Border>
				</StackPanel>
				<!--2ed box-->
				<StackPanel Grid.Row="1" HorizontalAlignment="Right" >
					<Border
				Width="290"
				Height="55"
				Background="#f9f9f9"
				CornerRadius="10"
				Padding="5">
						<StackPanel>
							<TextBlock FontSize="15"
									   Foreground="#800000"
									   HorizontalAlignment="Center"
									   FontWeight="Medium">TANK WALL TEMPERETURE</TextBlock>
							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
								<TextBlock
									x:Name="tankWallRealTemp"
									FontSize="23"
										   FontWeight="DemiBold"
									   Foreground="#333333"
								   >0</TextBlock>
								<TextBlock FontSize="23"
										   FontWeight="DemiBold"
									   Foreground="#333333"
								   >°C</TextBlock>
							</StackPanel>

						</StackPanel>

					</Border>
				</StackPanel>
				<!--3rd box-->
				<StackPanel Grid.Row="2"  HorizontalAlignment="Right" >
					<Border
				Width="290"
				Height="150"
				Background="#f9f9f9"
				CornerRadius="10"
				Padding="5,10">
						<StackPanel Spacing="5">
							<TextBlock
								FontSize="15"
								HorizontalAlignment="Center"
								Foreground="#ff0000"
								FontWeight="Medium">TANK HEATING CONTROL</TextBlock>
							<!--Temp Control-->
							<StackPanel Orientation="Horizontal" Spacing="5">
								<Border
									Width="100"
									Height="63"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5"
									Tag="t1"
									PointerPressed="ShowNumberKeyBoard">
									<StackPanel Spacing="7">
										<TextBlock
											FontSize="15"
											HorizontalAlignment="Center"
											Foreground="#666666">SET TEMP.</TextBlock>
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
											<TextBlock
												
												x:Name="setTankBtmText"
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#af196f">+0</TextBlock>
											<TextBlock
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#af196f">°C</TextBlock>
										</StackPanel>

									</StackPanel>
								</Border>
								<Border
									Width="100"
									Height="63"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5">
									<StackPanel Spacing="7">
										<TextBlock
											FontSize="15"
											HorizontalAlignment="Center"
											Foreground="#666666">REAL TEMP.</TextBlock>
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
											<TextBlock
												x:Name="tankBtmRealTemp"
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#000000">0</TextBlock>
											<TextBlock
											FontSize="23.5"
											HorizontalAlignment="Center"
											Foreground="#000000">°C</TextBlock>
										</StackPanel>

									</StackPanel>
								</Border>
								<StackPanel Spacing="3">
									<Border Width="70"
											Height="30"
											Background="#e6e6e6"
											CornerRadius="5"
											Padding="5">
										<StackPanel Spacing="9">
											<TextBlock FontSize="15"
												   HorizontalAlignment="Center"
												   Foreground="#231f20">AUTO</TextBlock>
											<!-- Underline -->
											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
										</StackPanel>

									</Border>
									<Border Width="70"
											Height="30"
											Background="#e6e6e6"
											CornerRadius="5"
											Padding="5">
										<StackPanel Spacing="9">
											<TextBlock FontSize="15"
												   HorizontalAlignment="Center"
												   Foreground="#231f20">ON/OFF</TextBlock>
											<!-- Underline -->
											<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
										</StackPanel>

									</Border>
								</StackPanel>
							</StackPanel>
							<Border Width="276"
									Height="40"
									Background="#e6e6e6"
									CornerRadius="5"
									Padding="5">
								<StackPanel Spacing="13">
									<TextBlock
							FontSize="19"
							Foreground="#231f20"
							HorizontalAlignment="Center">HELIX MOTOR ON / OFF</TextBlock>
									<!-- Underline -->
									<Rectangle Fill="#666666" Height="5" Width="265" Margin="0,-15,0,0"></Rectangle>
								</StackPanel>

							</Border>
						</StackPanel>
					</Border>
				</StackPanel>
			</Grid>
			<Grid Grid.Column="1" Height="596" Width="484">


				<Grid.Background >
					<ImageBrush  Source="/Assets/ManualControlMachine.png" />
				</Grid.Background>
			</Grid>
			<Grid Grid.Column="2" RowDefinitions="*,0*,*,*"  HorizontalAlignment="Left">
				<Border Width="290"
						Height="103"
						Background="#f9f9f9"
						CornerRadius="10"
						HorizontalAlignment="Left"
						Margin="-140,0,0,0"
						Padding="5">
					<StackPanel>
						<TextBlock FontSize="15"
								   Foreground="#0000ff"
								   FontWeight="Medium"
								   HorizontalAlignment="Center">CHOCOLATE COOLING CONTROL</TextBlock>
						<StackPanel Orientation="Horizontal" Spacing="5">
							<Border
						Width="100"
						Height="63"
						Background="#e6e6e6"
						CornerRadius="5"
						Padding="5"
						Tag="t4"
						PointerPressed="ShowNumberKeyBoard">
								<StackPanel Spacing="7">
									<TextBlock
										FontSize="15"
										HorizontalAlignment="Center"
										Foreground="#666666">SET TEMP.</TextBlock>
									<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
										<TextBlock
												x:Name="setChocolateText"
											
										FontSize="23.5"
										HorizontalAlignment="Center"
										Foreground="#af196f">+0</TextBlock>
										<TextBlock
										FontSize="23.5"
										HorizontalAlignment="Center"
										Foreground="#af196f">°C</TextBlock>
									</StackPanel>

								</StackPanel>
							</Border>
							<Border
								Width="100"
								Height="63"
								Background="#e6e6e6"
								CornerRadius="5"
								Padding="5">
								<StackPanel Spacing="7">
									<TextBlock
										FontSize="15"
										HorizontalAlignment="Center"
										Foreground="#666666">REAL TEMP.</TextBlock>
									<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
										<TextBlock
											x:Name="ChocolateRealTemp"
											
										FontSize="23.5"
										HorizontalAlignment="Center"
										Foreground="#000000">0</TextBlock>
										<TextBlock
										FontSize="23.5"
										HorizontalAlignment="Center"
										Foreground="#000000">°C</TextBlock>
									</StackPanel>

								</StackPanel>
							</Border>
							<StackPanel Spacing="3">
								<Border Width="70"
										Height="30"
										Background="#e6e6e6"
										CornerRadius="5"
										Padding="5">
									<StackPanel Spacing="9">
										<TextBlock FontSize="15"
											   HorizontalAlignment="Center"
											   Foreground="#231f20">AUTO</TextBlock>
										<!-- Underline -->
										<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
									</StackPanel>

								</Border>
								<Border Width="70"
										Height="30"
										Background="#e6e6e6"
										CornerRadius="5"
										Padding="5">
									<StackPanel Spacing="9">
										<TextBlock FontSize="15"
											   HorizontalAlignment="Center"
											   Foreground="#231f20">ON/OFF</TextBlock>
										<!-- Underline -->
										<Rectangle Fill="#666666" Height="5" Width="60" Margin="0,-15,0,0"></Rectangle>
									</StackPanel>

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

				</Border>
				<Border Width="150"
						Height="90"
						Background="#f9f9f9"
						Grid.Row="1" CornerRadius="10"
						Padding="5"
						PointerPressed="ToggleMoldHeaterClick"
					>
					<StackPanel>
						<TextBlock FontSize="15"
								   Foreground="#666666"
								   HorizontalAlignment="Center">MOLD HEATER</TextBlock>
						<TextBlock x:Name="MoldHeaterStatus" FontSize="47"
						   Foreground="#231f20"
						   HorizontalAlignment="Center">OFF</TextBlock>
						<!-- Underline -->
						<Rectangle x:Name="MoldHeaterUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
					</StackPanel>
				</Border>
				<Border Width="150"
					Height="90"
					Background="#f9f9f9"
					Grid.Row="2" CornerRadius="10"
						Padding="5"
						PointerPressed="ToggleVibrationClick"
					>
					<StackPanel>
						<TextBlock FontSize="15"
								   Foreground="#666666"
								   HorizontalAlignment="Center">VIBRATION</TextBlock>
						<TextBlock x:Name="VibrationStatus" FontSize="47"
						   Foreground="#231f20"
						   HorizontalAlignment="Center">OFF</TextBlock>
						<!-- Underline -->
						<Rectangle x:Name="VibrationUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
					</StackPanel>
				</Border>
				<Border Width="150"
					Height="90"
					Background="#f9f9f9"
					Grid.Row="3" CornerRadius="10"
						VerticalAlignment="Top"
						Margin="0,-20,0,0"
						Padding="5"
						PointerPressed="ToggleVibHeaterClick"
					>
					<StackPanel>
						<TextBlock FontSize="15"
								   Foreground="#666666"
								   HorizontalAlignment="Center">VIB. HEATER</TextBlock>
						<TextBlock x:Name="VibHeaterStatus" FontSize="47"
						   Foreground="#231f20"
						   HorizontalAlignment="Center">OFF</TextBlock>
						<!-- Underline -->
						<Rectangle x:Name="VibHeaterUnderline" Fill="#666666" Height="5" Width="110" Margin="0,-10,0,0"></Rectangle>
					</StackPanel>
				</Border>
			</Grid>



		</Grid>
		<!--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,0,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="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 x:Name="enterBtn" Content="ENTER" Grid.Row="3" Grid.Column="2" FontSize="20" Background="#A4275D" Foreground="White" Margin="5" Click="EnterClick"/>
								<Button Content="-" Grid.Row="3" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
										 Margin="5" Click="OnKeyClick"/>
								<Button Content="+" Grid.Row="2" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
										 Margin="5" Click="OnKeyClick"/>
								<Button Content="." Grid.Row="1" Grid.Column="3" FontSize="50" Background="White" Foreground="Black"
										Margin="5" Click="OnKeyClick"/>
							</Grid>
						</Grid>
					</StackPanel>
				</Border>
			</Grid>
		</Border>

		</Grid>

	


</UserControl>
