<UserControl x:Class="Tango.PPC.Technician.Controls.DispenserController"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:local="clr-namespace:Tango.PPC.Technician.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="150" d:DesignWidth="800" x:Name="control">
    <Grid>
        <Border CornerRadius="5" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderBrush="{StaticResource TangoLightBorderBrush}" BorderThickness="1">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="41*"/>
                    <RowDefinition Height="66*"/>
                    <RowDefinition Height="41*"/>
                </Grid.RowDefinitions>

                <Border Grid.Row="1">
                    <DockPanel Margin="40 0 0 0">
                        <Grid HorizontalAlignment="Left">
                            <Ellipse Stroke="{StaticResource TangoGrayBrush}" StrokeThickness="3"></Ellipse>
                            <touch:TouchBusyIndicator Minimum="0" Maximum="100" Value="0" IsIndeterminate="{Binding ElementName=control,Path=IsBusy}" Width="Auto" Height="Auto">

                            </touch:TouchBusyIndicator>
                            <touch:TouchIconButton x:Name="btnStop" Click="btnStop_Click" IsEnabled="{Binding ElementName=control,Path=IsBusy}" HorizontalAlignment="Left" Padding="20">
                                <touch:TouchIconButton.Style>
                                    <Style TargetType="touch:TouchIconButton" BasedOn="{StaticResource {x:Type touch:TouchIconButton}}">
                                        <Setter Property="Icon" Value="Cogs"></Setter>
                                        <Setter Property="Foreground" Value="{StaticResource TangoGrayTextBrush}"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding ElementName=control,Path=IsBusy}" Value="True">
                                                <Setter Property="Icon" Value="Stop"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </touch:TouchIconButton.Style>
                            </touch:TouchIconButton>
                        </Grid>

                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="20 0 0 0" TextElement.FontSize="{StaticResource TangoTitleFontSize}">
                            <TextBlock Width="245">
                            <Run Text="Dispenser:"></Run>
                            <Run FontWeight="SemiBold" Text="{Binding ElementName=control,Path=IdsPack.LiquidType.Name,FallbackValue='Unknown'}"></Run>
                            </TextBlock>

                            <TextBlock Margin="40 0 0 0">
                            <Run Text="Index:"></Run>
                            <Run FontWeight="SemiBold" Text="{Binding ElementName=control,Path=IdsPack.PackIndex,FallbackValue='1',Converter={StaticResource MathOperatorConverter},ConverterParameter='+1'}"></Run>
                            </TextBlock>

                            <TextBlock Margin="40 0 0 0" Foreground="{StaticResource TangoPrimaryAccentBrush}" FontStyle="Italic">
                                <TextBlock.Style>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Text" Value="Ready"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding ElementName=control,Path=IsHoming}" Value="True">
                                                <Setter Property="Text" Value="Homing..."></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding ElementName=control,Path=IsPriming}" Value="True">
                                                <Setter Property="Text" Value="Priming..."></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </TextBlock.Style>
                            </TextBlock>
                        </StackPanel>


                        <touch:TouchNumericTextBox Foreground="{StaticResource TangoPrimaryAccentBrush}" x:Name="numSpeed" VerticalContentAlignment="Center" Minimum="1" Maximum="10000" Value="1000" HorizontalContentAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}" DockPanel.Dock="Right" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="20 0 20 0"></touch:TouchNumericTextBox>
                        <Rectangle DockPanel.Dock="Right" HorizontalAlignment="Right" Stroke="{StaticResource TangoDividerBrush}"></Rectangle>
                    </DockPanel>
                </Border>

                <touch:TouchIconButton x:Name="btnPriming" Click="btnPriming_Click" IsEnabled="{Binding ElementName=control,Path=IsBusy,Converter={StaticResource BooleanInverseConverter}}" HorizontalAlignment="Left" Margin="54 0 0 0" Icon="ChevronUpSolid">
                    <touch:TouchIconButton.Style>
                        <Style TargetType="touch:TouchIconButton" BasedOn="{StaticResource {x:Type touch:TouchIconButton}}">
                            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                        </Style>
                    </touch:TouchIconButton.Style>
                </touch:TouchIconButton>

                <touch:TouchIconButton x:Name="btnHoming" Click="btnHoming_Click" IsEnabled="{Binding ElementName=control,Path=IsBusy,Converter={StaticResource BooleanInverseConverter}}" Grid.Row="2" HorizontalAlignment="Left" Margin="54 0 0 0" Icon="ChevronDownSolid">
                    <touch:TouchIconButton.Style>
                        <Style TargetType="touch:TouchIconButton" BasedOn="{StaticResource {x:Type touch:TouchIconButton}}">
                            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                        </Style>
                    </touch:TouchIconButton.Style>
                </touch:TouchIconButton>
            </Grid>
        </Border>
    </Grid>
</UserControl>