PDFOffice_Windows_exe/PDF Office/Views/Dialog/ServiceDialog/CodeRegion.xaml

<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">
        <Button
            Width="16"
            Height="16"
            Margin="287,17,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Background="Transparent"
            BorderThickness="0"
            Command="{Binding CloseDialogCommand}"
            WindowChrome.IsHitTestVisibleInChrome="True">
            <Polygon Fill="{StaticResource color.btn.sec.text.def}" Points="11.2919922 12 12 11.2919922 6.70800781 6 12 0.708007813 11.2919922 0 6 5.29199219 0.708007812 9.76996262e-15 -2.27456942e-13 0.708007813 5.29199219 6 0 11.2919922 0.708007812 12 6 6.70800781" />
        </Button>
        <Grid           
            Margin="32,48,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top">
            <StackPanel>
                <TextBlock
                    Width="Auto"
                    Height="28"
                    FontFamily="Segoe UI"
                    FontSize="20"
                    FontStyle="Normal"
                    FontWeight="SemiBold"
                    Text="{Binding CodeTypeName}" />
                <TextBlock
                    Width="162"
                    Height="22"
                    Margin="0,32,0,0"
                    HorizontalAlignment="Left"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    FontStyle="Normal"
                    Text="Enter the verification code" />
                <WrapPanel Margin="0,8,0,0" HorizontalAlignment="Left">
                    <TextBox
                        x:Name="text_Code1"
                        Width="36"
                        Height="42"
                        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="9,0,0,0"
                        Padding="10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        KeyUp="text_Code2_KeyUp"
                        Text="{Binding Code2, Mode=TwoWay}"
                        TextChanged="text_Code2_TextChanged" />
                    <TextBox
                        x:Name="text_Code3"
                        Width="36"
                        Height="42"
                        Margin="9,0,0,0"
                        Padding="10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        KeyUp="text_Code3_KeyUp"
                        Text="{Binding Code3, Mode=TwoWay}"
                        TextChanged="text_Code3_TextChanged" />
                    <TextBox
                        x:Name="text_Code4"
                        Width="36"
                        Height="42"
                        Margin="9,0,0,0"
                        Padding="10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        KeyUp="text_Code4_KeyUp"
                        Text="{Binding Code4, Mode=TwoWay}"
                        TextChanged="text_Code4_TextChanged" />
                    <TextBox
                        x:Name="text_Code5"
                        Width="36"
                        Height="42"
                        Margin="9,0,0,0"
                        Padding="10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        KeyUp="text_Code5_KeyUp"
                        Text="{Binding Code5, Mode=TwoWay}"
                        TextChanged="text_Code5_TextChanged" />
                    <TextBox
                        x:Name="text_Code6"
                        Width="36"
                        Height="42"
                        Margin="9,0,0,0"
                        Padding="10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        KeyUp="text_Code6_KeyUp"
                        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>
                </WrapPanel>
                <WrapPanel Margin="0,10,0,0">
                    <TextBlock
                        Width="190"
                        Height="20"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        Text="Didn't receive the verification code?" />
                    <TextBlock
                        Width="Auto"
                        Height="20"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        Foreground="#1770F4"
                        LineHeight="20"
                        Text="{Binding Codetime}" />
                    <TextBlock
                        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>
                </WrapPanel>
            </StackPanel>
        </Grid>

        <Grid
            Width="262"
            Margin="32,240,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top">
            <StackPanel>
                <Button
                    x:Name="Btn_RegisterNext"
                    Width="262"
                    Height="32"
                    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="0,10,0,0"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"
                    FontFamily="Segoe UI"
                    FontSize="12"
                    FontStyle="Normal"
                    Foreground="#1770F4"
                    LineHeight="20">
                    <Hyperlink Command="{Binding BackRegisterLastCommand}">Back to previous step</Hyperlink>
                </TextBlock>
            </StackPanel>

        </Grid>

        <Grid
            x:Name="Grid_RegisterVis"
            Width="326"
            Height="48"
            VerticalAlignment="Bottom"
            Background="#FDC7C6"
            Visibility="{Binding RegisterCodemsgVis, Mode=TwoWay}">
            <WrapPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                <Border
                    Margin="-1,-4,0,0"
                    Width="14"
                    Height="14"
                    Background="#F3465B"
                    CornerRadius="100">
                    <Path
                        Margin="-1,-4,0,0"
                        Data="M7.25 8V13H8.75V8H7.25ZM7.25 14.5V16H8.75L8.75 14.5H7.25Z"
                        Fill="White" />
                </Border>
                <TextBlock
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                FontFamily="Segoe UI"
                FontSize="12"
                FontStyle="Normal"
                LineHeight="22"
                Text="{Binding RegisterCodemsg, Mode=TwoWay}"
                TextAlignment="Center"
                TextWrapping="Wrap" />
            </WrapPanel>
          
        </Grid>


    </Grid>
</UserControl>