<UserControl
    x:Class="PDF_Office.Views.Dialog.ServiceDialog.CodeRegion"
    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:i="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:local="clr-namespace:PDF_Office.Views.Dialog.ServiceDialog"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    Width="326"
    Height="420"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <Grid Background="White">
        <TextBlock
            Width="Auto"
            Height="28"
            Margin="32,48,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="20"
            FontStyle="Normal"
            FontWeight="SemiBold"
            Text="{Binding CodeTypeName}" />
        <TextBlock
            Width="162"
            Height="22"
            Margin="32,108,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="14"
            FontStyle="Normal"
            Text="Enter the verification code" />

        <TextBox
            x:Name="text_Code1"
            Width="36"
            Height="42"
            Margin="32,138,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            KeyUp="text_Code1_KeyUp"
            Text="{Binding Code1, Mode=TwoWay}"
            TextChanged="Code_TextChanged" />
        <TextBox
            x:Name="text_Code2"
            Width="36"
            Height="42"
            Margin="76,138,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
             KeyUp="text_Code2_KeyUp"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code2, Mode=TwoWay}"
            TextChanged="text_Code2_TextChanged" />
        <TextBox
            x:Name="text_Code3"
            Width="36"
            Height="42"
             KeyUp="text_Code3_KeyUp"
            Margin="120,138,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code3, Mode=TwoWay}"
            TextChanged="text_Code3_TextChanged" />
        <TextBox
            x:Name="text_Code4"
            Width="36"
            Height="42"
            Margin="164,138,0,0"
            Padding="10"
             KeyUp="text_Code4_KeyUp"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code4, Mode=TwoWay}"
            TextChanged="text_Code4_TextChanged" />

        <TextBox
            x:Name="text_Code5"
            Width="36"
            Height="42"
             KeyUp="text_Code5_KeyUp"
            Margin="208,138,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code5, Mode=TwoWay}"
            TextChanged="text_Code5_TextChanged" />
        <TextBox
            x:Name="text_Code6"
            Width="36"
            Height="42"
            Margin="252,138,0,0"
            Padding="10"
             KeyUp="text_Code6_KeyUp"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code6, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
            TextChanged="text_Code6_TextChanged">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="TextChanged">
                    <i:InvokeCommandAction Command="{Binding Code6ChangedCommand}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBox>

        <TextBlock
            Width="190"
            Height="20"
            Margin="32,190,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="Didn't receive the verification code?" />
        <TextBlock
            Width="79"
            Height="20"
            Margin="226,190,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Foreground="#1770F4"
            LineHeight="20"
            Text="{Binding Codetime}" />
        <TextBlock
            Width="79"
            Height="20"
            Margin="226,190,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Foreground="#1770F4"
            LineHeight="20"
            Visibility="{Binding Codeagin, Mode=TwoWay}">
            <Hyperlink Command="{Binding CodetooCommand}">Click to resend</Hyperlink>
        </TextBlock>
        <Button
            x:Name="Btn_RegisterNext"
            Width="262"
            Height="32"
            Margin="32,240,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Command="{Binding RegisterNextCommand}"
            Content="Sign up"
            IsEnabled="{Binding EnableNextStep, Mode=TwoWay}"
            Style="{StaticResource Btn.cta}" />

        <TextBlock
            Width="114"
            Height="20"
            Margin="106,282,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Foreground="#1770F4"
            LineHeight="20">
            <Hyperlink Command="{Binding BackRegisterLastCommand}">Back to previous step</Hyperlink>
        </TextBlock>

        <Grid
            Width="326"
            Height="48"
            Margin="0,372,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Visibility="{Binding RegisterCodemsgVis}"
            Background="#FDC7C6" />
        <TextBlock
            Height="22"
            Width="185"
            Margin="32,385,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            LineHeight="22"
            Text="{Binding RegisterCodemsg}" />

    </Grid>
</UserControl>