prs/prs.desktop/Forms/PinLogin.xaml

<wpf:ThemableWindow x:Class="PRSDesktop.PinLogin"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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"
		xmlns:wpf="clr-namespace:InABox.Wpf;assembly=InABox.Wpf"
        mc:Ignorable="d"
        Title="Log In" Height="Auto" Width="500" Background="WhiteSmoke" Padding="20" Margin="0,-5,0,0"
        WindowStartupLocation="CenterScreen" PreviewKeyDown="Window_PreviewKeyDown" SizeToContent="Height"
        FontSize="24" WindowStyle="SingleBorderWindow" Closing="Window_Closing" ResizeMode="NoResize"
        BorderThickness="0,0.75,0,0" BorderBrush="Gray">
    <Grid x:Name="OverallLayout">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0" />
            <ColumnDefinition Width="0" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid x:Name="PINLayout" Grid.Row="0" Grid.Column="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="80" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
            </Grid.RowDefinitions>
            <Grid Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <PasswordBox x:Name="PIN" Grid.Row="0" Grid.Column="0" Margin="10" HorizontalContentAlignment="Center"
                             VerticalContentAlignment="Center" PasswordChar="*" PasswordChanged="PINChanged"
                             IsEnabled="False" />
                <Button Grid.Column="1" Grid.Row="0" Margin="0,10,10,10" BorderThickness="0" Click="ViewPasswordClick"
                        IsTabStop="False">
                    <Image Source="pack://application:,,,/Resources/password.png" />
                </Button>
            </Grid>
            <Button x:Name="Key1" Grid.Row="1" Grid.Column="0" Margin="10,0,10,10" Content="1" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key2" Grid.Row="1" Grid.Column="1" Margin="10,0,10,10" Content="2" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key3" Grid.Row="1" Grid.Column="2" Margin="10,0,10,10" Content="3" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key4" Grid.Row="2" Grid.Column="0" Margin="10,0,10,10" Content="4" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key5" Grid.Row="2" Grid.Column="1" Margin="10,0,10,10" Content="5" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key6" Grid.Row="2" Grid.Column="2" Margin="10,0,10,10" Content="6" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key7" Grid.Row="3" Grid.Column="0" Margin="10,0,10,10" Content="7" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key8" Grid.Row="3" Grid.Column="1" Margin="10,0,10,10" Content="8" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Key9" Grid.Row="3" Grid.Column="2" Margin="10,0,10,10" Content="9" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="Back" Grid.Row="4" Grid.Column="0" Margin="10,0,10,10" Content="Back" Click="Back_Click"
                    IsEnabled="False" IsTabStop="False" />
            <Button x:Name="Key0" Grid.Row="4" Grid.Column="1" Margin="10,0,10,10" Content="0" Click="Button_Click"
                    IsTabStop="False" />
            <Button x:Name="OK" Grid.Row="4" Grid.Column="2" Margin="10,0,10,10" Content="OK" Click="OK_Click"
                    IsEnabled="False" />
        </Grid>

        <Grid Grid.Row="0" Grid.Column="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="80" />
                <ColumnDefinition Width="80" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="80" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
            </Grid.RowDefinitions>
            <Label Content="User ID" VerticalContentAlignment="Center" Grid.Row="0" Grid.Column="0" Margin="10,10,0,10" />
            <Grid Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <TextBox x:Name="UserID" Grid.Column="0" Grid.Row="0" Margin="10" TextChanged="UserID_TextChanged"
                         VerticalContentAlignment="Center" Padding="5" KeyUp="UserID_KeyUp" />
                <Button Grid.Column="1" Grid.Row="0" Margin="0,10,10,10" BorderThickness="0" Click="ViewPINClick"
                        IsTabStop="False">
                    <Image Source="pack://application:,,,/Resources/pin.png" />
                </Button>
            </Grid>
            <Label Content="Password" Grid.Row="1" VerticalContentAlignment="Center" Grid.Column="0" Margin="10,0,0,10" />
            <PasswordBox x:Name="Password" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="3" Margin="10,0,10,10"
                         VerticalContentAlignment="Center" PasswordChar="*" PasswordChanged="Password_PasswordChanged"
                         Padding="5" KeyUp="Password_KeyUp" />
            <!--<CheckBox x:Name="AutoLogin" Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" Content="Remember Details" Margin="10,0,10,01" VerticalContentAlignment="Center" Checked="AutoLogin_Checked" Unchecked="AutoLogin_Checked"/>-->
            <Button x:Name="Login" Grid.Column="2" Grid.Row="2" Grid.ColumnSpan="2" Margin="0,10,10,10"
                    Content="Log In" BorderThickness="1" BorderBrush="Black" Click="Login_Click" />


        </Grid>

        <Grid Grid.Row="0" Grid.Column="2" x:Name="Layout_2FA">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="200"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="70"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Label Grid.Row="0" 
                   Grid.Column="0" Grid.ColumnSpan="3" 
                   Margin="10"
                   Content="Two-Factor Authentication" 
                   VerticalAlignment="Center" HorizontalAlignment="Center"></Label>
            <Label x:Name="Label_2FA"
                   Grid.Row="1" 
                   Grid.Column="0" Grid.ColumnSpan="3"
                   Margin="10,0,10,10"
                   Content="Please enter the code that was sent to {0}" 
                   VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="16"></Label>
            <DockPanel x:Name="CodeInput" 
                       Grid.Row="2" 
                       Grid.Column="0" Grid.ColumnSpan="3" 
                       Margin="10,0,0,10"
                       LastChildFill="False" HorizontalAlignment="Center">
                <TextBox Width="60" Height="80" 
                         Margin="0,0,10,0" 
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
                <TextBox Width="60" Height="80" 
                         Margin="0,0,10,0"
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
                <TextBox Width="60" Height="80"
                         Margin="0,0,10,0" 
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
                <TextBox Width="60" Height="80" 
                         Margin="0,0,10,0" 
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
                <TextBox Width="60" Height="80" 
                         Margin="0,0,10,0" 
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
                <TextBox Width="60" Height="80" 
                         Margin="0,0,10,0" 
                         VerticalContentAlignment="Center"
                         HorizontalContentAlignment="Center"></TextBox>
            </DockPanel>
            <Button Content="Back" Grid.Column="0" Grid.Row="3" Margin="10" Click="Back_2FA"></Button>
            <Button Content="Submit Code" Grid.Column="2" Grid.Row="3" Margin="10" Click="Click_2FA"></Button>
        </Grid>
    </Grid>

</wpf:ThemableWindow>