<dialogs:PixiEditorPopup 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:dialogs="clr-namespace:PixiEditor.AvaloniaUI.Views.Dialogs"
        xmlns:ui="clr-namespace:PixiEditor.Extensions.UI;assembly=PixiEditor.Extensions"
        xmlns:ui1="clr-namespace:PixiEditor.AvaloniaUI.Helpers.UI"
        xmlns:panels="clr-namespace:PixiEditor.AvaloniaUI.Views.Panels"
        xmlns:cmds="clr-namespace:PixiEditor.AvaloniaUI.Models.Commands.XAML"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="PixiEditor.AvaloniaUI.Views.Dialogs.AboutPopup"
        Name="aboutPopup"
        CanResize="True"
        Width="440" Height="510"
        MaxWidth="440" MaxHeight="510"
        Title="ABOUT">
    <StackPanel DataContext="{Binding ElementName=aboutPopup}" Orientation="Vertical" DockPanel.Dock="Bottom" Margin="10">
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top">
                <Image Source="../../Images/PixiEditorLogo.png" Height="40" VerticalAlignment="Center"/>
                <TextBlock FontSize="40" FontWeight="SemiBold" Foreground="{DynamicResource ThemeForegroundBrush}" VerticalAlignment="Center" Margin="10,0,0,0">PixiEditor</TextBlock>
            </StackPanel>
            <TextBlock Foreground="{DynamicResource ThemeForegroundBrush}" HorizontalAlignment="Center" FontSize="20" FontWeight="Medium" ui:Translator.LocalizedString="{Binding VersionText}"/>
            <Label ui:Translator.Key="PROJECT_MAINTAINERS" Classes="h2" Margin="10 20 0 5"/>
            <StackPanel Orientation="Horizontal" Margin="20 0">
                <Ellipse Width="32" Height="32" FlowDirection="LeftToRight">
                    <Ellipse.Fill>
                        <ImageBrush Source="/Images/SocialMedia/Avatars/flabbet.png"/>
                    </Ellipse.Fill>
                </Ellipse>
                <Label  Margin="10 0 0 0" FontSize="14">
                    <TextBlock ui1:Hyperlink.Url="https://github.com/flabbet" >
                        <Run Text="Krzysztof Krysiński (flabbet)"/>
                        <Run Text="" FontFamily="{DynamicResource Feather}"/>
                    </TextBlock>
                </Label>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20 5">
                <Ellipse Width="32" Height="32" FlowDirection="LeftToRight">
                    <Ellipse.Fill>
                        <ImageBrush Source="/Images/SocialMedia/Avatars/Equbuxu.png"/>
                    </Ellipse.Fill>
                </Ellipse>
                <Label Margin="10 0 0 0" FontSize="14">
                    <TextBlock ui1:Hyperlink.Url="https://github.com/equbuxu" >
                        <Run Text="Egor Mozgovoy (Equbuxu)"/>
                        <Run Text="" FontFamily="{DynamicResource Feather}"/>
                    </TextBlock>
                </Label>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20 0">
                <Ellipse Width="32" Height="32" FlowDirection="LeftToRight">
                    <Ellipse.Fill>
                        <ImageBrush Source="/Images/SocialMedia/Avatars/CPK.png"/>
                    </Ellipse.Fill>
                </Ellipse>
                <Label Margin="10 0 0 0" FontSize="14">
                    <TextBlock ui1:Hyperlink.Url="https://github.com/CPKreuz" >
                        <Run Text="Philip Kreuz (cpk)"/>
                        <Run Text="" FontFamily="{DynamicResource Feather}"/>
                    </TextBlock>
                </Label>
            </StackPanel>

            <Label Margin="20 10 0 0" FontSize="14">
                <TextBlock ui1:Hyperlink.Url="https://github.com/PixiEditor/PixiEditor/graphs/contributors">
                    <Run ui:Translator.Key="OTHER_AWESOME_CONTRIBUTORS" />
                    <Run Text="" FontFamily="{DynamicResource Feather}"/>
                </TextBlock>
            </Label>

            <Separator Margin="0 10 0 0"/>

            <Label Margin="20 10 0 0" FontSize="14">
                <TextBlock ui1:Hyperlink.Url="LICENSE">
                    <Run ui:Translator.Key="LICENSE"/>
                    <Run Text="" FontFamily="{DynamicResource Feather}"/>
                </TextBlock>
            </Label>

            <Label Margin="20 10 0 0" FontSize="14">
                <TextBlock ui1:Hyperlink.Url="THIRD_PARTY_LICENSES.txt">
                    <Run ui:Translator.Key="THIRD_PARTY_LICENSES"/>
                    <Run Text="" FontFamily="{DynamicResource Feather}"/>
                </TextBlock>
            </Label>

            <Label Margin="20 10 0 0" FontSize="14">
                <TextBlock ui1:Hyperlink.Url="https://pixieditor.net/docs/introduction">
                    <Run ui:Translator.Key="DOCUMENTATION" />
                    <Run Text="" FontFamily="{DynamicResource Feather}"/>
                </TextBlock>
            </Label>

            <panels:AlignableWrapPanel  DockPanel.Dock="Bottom" HorizontalContentAlignment="Center" HorizontalAlignment="Center" Margin="0,20,0,15">
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://pixieditor.net"
                            Classes="SocialMediaButton" Tag="#e3002d" ui:Translator.TooltipKey="WEBSITE"
                            Content="/Images/SocialMedia/WebsiteIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://discord.gg/tzkQFDkqQS"
                            Classes="SocialMediaButton" Tag="#7289DA" ui:Translator.TooltipKey="DISCORD"
                            Content="/Images/SocialMedia/DiscordIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://reddit.com/r/PixiEditor"
                            Classes="SocialMediaButton" Tag="#FF4500" ui:Translator.TooltipKey="REDDIT"
                            Content="/Images/SocialMedia/RedditIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://store.steampowered.com/app/2218560"
                            Classes="SocialMediaButton" Tag="#00adee" ui:Translator.TooltipKey="STEAM"
                            Content="/Images/SocialMedia/SteamIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://github.com/PixiEditor/PixiEditor"
                            Classes="SocialMediaButton" Tag="Black" ui:Translator.TooltipKey="GITHUB"
                            Content="/Images/SocialMedia/GitHubIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}" CommandParameter="https://www.youtube.com/channel/UCT5XvyvX1q5PAIaXfWmpsMQ"
                            Classes="SocialMediaButton" Tag="#FF0000" ui:Translator.TooltipKey="YOUTUBE"
                            Content="/Images/SocialMedia/YouTubeIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}"
                            IsVisible="{Binding DisplayDonationButton}"
                            CommandParameter="https://opencollective.com/pixieditor"
                            Classes="SocialMediaButton" Tag="#d4af37" ui:Translator.TooltipKey="DONATE"
                            Content="/Images/SocialMedia/DonateIcon.png"/>
                    <Button Command="{cmds:Command PixiEditor.Links.OpenHyperlink, UseProvided=True}"
                            IsVisible="{Binding !DisplayDonationButton}"
                            CommandParameter="https://store.steampowered.com/app/2435860/PixiEditor__Supporter_Pack/"
                            Classes="SocialMediaButton" Tag="#d4af37" ui:Translator.TooltipKey="BUY_SUPPORTER_PACK"
                            Content="/Images/SocialMedia/DonateIcon.png"/>
                </panels:AlignableWrapPanel>
        </StackPanel>
</dialogs:PixiEditorPopup>
