<styles:WindowChromeBase x:Class="_1RM.View.AboutPageView"
                         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                         xmlns:system="clr-namespace:System;assembly=mscorlib"
                         xmlns:controls="clr-namespace:Shawn.Utils.Wpf.Controls;assembly=Shawn.Utils.Wpf"
                         xmlns:Rm="clr-namespace:_1RM"
                         xmlns:styles="clr-namespace:Shawn.Utils.WpfResources.Theme.Styles;assembly=Shawn.Utils.WpfResources"
                         xmlns:view="clr-namespace:_1RM.View"
                         mc:Ignorable="d" 
                         ShowInTaskbar="False"
                         WindowStyle="None"
                         Background="Transparent"
                         SizeToContent="WidthAndHeight"
                         AllowsTransparency="True"
                         d:DesignHeight="450" d:DesignWidth="800"
                         d:DataContext="{d:DesignInstance view:AboutPageViewModel}"
                         >

    <Border Background="{DynamicResource PrimaryMidBrush}"
            BorderBrush="{DynamicResource PrimaryLightBrush}"
            BorderThickness="1" CornerRadius="{StaticResource DefaultCornerRadius}" ClipToBounds="True">
        <Grid Margin="10">
            <Grid.Resources>
                <system:Double x:Key="BottomHeight">40</system:Double>
                <Style x:Key="RowGrid" TargetType="Grid">
                    <Setter Property="Height" Value="20"></Setter>
                    <Setter Property="Margin">
                        <Setter.Value>
                            <Thickness Bottom="15"></Thickness>
                        </Setter.Value>
                    </Setter>
                </Style>
                <Style TargetType="TextBlock" BasedOn="{StaticResource TextBlockBase}">
                    <Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"></Setter>
                    <Setter Property="VerticalAlignment" Value="Center"></Setter>
                    <Setter Property="Opacity" Value="0.9"></Setter>
                    <Setter Property="Margin" Value="0 0 20 0"></Setter>
                </Style>
                <Style x:Key="EditorGroupTextBlockTitle" TargetType="TextBlock" BasedOn="{StaticResource TextBlockBase}">
                    <Setter Property="FontSize" Value="{DynamicResource GlobalFontSizeSubtitle}"></Setter>
                    <Setter Property="FontWeight" Value="Bold"></Setter>
                    <Setter Property="Foreground" Value="{DynamicResource AccentMidBrush}"></Setter>
                    <Setter Property="TextAlignment" Value="Left"></Setter>
                    <Setter Property="VerticalAlignment" Value="Center"></Setter>
                    <Setter Property="Margin" Value="0 10 0 10"></Setter>
                </Style>

                <Style TargetType="{x:Type Hyperlink}">
                    <Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"></Setter>
                    <Setter Property="TextBlock.TextDecorations" Value="{x:Null}"></Setter>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Foreground" Value="{DynamicResource AccentMidBrush}"></Setter>
                            <Setter Property="TextBlock.TextDecorations">
                                <Setter.Value>
                                    <TextDecorationCollection>
                                        <TextDecoration Location="Underline" />
                                    </TextDecorationCollection>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Grid.Resources>
            <Grid>
                <Grid.Margin>
                    <Thickness Top="0" Bottom="{StaticResource BottomHeight}"></Thickness>
                </Grid.Margin>

                <ScrollViewer x:Name="ScrollViewerMain"
                              Margin="0 3 0 4"
                              HorizontalScrollBarVisibility="Hidden"
                              VerticalScrollBarVisibility="Auto">

                    <Grid Margin="20 0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <StackPanel>
                            <Image Source="/Resources/Image/Logo/logo256.png" Width="160" HorizontalAlignment="Left"></Image>
                            <StackPanel Orientation="Vertical">
                                <StackPanel Grid.IsSharedSizeScope="True">
                                    <TextBlock Name="TbAppName" Style="{StaticResource EditorGroupTextBlockTitle}" Text="{x:Static Rm:Assert.APP_DISPLAY_NAME}" Margin="0 10 0 0"></TextBlock>
                                    <Grid Style="{StaticResource RowGrid}">
                                        <TextBlock Text="Your personal remote manager!"></TextBlock>
                                    </Grid>
                                    <Grid Style="{StaticResource RowGrid}">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto" SharedSizeGroup="A"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto" SharedSizeGroup="B"></ColumnDefinition>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Grid.Column="0" Text="Version"></TextBlock>
                                        <TextBlock Grid.Column="1" Name="TbVersion" Text="{Binding CurrentVersion}" Margin="0" ToolTip="{x:Static Rm:AppVersion.BuildDate}"></TextBlock>
                                    </Grid>

                                    <TextBlock Text="{Binding CurrentVersionDate}" Margin="0" ToolTip="{x:Static Rm:AppVersion.BuildDate}"></TextBlock>

                                    <Grid>
                                        <Grid.Style>
                                            <Style TargetType="Grid" BasedOn="{StaticResource RowGrid}">
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding ElementName=TbNewVersion,Path=Text}" Value="">
                                                        <Setter Property="Visibility" Value="Collapsed"></Setter>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Grid.Style>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto" SharedSizeGroup="A"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto" SharedSizeGroup="B"></ColumnDefinition>
                                        </Grid.ColumnDefinitions>

                                        <TextBlock Text="Update" Margin="0"/>
                                        <TextBlock Grid.Column="1" Margin="0">
                                            <Hyperlink Name="HyperlinkUpdate" Command="{Binding CmdUpdate}" TextDecorations="{x:Null}">
                                                <Grid>
                                                    <TextBlock Name="TbNewVersion" Margin="0" Text="{Binding NewVersion}" Foreground="{Binding ElementName=HyperlinkUpdate, Path=Foreground}" />
                                                    <Path Data="F1 M 10 3.4375 C 10.605469 3.4375 11.186523 3.515625 11.743164 3.671875 C 12.299805 3.828125 12.822266 4.049479 13.310547 4.335938 C 13.798828 4.622396 14.241536 4.964193 14.638672 5.361328 C 15.035807 5.758464 15.377604 6.201172 15.664063 6.689453 C 15.950521 7.177734 16.171875 7.700195 16.328125 8.256836 C 16.484375 8.813477 16.5625 9.394531 16.5625 10 C 16.5625 10.605469 16.484375 11.186523 16.328125 11.743164 C 16.171875 12.299805 15.950521 12.822266 15.664063 13.310547 C 15.377604 13.798828 15.035807 14.241537 14.638672 14.638672 C 14.241536 15.035808 13.798828 15.377604 13.310547 15.664063 C 12.822266 15.950521 12.299805 16.171875 11.743164 16.328125 C 11.186523 16.484375 10.605469 16.5625 10 16.5625 C 9.394531 16.5625 8.813477 16.484375 8.256836 16.328125 C 7.700195 16.171875 7.177734 15.950521 6.689453 15.664063 C 6.201172 15.377604 5.758463 15.035808 5.361328 14.638672 C 4.964192 14.241537 4.622396 13.798828 4.335938 13.310547 C 4.049479 12.822266 3.828125 12.299805 3.671875 11.743164 C 3.515625 11.186523 3.4375 10.605469 3.4375 10 C 3.4375 9.394531 3.515625 8.813477 3.671875 8.256836 C 3.828125 7.700195 4.049479 7.177734 4.335938 6.689453 C 4.622396 6.201172 4.964192 5.758464 5.361328 5.361328 C 5.758463 4.964193 6.201172 4.622396 6.689453 4.335938 C 7.177734 4.049479 7.700195 3.828125 8.256836 3.671875 C 8.813477 3.515625 9.394531 3.4375 10 3.4375 Z "
                                                          Fill="Red"
                                                          Stretch="Uniform"
                                                          Width="6"
                                                          Margin="0 0 -3 0"
                                                          VerticalAlignment="Top" HorizontalAlignment="Right">
                                                    </Path>
                                                </Grid>
                                            </Hyperlink>
                                        </TextBlock>
                                    </Grid>
                                </StackPanel>
                            </StackPanel>
                            <StackPanel Orientation="Vertical">
                                <TextBlock Style="{StaticResource EditorGroupTextBlockTitle}" Text="Author"></TextBlock>
                                <StackPanel Orientation="Horizontal">
                                    <Grid Width="32" Height="32">
                                        <Image Source="pack://application:,,,/Resources/Image/Logo/author_avatar.jpg" Width="32"></Image>
                                    </Grid>
                                    <StackPanel Orientation="Vertical" Margin="10 0 0 0" VerticalAlignment="Center">
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/VShawn" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                Shawn
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="mailto::veckshawn@gmail.com?subject=1Remote" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                (veckshawn@gmail.com)
                                            </Hyperlink>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </StackPanel>
                        </StackPanel>
                        <Grid Grid.Column="1">
                            <StackPanel Orientation="Vertical" Margin="20 0 0 0">
                                <StackPanel Orientation="Vertical">
                                    <TextBlock Style="{StaticResource EditorGroupTextBlockTitle}" Text="Support" Background="Transparent">
                                    </TextBlock>
                                    <StackPanel>
                                        <Grid Style="{StaticResource RowGrid}">
                                            <StackPanel Orientation="Horizontal">
                                                <TextBlock>
                                                    <Hyperlink NavigateUri="https://1remote.github.io/usage/quick-start/" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                        <Run Text="{DynamicResource 'about_page_how_to_use'}"/>
                                                    </Hyperlink>
                                                </TextBlock>
                                            </StackPanel>
                                        </Grid>
                                    </StackPanel>
                                </StackPanel>
                                <StackPanel>
                                    <TextBlock Style="{StaticResource EditorGroupTextBlockTitle}" Text="Make contributions"></TextBlock>

                                    <StackPanel HorizontalAlignment="Left" Width="700">
                                        <StackPanel>
                                            <TextBlock Opacity="0.7" TextWrapping="Wrap" Foreground="{DynamicResource PrimaryTextBrush}" VerticalAlignment="Center"
                                                       Text="{DynamicResource 'I hope that you find this app useful. If you would like to support my work, you can buy me a coffee or give a nice review. Thanks!'}" />
                                            <StackPanel Margin="0,16,0,0" HorizontalAlignment="Center" Orientation="Horizontal">
                                                <StackPanel.Resources>
                                                    <Style TargetType="{x:Type Border}">
                                                        <Setter Property="Background" Value="Green" />
                                                        <Style.Triggers>
                                                            <Trigger Property="IsMouseOver" Value="True">
                                                                <Setter Property="Opacity" Value="0.6" />
                                                            </Trigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </StackPanel.Resources>

                                                <Border Margin="4, 0" Padding="3 0" VerticalAlignment="Center" CornerRadius="4" Background="#e53e3e">
                                                    <TextBlock Margin="0">
                                                        <Hyperlink NavigateUri="https://github.com/1Remote/1Remote/issues/" controls:HyperlinkHelper.IsOpenExternal="True" TextDecorations="">
                                                            <Grid MinWidth="130" Background="Transparent">
                                                                <StackPanel Width="Auto" Orientation="Horizontal" HorizontalAlignment="Center">
                                                                    <Path Width="16" Height="16" Margin="2" Fill="White" Data="M524.979332 0C234.676191 0 0 234.676191 0 524.979332c0 232.068678 150.366597 428.501342 358.967656 498.035028 26.075132 5.215026 35.636014-11.299224 35.636014-25.205961 0-12.168395-0.869171-53.888607-0.869171-97.347161-146.020741 31.290159-176.441729-62.580318-176.441729-62.580318-23.467619-60.841976-58.234462-76.487055-58.234463-76.487055-47.804409-32.15933 3.476684-32.15933 3.476685-32.15933 53.019436 3.476684 80.83291 53.888607 80.83291 53.888607 46.935238 79.963739 122.553122 57.365291 152.97411 43.458554 4.345855-33.897672 18.252593-57.365291 33.028501-70.402857-116.468925-12.168395-239.022047-57.365291-239.022047-259.012982 0-57.365291 20.860106-104.300529 53.888607-140.805715-5.215026-13.037566-23.467619-66.926173 5.215027-139.067372 0 0 44.327725-13.906737 144.282399 53.888607 41.720212-11.299224 86.917108-17.383422 131.244833-17.383422s89.524621 6.084198 131.244833 17.383422C756.178839 203.386032 800.506564 217.29277 800.506564 217.29277c28.682646 72.1412 10.430053 126.029806 5.215026 139.067372 33.897672 36.505185 53.888607 83.440424 53.888607 140.805715 0 201.64769-122.553122 245.975415-239.891218 259.012982 19.121764 16.514251 35.636014 47.804409 35.636015 97.347161 0 70.402857-0.869171 126.898978-0.869172 144.282399 0 13.906737 9.560882 30.420988 35.636015 25.205961 208.601059-69.533686 358.967656-265.96635 358.967655-498.035028C1049.958663 234.676191 814.413301 0 524.979332 0z" Stretch="Uniform"></Path>
                                                                    <TextBlock Margin="0" Text="{DynamicResource 'Give suggestions'}" Padding="0,7,0,7" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="SemiBold" Foreground="White" TextAlignment="Center"></TextBlock>
                                                                </StackPanel>
                                                            </Grid>
                                                        </Hyperlink>
                                                    </TextBlock>
                                                </Border>

                                                <Border Margin="4, 0" Padding="3 0" VerticalAlignment="Center" CornerRadius="4" Background="#2f855a">
                                                    <TextBlock Margin="0">
                                                        <Hyperlink NavigateUri="https://1remote.github.io/about/" controls:HyperlinkHelper.IsOpenExternal="True" TextDecorations="">
                                                            <Grid MinWidth="130" Background="Transparent">
                                                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                                                    <Path Width="16" Height="16" Margin="2" Fill="White" Data="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z" Stretch="Uniform"></Path>
                                                                    <TextBlock Margin="0" Text="{DynamicResource 'Buy a coffee'}" Padding="0,7,0,7" FontWeight="SemiBold" Foreground="White" TextAlignment="Center"></TextBlock>
                                                                </StackPanel>
                                                            </Grid>
                                                        </Hyperlink>
                                                    </TextBlock>
                                                </Border>

                                                <Border Margin="4, 0" Padding="3 0" VerticalAlignment="Center" CornerRadius="4" Background="#3182ce">
                                                    <TextBlock Margin="0">
                                                        <Hyperlink NavigateUri="ms-windows-store://review/?productid=9PNMNF92JNFP" TextDecorations="" controls:HyperlinkHelper.IsOpenExternal="True">
                                                            <Grid MinWidth="130" Background="Transparent">
                                                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                                                    <Path Width="16" Height="16" Margin="2" Fill="White" Data="M944.512 256.810667l-149.333333-42.666667a23.082667 23.082667 0 0 0-9.685334-0.469333l-704 128a21.333333 21.333333 0 0 0-17.493333 20.992v512a21.333333 21.333333 0 0 0 17.536 20.992l704 128a22.442667 22.442667 0 0 0 9.642667-0.469334l149.333333-42.666666a21.376 21.376 0 0 0 15.488-20.522667v-682.666667a21.376 21.376 0 0 0-15.488-20.522666zM405.333333 741.802667l-128-14.208V640h128v101.802667zM405.333333 597.333333h-128v-87.552l128-14.208V597.333333z m213.333334 168.149334l-170.666667-18.986667V640h170.666667v125.482667z m0-168.149334h-170.666667v-106.538666l170.666667-18.986667V597.333333zM298.666667 256a21.333333 21.333333 0 0 0 21.333333-21.333333v-85.333334C320 104.789333 360.576 42.666667 426.666667 42.666667c62.805333 0 106.666667 26.325333 106.666666 64v85.333333a21.333333 21.333333 0 0 0 42.666667 0v-85.333333C576 43.861333 514.602667 0 426.666667 0 338.645333 0 277.333333 78.72 277.333333 149.333333v85.333334A21.333333 21.333333 0 0 0 298.666667 256z M458.368 88.362667C407.893333 118.656 405.333333 197.76 405.333333 213.333333a21.333333 21.333333 0 0 0 42.666667 0c0-33.237333 10.112-75.050667 32.298667-88.362666a21.333333 21.333333 0 0 0-21.930667-36.608zM613.717333 106.069333c4.48 9.216 6.826667 37.589333 5.034667 63.061334a21.333333 21.333333 0 0 0 19.712 22.826666L640 192a21.333333 21.333333 0 0 0 21.248-19.754667c1.621333-21.845333 3.114667-74.965333-17.365333-96.938666A34.133333 34.133333 0 0 0 618.666667 64a21.333333 21.333333 0 0 0-4.949334 42.069333z" Stretch="Uniform"></Path>
                                                                    <TextBlock Margin="0" Text="{DynamicResource 'Give nice review'}" Padding="0,7,0,7" FontWeight="SemiBold" Foreground="White" TextAlignment="Center"></TextBlock>
                                                                </StackPanel>
                                                            </Grid>
                                                        </Hyperlink>
                                                    </TextBlock>
                                                </Border>
                                            </StackPanel>
                                        </StackPanel>
                                    </StackPanel>
                                </StackPanel>
                                <StackPanel Orientation="Vertical">
                                    <TextBlock Style="{StaticResource EditorGroupTextBlockTitle}" Text="Included Components"></TextBlock>
                                    <StackPanel>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/cyd01/KiTTY" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/cyd01/KiTTY
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/ButchersBoy/Dragablz" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/ButchersBoy/Dragablz
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/drogoganor/ColorPickerWPF" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/drogoganor/ColorPickerWPF
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/VShawn/VariableKeywordMatcher" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/VShawn/VariableKeywordMatcher
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/praeclarum/sqlite-net" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/praeclarum/sqlite-net
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/AlexAkulov/putty-color-themes" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/AlexAkulov/putty-color-themes
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/xiangyuecn/RSA-csharp" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/xiangyuecn/RSA-csharp
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/robinrodricks/FluentFTP" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/robinrodricks/FluentFTP
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/sshnet/SSH.NET" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/sshnet/SSH.NET
                                            </Hyperlink>
                                        </TextBlock>
                                        <TextBlock>
                                            <Hyperlink NavigateUri="https://github.com/icsharpcode/AvalonEdit" TextDecorations="{x:Null}" controls:HyperlinkHelper.IsOpenExternal="True">
                                                https://github.com/icsharpcode/AvalonEdit
                                            </Hyperlink>
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </ScrollViewer>
            </Grid>

            <Grid VerticalAlignment="Bottom" Height="{StaticResource BottomHeight}">
                <Border BorderThickness="0 2 0 0" BorderBrush="{DynamicResource AccentMidBrush}"></Border>
                <Button Padding="0 1 0 0" MinWidth="80" Height="30" Content="{DynamicResource Close}" 
                        Command="{Binding CmdClose}"></Button>
            </Grid>
        </Grid>
    </Border>
</styles:WindowChromeBase>