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">
        <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="0,40,0,0"
            HorizontalAlignment="Center"
            VerticalAlignment="Top">
            <StackPanel>
                <TextBlock
                    FontFamily="Segoe UI"
                    FontSize="20"
                    FontStyle="Normal"
                    FontWeight="SemiBold"
                    LineHeight="28"
                    Text="Cancel account" />
                <TextBlock
                    Margin="0,32,0,0"
                    HorizontalAlignment="Left"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    FontStyle="Normal"
                    LineHeight="22"
                    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>
                <Button
                    x:Name="Btn_RegisterNext"
                    Width="200"
                    Height="32"
                    Margin="0,34,0,0"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"
                    Command="{Binding UserOutCommand}"
                    Content="Cancellation"
                    IsEnabled="{Binding EnableNextStep, Mode=TwoWay}"
                    Style="{StaticResource Btn.cta}" />
                <Button
                    Width="200"
                    Height="32"
                    Margin="0,8,0,0"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"
                    Command="{Binding UserOutCancelCommand}"
                    Style="{StaticResource btn.ghost}">
                    <TextBlock Text="Cancel" />
                </Button>
            </StackPanel>
        </Grid>





        <Grid
            x:Name="Grid_UserCodemsgVis"
            Width="310"
            Height="48"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#FDC7C6"
            Visibility="{Binding UserCodemsgVis, Mode=TwoWay}">
            <WrapPanel HorizontalAlignment="Center" VerticalAlignment="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 UserCodemsg, Mode=TwoWay}"
                    TextAlignment="Center"
                    TextWrapping="Wrap" />
            </WrapPanel>
        </Grid>
    </Grid>
</UserControl>