<UserControl x:Class="Tango.PPC.UI.Dialogs.ThreadBreakView"
             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:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:commonControls="clr-namespace:Tango.PPC.Common.Controls;assembly=Tango.PPC.Common"
             xmlns:local="clr-namespace:Tango.PPC.UI.Dialogs"
             mc:Ignorable="d" 
             Background="{StaticResource TangoPrimaryBackgroundBrush}"  d:DesignHeight="555" d:DesignWidth="560" Width="700" Height="1150" d:DataContext="{d:DesignInstance Type=local:ThreadBreakViewVM, IsDesignTimeCreatable=False}">
    <Grid>
        <DockPanel>
            <StackPanel DockPanel.Dock="Top" Margin="0 30 0 0">
                <Image HorizontalAlignment="Center"  Source="/Images/thread_loading.png" Stretch="None"></Image>
                <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoHeaderFontSize}" Margin="0 30 0 0">Thread Loading Wizard</TextBlock>
            </StackPanel>

            <StackPanel Margin="10 0 0 0" Orientation="Horizontal" DockPanel.Dock="Bottom">
                <touch:TouchButton Command="{Binding BackCommand}">
                    <touch:TouchButton.Style>
                        <Style TargetType="touch:TouchButton" BasedOn="{StaticResource TangoFlatButton}">
                            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                            <Style.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter Property="Foreground" Value="{StaticResource TangoGrayBrush}"></Setter>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </touch:TouchButton.Style>
                    <StackPanel>
                        <touch:TouchIcon Icon="ArrowLeft" Width="24" Height="24" />
                        <TextBlock Margin="0 5 0 0" HorizontalAlignment="Center">Back</TextBlock>
                    </StackPanel>
                </touch:TouchButton>
            </StackPanel>

            <Grid Margin="0 20 0 0">
                <controls:NavigationControl Margin="0 5 0 0" SelectedObject="{Binding Stage}" TransitionType="Slide" TransitionAlwaysFades="False" TransitionDuration="00:00:0.1" SelectedIndex="0">

                    <!--Guiding Units-->
                    <Grid controls:NavigationControl.NavigationName="GuidingUnits" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="2" DockPanel.Dock="Bottom" Height="55">
                                <!--<touch:TouchButton Style="{StaticResource TangoHollowButton}" Padding="30 0" HorizontalAlignment="Left" Command="{Binding GuidingUnitsFoundCantFixCommand}">Found But Can't Fix</touch:TouchButton>-->
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Left" Command="{Binding GuidingUnitsFoundAndFixedCommand}">Fixed</touch:TouchButton>
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Right" Command="{Binding GuidingUnitsCantFindItCommand}">Not Fixed</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        <Run FontWeight="Bold">Check the guide units</Run>
                                        <Run>on each side of the system and, if possible, fix or tie the thread</Run>
                                    </TextBlock>
                                </StackPanel>

                                <commonControls:ImageGalleryControl Duration="00:00:03">
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/GuidingUnits/1.jpg"></Image>
                                </commonControls:ImageGalleryControl>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Feeding Units-->
                    <Grid controls:NavigationControl.NavigationName="FeedingUnits" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="2" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Left" Command="{Binding FeedingUnitsFoundAndFixedCommand}">Fixed</touch:TouchButton>
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Right" Command="{Binding FeedingUnitsCantFixCommand}">Not Fixed</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        <Run FontWeight="Bold">Open the covers, check the thread route</Run>
                                        <Run>and, if possible, fix or tie the thread</Run>
                                    </TextBlock>
                                </StackPanel>

                                <Grid>
                                    <Grid Visibility="{Binding IsArcHead,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                        <commonControls:ImageGalleryControl Duration="00:00:03">
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/1.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/2.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/3.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/4.jpg"></Image>
                                        </commonControls:ImageGalleryControl>
                                    </Grid>

                                    <Grid Visibility="{Binding IsArcHead,Converter={StaticResource BooleanToVisibilityConverter}}">
                                        <commonControls:ImageGalleryControl Duration="00:00:03">
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/arc/1.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/arc/2.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/arc/3.jpg"></Image>
                                            <Image Stretch="Uniform" Source="/Images/ThreadLoading/FeedingUnits/arc/4.jpg"></Image>
                                        </commonControls:ImageGalleryControl>
                                    </Grid>
                                </Grid>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--The Dryer-->
                    <Grid controls:NavigationControl.NavigationName="TheDryer" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="2" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Left" Command="{Binding TheDryerRemovedSuccessfullyCommand}">Removed Successfully</touch:TouchButton>
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Right" Command="{Binding TheDryerCantRemoveCommand}">Can't Remove</touch:TouchButton>
                            </UniformGrid>
                            <StackPanel DockPanel.Dock="Bottom" TextElement.Foreground="{StaticResource TangoErrorBrush}" Margin="50 20">
                                <DockPanel HorizontalAlignment="Center">
                                    <touch:TouchIcon Icon="Alert" Foreground="{StaticResource TangoErrorBrush}" />
                                    <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoButtonFontSize}">CAUTION: HOT SURFACE!</TextBlock>
                                </DockPanel>
                                <TextBlock Margin="0 5 0 0" Foreground="{StaticResource TangoErrorBrush}" TextWrapping="Wrap" TextAlignment="Center">
                                    ALLOW THE SURFACE TO COOL AND/OR WEAR SAFETY GLOVES
                                </TextBlock>
                            </StackPanel>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        <Run FontWeight="Bold">Open the dryer, cut the thread and remove any residual thread</Run>
                                    </TextBlock>
                                </StackPanel>

                                <commonControls:ImageGalleryControl Duration="00:00:03">
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/TheDryer/1.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/TheDryer/2.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/TheDryer/3.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/TheDryer/4.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/TheDryer/5.jpg"></Image>
                                </commonControls:ImageGalleryControl>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Dryer Close-->
                    <Grid controls:NavigationControl.NavigationName="DryerClose" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="300" HorizontalAlignment="Center" Command="{Binding OpenThreadLoadingWizardCommand}">Continue Thread Loading</touch:TouchButton>
                            </UniformGrid>
                            <TextBlock DockPanel.Dock="Bottom" TextWrapping="Wrap" TextAlignment="Center" Margin="50 20">
                                You will be able to continue the thread loading once the dryer door is closed
                            </TextBlock>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock FontWeight="Bold" TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        Close the dryer door
                                    </TextBlock>
                                </StackPanel>

                                <commonControls:ImageGalleryControl Duration="00:00:03">
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/DryerClose/1.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/DryerClose/2.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/DryerClose/3.jpg"></Image>
                                    <Image Stretch="Uniform" Source="/Images/ThreadLoading/DryerClose/4.jpg"></Image>
                                </commonControls:ImageGalleryControl>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Contact Support-->
                    <Grid controls:NavigationControl.NavigationName="ContactSupport" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding CloseCommand}">Close</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock FontWeight="Bold" TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        Please Contact Twine Customer Care
                                    </TextBlock>
                                </StackPanel>

                                <Grid>
                                    <TextBlock HorizontalAlignment="Center" Margin="0 50 0 0" FontSize="40" Foreground="{StaticResource TangoPrimaryAccentBrush}">support@twine-s.com</TextBlock>
                                </Grid>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Jogging-->
                    <Grid controls:NavigationControl.NavigationName="Jogging" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                        Verifying thread movement
                                    </TextBlock>
                                </StackPanel>

                                <StackPanel Margin="0 100 0 0">
                                    <TextBlock HorizontalAlignment="Center" FontWeight="SemiBold">working...</TextBlock>
                                    <touch:TouchBusyIndicator Foreground="{StaticResource TangoGrayBrush}" Width="130" Height="130" Margin="0 40 0 0" StrokeThickness="8" IsIndeterminate="{Binding IsVisible}" />
                                </StackPanel>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Fixed-->
                    <Grid controls:NavigationControl.NavigationName="Fixed" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="20" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding CloseCommand}">Close</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel>
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock TextWrapping="Wrap" TextAlignment="Center" Margin="40 0" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
                                            Issue Resolved
                                    </TextBlock>
                                </StackPanel>

                                <Grid>
                                    <touch:TouchIcon Icon="CheckCircleOutline" Foreground="{StaticResource TangoSuccessBrush}" HorizontalAlignment="Center" VerticalAlignment="Top" Width="100" Margin="0 100 0 0" />
                                </Grid>
                            </DockPanel>
                        </DockPanel>
                    </Grid>
                </controls:NavigationControl>
            </Grid>
        </DockPanel>

        <touch:TouchIconButton Command="{Binding CloseCommand}" HorizontalAlignment="Right" VerticalAlignment="Top" Icon="Close" Width="45" Height="45" Padding="14" Foreground="{StaticResource TangoDarkForegroundBrush}" />
    </Grid>
</UserControl>