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

<UserControl
    x:Class="PDF_Office.Views.Dialog.ServiceDialog.UserOutCodeRegion"
    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="310"
    Height="368"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <Grid Background="White">
        <TextBlock
            Width="138"
            Height="28"
            Margin="24,40,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="20"
            LineHeight="28"
            FontStyle="Normal"
            FontWeight="SemiBold"
            Text="Cancel account" />
        <TextBlock
            Width="162"
            Height="22"
            Margin="24,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"
            KeyUp="text_Code1_KeyUp"
            Margin="24,130,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code1, Mode=TwoWay}"
            TextChanged="Code_TextChanged" />
        <TextBox
            x:Name="text_Code2"
            Width="36"
            KeyUp="text_Code2_KeyUp"
            Height="42"
            Margin="69,130,0,0"
            Padding="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            Text="{Binding Code2, Mode=TwoWay}"
            TextChanged="text_Code2_TextChanged" />
        <TextBox
            x:Name="text_Code3"
            Width="36"
            Height="42"
            Margin="114,130,0,0"
            Padding="10"
            KeyUp="text_Code3_KeyUp"
            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"
            KeyUp="text_Code4_KeyUp"
            Margin="159,130,0,0"
            Padding="10"
            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="204,130,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"
            KeyUp="text_Code6_KeyUp"
            Height="42"
            Margin="249,130,0,0"
            Padding="10"
            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="Code6Changed">
                    <i:InvokeCommandAction Command="{Binding Code6ChangedCommand}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBox>

        <TextBlock
            Width="190"
            Height="20"
            Margin="24,182,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,182,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,182,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="200"
            Height="32"
            Margin="55,236,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Command="{Binding UserOutCommand}"
            Content="Cancellation"
            IsEnabled="{Binding EnableNextStep, Mode=TwoWay}"
            Style="{StaticResource Btn.cta}" />

        <Button
                Width="200"
                Height="32"
                Margin="55,276,0,0"
                HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Command="{Binding UserOutCancelCommand}"
                Style="{StaticResource btn.ghost}">
            <TextBlock Text="Cancel" />
        </Button>

        <Grid
            Width="310"
            Height="48"
            Margin="0,320,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Visibility="{Binding UserCodemsgVis}"
            Background="#FDC7C6" />
        <TextBlock
            Height="22"
            Width="185"
            Margin="32,333,0,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            FontFamily="Segoe UI"
            FontSize="12"
            FontStyle="Normal"
            LineHeight="22"
            Text="{Binding UserCodemsg}" />

    </Grid>
</UserControl>