<UserControl
    x:Class="PicView.WPF.Views.UserControls.Menus.QuickSettingsMenu"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:buttons="clr-namespace:PicView.WPF.Views.UserControls.Buttons"
    Canvas.ZIndex="3"
    Foreground="{StaticResource MainColorBrush}">
    <UserControl.Resources>
        <SolidColorBrush x:Key="SettingsIcon" Color="{StaticResource IconColor}" />
        <SolidColorBrush x:Key="AboutIcon" Color="{StaticResource IconColor}" />
    </UserControl.Resources>
    <StackPanel>

        <Border
            Width="359"
            Height="203"
            Background="{StaticResource BackgroundColorBrushAlt}"
            BorderBrush="{StaticResource BorderBrush}"
            BorderThickness="1,0,1,1"
            CornerRadius="8">

            <Canvas>

                <Border
                    Canvas.Left="-1"
                    Width="359"
                    Height="46"
                    Panel.ZIndex="1"
                    Background="{StaticResource BackgroundColorBrushAlt}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="8,8,0,0" />

                <Border
                    x:Name="SettingsButtonBorder"
                    Width="179"
                    Height="44"
                    Panel.ZIndex="2"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1,1,1,0"
                    CornerRadius="8,1,1,1">
                    <Border.Background>
                        <SolidColorBrush x:Name="SettingsButtonBrush" Color="Transparent" />
                    </Border.Background>

                    <Button x:Name="SettingsButton">
                        <StackPanel Orientation="Horizontal">
                            <Image Width="18" Margin="3,0,0,0">
                                <Image.Source>
                                    <DrawingImage>
                                        <DrawingImage.Drawing>
                                            <DrawingGroup ClipGeometry="M0,0 V512 H512 V0 H0 Z">
                                                <GeometryDrawing Geometry="F1 M512,512z M0,0z M277.42,247A24.68,24.68,0,0,0,273.34,241.53L255,223.44A21.63,21.63,0,0,0,248.44,218.87A20.93,20.93,0,0,0,225.16,223.14C218.8,229.4 207.16,240.82 186.16,261.57 146,301.3 71.43,367.89 37.71,396.29A16,16,0,0,0,36.62,419.83L75.62,459.26A16.13,16.13,0,0,0,99.29,458.37C128.53,424 195.59,349.37 235.29,310.14 255.68,290.08 267.11,278.56 273.58,272.2A21.76,21.76,0,0,0,277.42,247z">
                                                    <GeometryDrawing.Pen>
                                                        <Pen
                                                            Brush="{StaticResource SettingsIcon}"
                                                            EndLineCap="Round"
                                                            LineJoin="Round"
                                                            StartLineCap="Round"
                                                            Thickness="32" />
                                                    </GeometryDrawing.Pen>
                                                </GeometryDrawing>
                                                <GeometryDrawing Geometry="F1 M512,512z M0,0z M478.43,201L444.12,167A5.44,5.44,0,0,0,440.12,165.41A5.59,5.59,0,0,0,436.12,167L436.12,167A11.41,11.41,0,0,1,426.57,170.27C422.09,169.78 417.32,168.39 414.24,165.41 407.24,158.55 415.33,145.05 409.17,136.41A242.88,242.88,0,0,0,386.09,109.69C379.03,102.69,351.28,76.22,304.54,57.16A123.79,123.79,0,0,0,257.54,47.92C231.19,47.92 210.93,59.68 203.54,66.43 197.66,71.75 191.54,80.2 191.54,80.2A91.29,91.29,0,0,1,202.35,77A79.53,79.53,0,0,1,225.63,75.51C241.19,76.8 259.94,84.1 270,92 286.21,105 293.18,122.39 294.27,144.83 295.07,161.52 279.04,182.59 263.83,199.77A7.85,7.85,0,0,0,264.23,210.6L285.47,231.83A8,8,0,0,0,296.61,231.93C310.54,218.42 327.7,203.46 337.43,197.47 347.16,191.48 355.01,189.79 358.78,189.38A35.71,35.71,0,0,1,380.08,194A13.65,13.65,0,0,1,383.16,196.38C389.62,202.94,389.23,213.66,382.66,220.12L380.66,222.01A5.5,5.5,0,0,0,380.66,229.85L414.97,263.85A5.5,5.5,0,0,0,418.97,265.43A5.65,5.65,0,0,0,422.97,263.85L478.43,209A5.82,5.82,0,0,0,478.43,201z">
                                                    <GeometryDrawing.Pen>
                                                        <Pen
                                                            Brush="{StaticResource SettingsIcon}"
                                                            EndLineCap="Round"
                                                            LineJoin="Round"
                                                            StartLineCap="Round"
                                                            Thickness="32" />
                                                    </GeometryDrawing.Pen>
                                                </GeometryDrawing>
                                            </DrawingGroup>
                                        </DrawingImage.Drawing>
                                    </DrawingImage>
                                </Image.Source>
                            </Image>
                            <TextBlock
                                x:Name="SettingsButtonTextBlock"
                                MaxWidth="80"
                                Margin="3,0,3,0"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                FontSize="13"
                                Foreground="{StaticResource SettingsIcon}"
                                TextTrimming="CharacterEllipsis" />
                        </StackPanel>
                    </Button>
                </Border>

                <Button
                    x:Name="InfoButton"
                    Canvas.Left="179"
                    Canvas.Top="0"
                    Width="134"
                    Height="45"
                    Panel.ZIndex="2"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1">
                    <Button.Background>
                        <SolidColorBrush x:Name="InfoButtonBrush" Color="Transparent" />
                    </Button.Background>
                    <StackPanel Orientation="Horizontal">
                        <Image
                            Width="14"
                            Height="14"
                            Margin="2,0,0,0">
                            <Image.Source>
                                <DrawingImage>
                                    <DrawingImage.Drawing>
                                        <DrawingGroup ClipGeometry="M0,0 V512 H512 V0 H0 Z">
                                            <GeometryDrawing Brush="{StaticResource AboutIcon}" Geometry="F1 M512,512z M0,0z M256,56C145.72,56 56,145.72 56,256 56,366.28 145.72,456 256,456 366.28,456 456,366.28 456,256 456,145.72 366.28,56 256,56z M256,138A26,26,0,1,1,230,164A26,26,0,0,1,256,138z M320,364L200,364 200,332 244,332 244,244 212,244 212,212 276,212 276,332 320,332z" />
                                        </DrawingGroup>
                                    </DrawingImage.Drawing>
                                </DrawingImage>
                            </Image.Source>
                        </Image>
                        <TextBlock
                            x:Name="InfoButtonTextBlock"
                            MaxWidth="70"
                            Margin="3,0,3,0"
                            FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                            FontSize="13"
                            Foreground="{StaticResource AboutIcon}"
                            TextTrimming="CharacterEllipsis" />
                    </StackPanel>
                </Button>

                <buttons:MenuCloseButton
                    x:Name="CloseButton"
                    Canvas.Left="312"
                    Panel.ZIndex="2" />

                <Border
                    x:Name="StayOnTopBorder"
                    Canvas.Left="7"
                    Canvas.Top="50"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="StayOnTopBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="StayOnTopBorderTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="StayOnTopFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox x:Name="StayOnTop" Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>

                <Border
                    x:Name="SearchSubDirBorder"
                    Canvas.Left="182"
                    Canvas.Top="50"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="SearchSubDirBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="SearchSubDirBorderTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="SearchSubDirFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox x:Name="SearchSubDir" Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>

                <Border
                    x:Name="SetFitBorder"
                    Canvas.Left="7"
                    Canvas.Top="101"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="SetFitBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="SetFitTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="SetFitFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox x:Name="SetFit" Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>

                <Border
                    x:Name="ToggleFillBorder"
                    Canvas.Left="182"
                    Canvas.Top="101"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="ToggleFillBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="ToggleFillTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="ToggleFillFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox
                                x:Name="ToggleFill"
                                HorizontalContentAlignment="Center"
                                Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>

                <Border
                    x:Name="ToggleLoopingBorder"
                    Canvas.Left="7"
                    Canvas.Top="151"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="ToggleLoopBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="ToggleLoopingTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="ToggleLoopFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox x:Name="ToggleLooping" Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>

                <Border
                    x:Name="ToggleScrollBorder"
                    Canvas.Left="182"
                    Canvas.Top="151"
                    Width="169"
                    Height="45"
                    Background="{StaticResource BackgroundColorBrush}"
                    BorderBrush="{StaticResource BorderBrush}"
                    BorderThickness="1"
                    CornerRadius="2"
                    Effect="{StaticResource MenuShadowButtonBorder}">
                    <Border>
                        <Border.Background>
                            <SolidColorBrush x:Name="ToggleScrollBrush" Color="Transparent" />
                        </Border.Background>
                        <StackPanel
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Orientation="Horizontal">
                            <TextBlock
                                x:Name="ToggleScrollTextBlock"
                                MaxWidth="135"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                FontFamily="/PicView;component/Themes/Resources/fonts/#Roboto Medium"
                                TextAlignment="Center"
                                TextTrimming="CharacterEllipsis"
                                TextWrapping="Wrap">
                                <TextBlock.Foreground>
                                    <SolidColorBrush x:Name="ToggleScrollFill" Color="{StaticResource MainColor}" />
                                </TextBlock.Foreground>
                            </TextBlock>
                            <CheckBox x:Name="ToggleScroll" Style="{StaticResource Checkstyle}" />
                        </StackPanel>
                    </Border>
                </Border>
            </Canvas>
        </Border>

        <Rectangle
            Width="24"
            Height="2"
            Margin="0,-2,88,0"
            HorizontalAlignment="Right"
            Fill="{StaticResource BackgroundColorBrushAlt}" />
        <Polygon
            Margin="243,-7,0,0"
            Panel.ZIndex="-1"
            Fill="{StaticResource BackgroundColorBrushAlt}"
            Points="0,0 15,30, 30,0"
            Stroke="{StaticResource BorderBrush}"
            StrokeThickness="1" />
    </StackPanel>
</UserControl>