<UserControl
    x:Class="PDF_Master.CustomControl.PageTurningPreview"
    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:local="clr-namespace:PDF_Master.CustomControl"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Width="212"
    Height="320"
    mc:Ignorable="d">
    <Border
        Width="212"
        Height="320"
        Background="{StaticResource color.sys.layout.mg}"
        CornerRadius="8">
        <StackPanel Height="320" Orientation="Vertical">
            <Border
                Width="180"
                Height="248"
                Margin="0,16,0,0"
                HorizontalAlignment="Center"
                VerticalAlignment="Top"
                Background="{StaticResource color.sys.layout.mg}">
                <Border
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    BorderBrush="{StaticResource color.sys.layout.divider}"
                    BorderThickness="1"
                    CornerRadius="{StaticResource border-radius.8}">
                    <Grid>
                        <Border
                            Name="BorderImage"
                            Background="White"
                            CornerRadius="{StaticResource border-radius.8}" />
                        <Image
                            Name="Image"
                            RenderOptions.BitmapScalingMode="HighQuality"
                            UseLayoutRounding="True">
                            <Image.OpacityMask>
                                <VisualBrush Visual="{Binding ElementName=BorderImage}" />
                            </Image.OpacityMask>
                        </Image>
                    </Grid>
                </Border>
            </Border>
            <StackPanel
                Grid.Row="1"
                Width="155"
                Margin="0,16,0,0"
                HorizontalAlignment="Center"
                VerticalAlignment="Bottom"
                Orientation="Horizontal">
                <Button
                    Name="PrePage"
                    Width="24"
                    Height="24"
                    HorizontalAlignment="Left"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Click="PrePage_Click"
                    FontSize="16"
                    Style="{StaticResource btn.selector}">
                    <Path
                        Width="24"
                        Height="24"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Data="M10.0607 12.1L14.6303 7.53039L13.5696 6.46973L8.46967 11.5697C8.17678 11.8626 8.17678 12.3374 8.46967 12.6303L13.5696 17.7303L14.6303 16.6696L10.0607 12.1Z"
                        Fill="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button}}, Path=Foreground}" />
                </Button>
                <TextBox
                    x:Name="CurrentPage"
                    Width="54"
                    Height="24"
                    Margin="8,0,8,0"
                    Padding="8,0,8,0"
                    HorizontalContentAlignment="Left"
                    VerticalContentAlignment="Center"
                    Background="{StaticResource color.field.bg.def}"
                    BorderBrush="{StaticResource color.field.border.norm}"
                    InputMethod.IsInputMethodEnabled="False"
                    KeyDown="CurrentPage_KeyDown"
                    LostFocus="CurrentPage_LostFocus"
                    PreviewTextInput="CountTextBox_PreviewTextInput"
                    Text="1">
                    <TextBox.Resources>
                        <Style TargetType="{x:Type Border}">
                            <Setter Property="CornerRadius" Value="4" />
                        </Style>
                    </TextBox.Resources>
                </TextBox>
                <TextBlock
                    Width="5"
                    Margin="0,0,2,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    Text="/" />
                <TextBlock
                    x:Name="PageIndex"
                    Width="30"
                    VerticalAlignment="Center"
                    Block.TextAlignment="Center" />
                <Button
                    x:Name="NextPage"
                    Width="24"
                    Height="24"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Click="NextPage_Click"
                    FontSize="16"
                    Style="{StaticResource btn.selector}">
                    <Path
                        Width="24"
                        Height="24"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Data="M13.9393 12.1L9.36972 7.53039L10.4304 6.46973L15.5303 11.5697C15.8232 11.8626 15.8232 12.3374 15.5303 12.6303L10.4304 17.7303L9.36972 16.6696L13.9393 12.1Z"
                        Fill="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button}}, Path=Foreground}" />
                </Button>
            </StackPanel>
        </StackPanel>
    </Border>
</UserControl>