<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:vm="clr-namespace:Artemis.UI.Screens.Settings;assembly=Artemis.UI"
             xmlns:il="clr-namespace:AsyncImageLoader;assembly=AsyncImageLoader.Avalonia"
             x:DataType="vm:AboutTabViewModel"
             mc:Ignorable="d" d:DesignWidth="1000" d:DesignHeight="1400"
             x:Class="Artemis.UI.Screens.Settings.AboutTabView">
    <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">
        <StackPanel Margin="15" MaxWidth="800">
            <Grid RowDefinitions="*,*" ColumnDefinitions="Auto,*,Auto">
                <Image Grid.Column="0"
                       Grid.RowSpan="2"
                       Width="65"
                       Height="65"
                       VerticalAlignment="Center"
                       Source="/Assets/Images/Logo/bow.png"
                       Margin="0 0 20 0"
                       RenderOptions.BitmapInterpolationMode="HighQuality" />
                <TextBlock Grid.Row="0" Grid.Column="1" FontSize="36" VerticalAlignment="Bottom">
                    Artemis 2
                </TextBlock>

                <StackPanel Grid.Row="0" Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Bottom" Orientation="Horizontal">
                    <HyperlinkButton Classes="icon-button" ToolTip.Tip="View website" NavigateUri="https://artemis-rgb.com?mtm_campaign=artemis&amp;mtm_kwd=about">
                        <avalonia:MaterialIcon Kind="Web" />
                    </HyperlinkButton>
                    <HyperlinkButton Classes="icon-button" ToolTip.Tip="View GitHub repository" NavigateUri="https://github.com/Artemis-RGB/Artemis">
                        <avalonia:MaterialIcon Kind="Github" />
                    </HyperlinkButton>
                    <HyperlinkButton Classes="icon-button" ToolTip.Tip="View Wiki" NavigateUri="https://wiki.artemis-rgb.com?mtm_campaign=artemis&amp;mtm_kwd=about">
                        <avalonia:MaterialIcon Kind="BookOpenOutline" />
                    </HyperlinkButton>
                </StackPanel>

                <SelectableTextBlock Grid.Row="1"
                                     Grid.Column="1"
                                     VerticalAlignment="Top"
                                     Classes="subtitle"
                                     Text="{CompiledBinding Version}" />

                <HyperlinkButton Grid.Row="1"
                                          Grid.Column="2"
                                          VerticalAlignment="Top"
                                          NavigateUri="https://github.com/Artemis-RGB/Artemis/blob/master/LICENSE">
                    PolyForm Noncommercial License 1.0.0
                </HyperlinkButton>
            </Grid>

            <Border Classes="card" Margin="0 20 0 10">
                <StackPanel>
                    <Grid RowDefinitions="*,*,*" ColumnDefinitions="Auto,*">
                        <Ellipse Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" VerticalAlignment="Top" Height="75" Width="75" Margin="0 0 15 0">
                            <Ellipse.Fill>
                                <ImageBrush il:ImageBrushLoader.Source="https://avatars.githubusercontent.com/u/8858506" />
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Grid.Row="0" Grid.Column="1" Padding="0">
                            Robert Beekman
                        </TextBlock>
                        <TextBlock Classes="subtitle" Grid.Column="1" Grid.Row="1" Padding="0">
                            Project owner, main contributor
                        </TextBlock>
                        <StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="-6">
                            <HyperlinkButton Classes="icon-button" ToolTip.Tip="View GitHub profile" NavigateUri="https://github.com/RobertBeekman/">
                                <avalonia:MaterialIcon Kind="Github" Width="20" Height="20" />
                            </HyperlinkButton>
                        </StackPanel>
                    </Grid>

                    <Border Classes="card-separator" />

                    <Grid RowDefinitions="*,*,*" ColumnDefinitions="Auto,*">
                        <Ellipse Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" VerticalAlignment="Top" Height="75" Width="75" Margin="0 0 15 0">
                            <Ellipse.Fill>
                                <ImageBrush il:ImageBrushLoader.Source="https://avatars.githubusercontent.com/u/1094841" />
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Grid.Row="0" Grid.Column="1" Padding="0">
                            Darth Affe
                        </TextBlock>
                        <TextBlock Classes="subtitle" Grid.Column="1" Grid.Row="1" Padding="0">
                            RGB.NET, main contributor
                        </TextBlock>
                        <StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="-6">
                            <HyperlinkButton Classes="icon-button" ToolTip.Tip="View GitHub profile" NavigateUri="https://github.com/DarthAffe/">
                                <avalonia:MaterialIcon Kind="Github" Width="20" Height="20" />
                            </HyperlinkButton>
                        </StackPanel>
                    </Grid>

                    <Border Classes="card-separator" />

                    <Grid RowDefinitions="*,*,*" ColumnDefinitions="Auto,*">
                        <Ellipse Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" VerticalAlignment="Top" Height="75" Width="75" Margin="0 0 15 0">
                            <Ellipse.Fill>
                                <ImageBrush il:ImageBrushLoader.Source="https://avatars.githubusercontent.com/u/29486064" />
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Grid.Row="0" Grid.Column="1" Padding="0">
                            Diogo Trindade
                        </TextBlock>
                        <TextBlock Classes="subtitle" Grid.Column="1" Grid.Row="1" Padding="0">
                            Main contributor
                        </TextBlock>
                        <StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="-6">
                            <HyperlinkButton Classes="icon-button" ToolTip.Tip="View GitHub profile" NavigateUri="https://github.com/diogotr7/">
                                <avalonia:MaterialIcon Kind="Github" Width="20" Height="20" />
                            </HyperlinkButton>
                        </StackPanel>
                    </Grid>

                    <Border Classes="card-separator" />

                    <Grid RowDefinitions="*,*,*" ColumnDefinitions="Auto,*">
                        <Ellipse Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" VerticalAlignment="Top" Height="75" Width="75" Margin="0 0 15 0">
                            <Ellipse.Fill>
                                <ImageBrush il:ImageBrushLoader.Source="https://i.imgur.com/8mPWY1j.png" />
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Grid.Row="0" Grid.Column="1" Padding="0">
                            Kai Werling
                        </TextBlock>
                        <TextBlock Classes="subtitle" Grid.Column="1" Grid.Row="1" Padding="0">
                            Graphics design
                        </TextBlock>
                        <StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" Margin="-6">
                            <HyperlinkButton Classes="icon-button" ToolTip.Tip="View website" NavigateUri="https://kwer.online/">
                                <avalonia:MaterialIcon Kind="Web" Width="20" Height="20" />
                            </HyperlinkButton>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Border>

            <Border Classes="card" Margin="0 10">
                <StackPanel>
                    <StackPanel Margin="0 0 0 12" Orientation="Horizontal">
                        <avalonia:MaterialIcon Kind="UserHeart" Height="35" Width="35" Margin="0 0 10 0" />
                        <TextBlock Classes="h4">
                            Special Thanks
                        </TextBlock>
                    </StackPanel>

                    <TextBlock>
                        - The various people creating PRs to Artemis.Plugins and the main repository
                    </TextBlock>
                    <TextBlock>
                        - All the people on Discord providing feedback and testing
                    </TextBlock>
                </StackPanel>

            </Border>

            <Border Classes="card" Margin="0 10">
                <StackPanel>
                    <StackPanel Margin="0 0 0 12" Orientation="Horizontal">
                        <avalonia:MaterialIcon Kind="Dependency" Height="35" Width="35" Margin="0 0 10 0" />
                        <TextBlock Classes="h4">
                            External Libraries
                        </TextBlock>
                    </StackPanel>
                    <Grid ColumnDefinitions="Auto,*">
                        <Grid.Styles>
                            <Style Selector="TextBlock.library-name">
                                <Setter Property="Margin" Value="0 7 15 6" />
                                <Setter Property="FontWeight" Value="600" />
                            </Style>
                        </Grid.Styles>

                        <StackPanel Grid.Row="0" Grid.Column="0">
                            <TextBlock Classes="library-name">Avalonia</TextBlock>
                            <TextBlock Classes="library-name">DryIoc</TextBlock>
                            <TextBlock Classes="library-name">Entity Framework Core</TextBlock>
                            <TextBlock Classes="library-name">FluentAvalonia</TextBlock>
                            <TextBlock Classes="library-name">EmbedIO</TextBlock>
                            <TextBlock Classes="library-name">Humanizer</TextBlock>
                            <TextBlock Classes="library-name">McMaster.NETCore.Plugins</TextBlock>
                            <TextBlock Classes="library-name">RGB.NET</TextBlock>
                            <TextBlock Classes="library-name">Serilog</TextBlock>
                            <TextBlock Classes="library-name">SkiaSharp</TextBlock>
                            <TextBlock Classes="library-name">SQLite</TextBlock>
                        </StackPanel>
                        <StackPanel Grid.Column="1">
                            <HyperlinkButton NavigateUri="https://avaloniaui.net/">
                                https://avaloniaui.net/
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/dadhi/DryIoc">
                                https://github.com/dadhi/DryIoc
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://learn.microsoft.com/en-us/ef/core/">
                                https://learn.microsoft.com/en-us/ef/core/
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/amwx/FluentAvalonia">
                                https://github.com/amwx/FluentAvalonia
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://unosquare.github.io/embedio/">
                                https://unosquare.github.io/embedio/
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/Humanizr/Humanizer">
                                https://github.com/Humanizr/Humanizer
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/natemcmaster/DotNetCorePlugins">
                                https://github.com/natemcmaster/DotNetCorePlugins
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/DarthAffe/RGB.NET">
                                https://github.com/DarthAffe/RGB.NET
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://serilog.net/">
                                https://serilog.net/
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/mono/SkiaSharp">
                                https://github.com/mono/SkiaSharp
                            </HyperlinkButton>    
                            <HyperlinkButton NavigateUri="https://www.sqlite.org/">
                                https://www.sqlite.org/
                            </HyperlinkButton>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </Border>
        </StackPanel>
    </ScrollViewer>
</UserControl>