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

<UserControl
    x:Class="PDF_Master.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_Master.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="46"
            Height="32"
            Margin="8"
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Background="Transparent"
            IsCancel="True"
            Style="{StaticResource CloseBtn}"
            WindowChrome.IsHitTestVisibleInChrome="True">
            <Path
                Width="46"
                Height="32"
                Data="M23 17.708L18.8545 21.8535C18.7568 21.9512 18.6396 22 18.5029 22C18.3597 22 18.2393 21.9528 18.1416 21.8584C18.0472 21.7607 18 21.6403 18 21.4971C18 21.3604 18.0488 21.2432 18.1465 21.1455L22.292 17L18.1465 12.8545C18.0488 12.7568 18 12.638 18 12.498C18 12.4297 18.013 12.3646 18.0391 12.3027C18.0651 12.2409 18.1009 12.1888 18.1465 12.1465C18.1921 12.1009 18.2458 12.0651 18.3076 12.0391C18.3695 12.013 18.4346 12 18.5029 12C18.6396 12 18.7568 12.0488 18.8545 12.1465L23 16.292L27.1455 12.1465C27.2432 12.0488 27.362 12 27.502 12C27.5703 12 27.6338 12.013 27.6924 12.0391C27.7542 12.0651 27.8079 12.1009 27.8535 12.1465C27.8991 12.1921 27.9349 12.2458 27.9609 12.3076C27.987 12.3662 28 12.4297 28 12.498C28 12.638 27.9512 12.7568 27.8535 12.8545L23.708 17L27.8535 21.1455C27.9512 21.2432 28 21.3604 28 21.4971C28 21.5654 27.987 21.6305 27.9609 21.6924C27.9349 21.7542 27.8991 21.8079 27.8535 21.8535C27.8112 21.8991 27.7591 21.9349 27.6973 21.9609C27.6354 21.987 27.5703 22 27.502 22C27.362 22 27.2432 21.9512 27.1455 21.8535L23 17.708Z"
                Fill="Black" />
        </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,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code1_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        Text="{Binding Code1, Mode=TwoWay}"
                        TextChanged="Code_TextChanged" />
                    <TextBox
                        x:Name="text_Code2"
                        Width="36"
                        Height="42"
                        Margin="9,0,0,0"
                        Padding="10,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code2_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        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,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code3_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        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,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code4_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        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,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code5_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        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,0,10,0"
                        HorizontalAlignment="Right"
                        VerticalContentAlignment="Center"
                        FontFamily="Segoe UI"
                        FontSize="20"
                        FontStyle="Normal"
                        FontWeight="SemiBold"
                        InputMethod.IsInputMethodEnabled="False"
                        KeyUp="text_Code6_KeyUp"
                        PreviewTextInput="TextBox_PreviewTextInput"
                        Text="{Binding Code6, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                        TextChanged="text_Code6_TextChanged" />
                </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"
                    IsDefault="True"
                    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
                    Width="14"
                    Height="14"
                    Margin="-1,-4,0,0"
                    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>