<UserControl x:Class="Tango.PPC.UI.Controls.MachineStatusControl"
  
<UserControl x:Class="Tango.PPC.UI.Dialogs.ThreadLoadingView"
             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:commonControls="clr-namespace:Tango.PPC.Common.Controls;assembly=Tango.PPC.Common"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             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:ThreadLoadingViewVM, 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>

            <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">
                    <!--Welcome-->
                    <Grid controls:NavigationControl.NavigationName="Welcome" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding ContinueCommand}">Continue</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0" >
                                <StackPanel DockPanel.Dock="Top">
                                    <!--<TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Welcome to the automatic thread loading wizard.</TextBlock>-->
                                    <StackPanel HorizontalAlignment="Center" Margin="0 20 0 0">
                                        <TextBlock TextAlignment="Center">Welcome to the thread loading wizard</TextBlock>
                                        <touch:TouchIcon Margin="0 20 0 0" Icon="Alert" VerticalAlignment="Center" Foreground="{StaticResource TangoErrorBrush}" />
                                        <TextBlock TextWrapping="Wrap" TextAlignment="Center" VerticalAlignment="Center" Margin="0 10 0 0" Width="400">
                                            <Run>Check for residual threads in the system and remove them</Run>
                                        </TextBlock>

                                        <TextBlock Margin="0 50 0 0" Foreground="{StaticResource TangoErrorBrush}" TextWrapping="Wrap" TextAlignment="Center">
                                            <Run>CAUTION!</Run>
                                            <LineBreak/>
                                            <Run>When pressing continue the system will start preparing</Run>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                                <!--<Image Stretch="Uniform" Source="/Images/ThreadLoading/NewThread/TS1800_CloseUp_Feeder_P.jpg" VerticalAlignment="Center" Margin="50"></Image>-->
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Preparing-->
                    <Grid controls:NavigationControl.NavigationName="Preparing" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250"  HorizontalAlignment="Center" Command="{Binding ContinueCommand}">Continue</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 20 0 0">
                                <StackPanel VerticalAlignment="Top" DockPanel.Dock="Top" Margin="0 40 0 0">
                                    <TextBlock Margin="0 50 0 0" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Center" TextWrapping="Wrap" TextAlignment="Center">
                                        The system is now preparing...
                                    </TextBlock>
                                    <touch:TouchBusyIndicator Width="140" Height="140" StrokeThickness="8" IsIndeterminate="{Binding IsVisible}" Margin="0 50 0 0" Foreground="{StaticResource TangoGrayBrush}" />
                                </StackPanel>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Insert Thread-->
                    <Grid controls:NavigationControl.NavigationName="InsertThread" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding ContinueCommand}">Continue</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0" >
                                <StackPanel DockPanel.Dock="Top">
                                    <!--<TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Welcome to the automatic thread loading wizard.</TextBlock>-->
                                    <StackPanel HorizontalAlignment="Center" Margin="0 20 0 0">
                                        <TextBlock TextAlignment="Center" FontWeight="Bold">
                                            <Run>Insert thread</Run>
                                            <LineBreak/>
                                            <Run>(see the User Guide for full details)</Run>
                                        </TextBlock>
                                        <TextBlock TextWrapping="Wrap" TextAlignment="Center" VerticalAlignment="Center" Margin="0 40 0 0" Width="400">
                                            <Run>Press</Run>
                                            <Run FontWeight="Bold">continue</Run>
                                            <Run>after the thread is loaded</Run>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                                <!--<Image Stretch="Uniform" Source="/Images/ThreadLoading/NewThread/TS1800_CloseUp_Feeder_P.jpg" VerticalAlignment="Center" Margin="50"></Image>-->
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Ready For Loading-->
                    <Grid controls:NavigationControl.NavigationName="ReadyForLoading" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding ContinueCommand}">Continue</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0">
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" TextAlignment="Center" LineHeight="22">
                                        <Run>Please follow the guide bellow for loading the thread</Run>
                                        <LineBreak/>
                                        <Run>Select the thread type you are loading and press</Run>
                                        <Run FontWeight="Bold">continue</Run>
                                    </TextBlock>
                                    <touch:TouchComboBox Margin="0 40 0 0" Width="500" ItemsSource="{Binding Rmls}" SelectedItem="{Binding SelectedRml}" DisplayMemberPath="FinalName" Title="Select thread type"></touch:TouchComboBox>

                                    <StackPanel Margin="100 10 0 10" HorizontalAlignment="Left" Visibility="{Binding BtsrInstalled,Converter={StaticResource BooleanToVisibilityConverter}}">
                                        <DockPanel>
                                            <touch:TouchIcon Icon="InformationOutline" Width="12" />
                                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoSmallFontSize}">
                                                <Run>Please set the tensioner level to </Run>
                                                <Run Text="{Binding BtsrSpoolTension}" FontWeight="Bold"></Run>
                                            </TextBlock>
                                        </DockPanel>
                                    </StackPanel>
                                </StackPanel>

                                <Grid>
                                    <!--<Grid Visibility="{Binding IsArcHead,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                        <touch:TouchGifAnimation Margin="50" Source="/Images/thread_loading.gif" VerticalAlignment="Center" Stretch="Uniform" EnableAnimation="{Binding IsVisible}" />
                                    </Grid>-->

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

                    <!--Finalizing-->
                    <Grid controls:NavigationControl.NavigationName="Finalizing" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="1" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250"  HorizontalAlignment="Center" Command="{Binding ContinueCommand}">Continue</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 20 0 0">
                                <StackPanel VerticalAlignment="Center" DockPanel.Dock="Top">
                                    <TextBlock Margin="0 50 0 0" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Center" TextWrapping="Wrap" TextAlignment="Center">
                                        The system is now loading the thread...
                                    </TextBlock>
                                    <touch:TouchProgressBar Margin="50 40 50 0" Height="10" IsIndeterminate="{Binding IsVisible}" />
                                </StackPanel>

                                <!--<Image VerticalAlignment="Center" Margin="50" Stretch="Uniform" Source="/Images/ThreadLoading/NewThread/machine_full.jpg"></Image>-->
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Completed-->
                    <Grid controls:NavigationControl.NavigationName="Completed" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Center" Command="{Binding AbortCommand}">Close</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0" >
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Thread loading completed successfully!</TextBlock>
                                    <touch:TouchIcon Margin="0 40 0 0" Icon="CheckCircleOutline" HorizontalAlignment="Center" Foreground="{StaticResource TangoSuccessBrush}" Width="100" Height="100" />
                                </StackPanel>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Preparation Error-->
                    <Grid controls:NavigationControl.NavigationName="PreparationError" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="2" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Left" Command="{Binding AbortCommand}">Close</touch:TouchButton>
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Right" Command="{Binding ContinueCommand}">Retry</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0" >
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Something went wrong, press 'retry' to try again</TextBlock>
                                    <touch:TouchIcon Icon="AlertCircleOutline" Margin="0 40 0 0" HorizontalAlignment="Center" Foreground="{StaticResource TangoErrorBrush}" Width="100" Height="100" />
                                    <TextBlock Margin="0 10 0 0" FontSize="{StaticResource TangoSmallFontSize}" TextAlignment="Center" TextWrapping="Wrap" HorizontalAlignment="Center" Foreground="{StaticResource TangoGrayTextBrush}" Text="{Binding Error}"></TextBlock>
                                </StackPanel>
                            </DockPanel>
                        </DockPanel>
                    </Grid>

                    <!--Finalization Error-->
                    <Grid controls:NavigationControl.NavigationName="FinalizationError" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <DockPanel>
                            <UniformGrid Margin="50" Columns="2" DockPanel.Dock="Bottom" Height="55">
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Left" Command="{Binding AbortCommand}">Close</touch:TouchButton>
                                <touch:TouchButton Style="{StaticResource TangoHollowButton}" Width="250" HorizontalAlignment="Right" Command="{Binding ContinueCommand}">Retry</touch:TouchButton>
                            </UniformGrid>
                            <DockPanel Margin="0 50 0 0" >
                                <StackPanel DockPanel.Dock="Top">
                                    <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Something went wrong, press 'retry' to try again</TextBlock>
                                    <touch:TouchIcon Icon="AlertCircleOutline" Margin="0 40 0 0" HorizontalAlignment="Center" Foreground="{StaticResource TangoErrorBrush}" Width="100" Height="100" />
                                    <TextBlock Margin="0 10 0 0" FontSize="{StaticResource TangoSmallFontSize}" TextAlignment="Center" TextWrapping="Wrap" HorizontalAlignment="Center" Foreground="{StaticResource TangoGrayTextBrush}" Text="{Binding Error}"></TextBlock>
                                </StackPanel>
                            </DockPanel>
                        </DockPanel>
                    </Grid>
                </controls:NavigationControl>

            </Grid>
        </DockPanel>

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