<UserControl x:Class="Tango.PPC.UI.Views.MachineSetupView"
             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:vm="clr-namespace:Tango.PPC.UI.ViewModels"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:global="clr-namespace:Tango.PPC.UI"
             xmlns:setup="clr-namespace:Tango.PPC.Common.MachineSetup;assembly=Tango.PPC.Common"
             xmlns:connectivity="clr-namespace:Tango.PPC.Common.Connectivity;assembly=Tango.PPC.Common"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:web="clr-namespace:Tango.Web;assembly=Tango.Web"
             xmlns:local="clr-namespace:Tango.PPC.UI.Views"
             xmlns:common="clr-namespace:Tango.PPC.Common;assembly=Tango.PPC.Common"
             mc:Ignorable="d" 
             d:DesignHeight="1280" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=vm:MachineSetupViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MachineSetupViewVM}">
    <Grid Background="{StaticResource TangoPrimaryBackgroundBrush}">
        <Grid>
            <DockPanel>

                <StackPanel DockPanel.Dock="Top" HorizontalAlignment="Center" Margin="0 100 0 0">
                    <Image Source="/Images/package.png" Width="180" Height="180" />
                    <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoHeaderFontSize}" Margin="30">Machine Setup Wizard</TextBlock>
                </StackPanel>

                <Grid DockPanel.Dock="Bottom" Height="200" Background="{StaticResource TangoMidBackgroundBrush}">
                    <Border BorderThickness="0 1 0 0" BorderBrush="{StaticResource TangoGrayBrush}">
                        <TextBox x:Name="txtLog" Foreground="{StaticResource TangoGrayTextBrush}" FontSize="12" SelectionBrush="#8BB0B0B0" IsReadOnly="True" Padding="5" Background="Transparent" AcceptsReturn="True" TextWrapping="Wrap" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">

                        </TextBox>
                    </Border>
                </Grid>

                <controls:NavigationControl x:Name="navigationControl" TransitionType="Slide" KeepElementsAttached="True" Margin="0 20 0 0" SelectedIndex="0">

                    <Grid controls:NavigationControl.NavigationName="WelcomeView">
                        <StackPanel HorizontalAlignment="Center" Margin="0 20 0 0">
                            <TextBlock TextAlignment="Center" LineHeight="40" Margin="20 0" TextWrapping="Wrap" FontSize="{StaticResource TangoTitleFontSize}">
                                <Run>Welcome to the machine setup wizard!</Run>
                                <Run>In the next steps the software will gather required information, perform tests and apply an initial configuration to this machine.</Run>
                                <LineBreak/>
                                <LineBreak/>
                                <Run>Press 'start' to initiate the setup process.</Run>
                            </TextBlock>

                            <touch:TouchButton Margin="0 250 0 0" Padding="20" Width="300" CornerRadius="35" Command="{Binding NavigateToWiFiCommand}">START</touch:TouchButton>
                        </StackPanel>
                    </Grid>

                    <Grid controls:NavigationControl.NavigationName="WiFiSelectionView">
                        <DockPanel>
                            <TextBlock DockPanel.Dock="Top" Margin="20 0" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Center" TextWrapping="Wrap" TextAlignment="Center">
                                <Run>We need an active internet connection in order to fetch the latest software package and machine configuration.</Run>
                                <LineBreak/>
                                <LineBreak/>
                                <Run>Please connect to one of the available WiFi networks.</Run>
                            </TextBlock>

                            <connectivity:AvailableWiFiConnectionsControl DataContext="{Binding ConnectivityProvider}" Margin="50 100 50 20" BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="0 1 0 0" />
                        </DockPanel>
                    </Grid>

                    <Grid controls:NavigationControl.NavigationName="WiFiTestView">
                        <StackPanel HorizontalAlignment="Center" Margin="0 200 0 0">
                            <TextBlock DockPanel.Dock="Top" Margin="20 0" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Center"  TextWrapping="Wrap" TextAlignment="Center">
                                Checking internet connection, please wait...
                            </TextBlock>
                            <touch:TouchBusyIn