<ui:Page xmlns:props="clr-namespace:Ink_Canvas.Properties" x:Class="Ink_Canvas.Windows.SettingsViews.Pages.FriendlyLinksPage"
      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:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
      xmlns:ikw="http://schemas.inkore.net/lib/ui/wpf"
      xmlns:sys="clr-namespace:System;assembly=mscorlib"
      mc:Ignorable="d"
      Title="{x:Static props:FriendlyLinksStrings.FriendlyLinks_Title}">

    <ScrollViewer PanningMode="VerticalFirst">
        <Grid Margin="59,0,59,0">
            <FrameworkElement.Resources>
                <sys:Double x:Key="SettingsCardSpacing">4</sys:Double>
                <Style x:Key="SettingsSectionHeaderTextBlockStyle"
                    BasedOn="{StaticResource BodyStrongTextBlockStyle}"
                    TargetType="TextBlock">
                    <Style.Setters>
                        <Setter Property="Margin" Value="1,30,0,6" />
                    </Style.Setters>
                </Style>
            </FrameworkElement.Resources>

            <ikw:SimpleStackPanel MaxWidth="1000"
                HorizontalAlignment="Stretch"
                Spacing="{StaticResource SettingsCardSpacing}">

                <TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}"
                    Text="{x:Static props:FriendlyLinksStrings.FriendlyLinks_SponsorSectionTitle}" />

                <ui:SettingsCard Header="CJK_mkp"
                    Description="{x:Static props:FriendlyLinksStrings.FriendlyLinks_CjikSponsorDescription}">
                    <ui:SettingsCard.HeaderIcon>
                        <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Heart}" />
                    </ui:SettingsCard.HeaderIcon>
                    <ui:HyperlinkButton Content="{x:Static props:FriendlyLinksStrings.FriendlyLinks_Sponsor}"
                        NavigateUri="https://www.ifdian.net/a/CJIK_mkp" />
                </ui:SettingsCard>

                <TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}"
                    Text="{x:Static props:FriendlyLinksStrings.FriendlyLinks_FriendsSectionTitle}" />

                <ui:SettingsCard Header="NamePicker"
                    Description="{x:Static props:FriendlyLinksStrings.FriendlyLinks_NamePickerDescription}">
                    <ui:SettingsCard.HeaderIcon>
                        <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Link}" />
                    </ui:SettingsCard.HeaderIcon>
                    <ui:HyperlinkButton Content="{x:Static props:FriendlyLinksStrings.FriendlyLinks_Visit}"
                        NavigateUri="https://github.com/NamePickerOrg/NamePicker" />
                </ui:SettingsCard>

                <ui:SettingsCard Header="Inkeys"
                    Description="{x:Static props:FriendlyLinksStrings.FriendlyLinks_InkeysDescription}">
                    <ui:SettingsCard.HeaderIcon>
                        <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Link}" />
                    </ui:SettingsCard.HeaderIcon>
                    <ui:HyperlinkButton Content="{x:Static props:FriendlyLinksStrings.FriendlyLinks_Visit}"
                        NavigateUri="https://github.com/Alan-CRL/Inkeys/" />
                </ui:SettingsCard>

                <ui:SettingsCard Header="开发者云平台"
                    Description="{x:Static props:FriendlyLinksStrings.FriendlyLinks_DeveloperCloudDescription}">
                    <ui:SettingsCard.HeaderIcon>
                        <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Link}" />
                    </ui:SettingsCard.HeaderIcon>
                    <ui:HyperlinkButton Content="{x:Static props:FriendlyLinksStrings.FriendlyLinks_Visit}"
                        NavigateUri="https://developer.dy.ci/" />
                </ui:SettingsCard>

                <Rectangle Height="48" />
            </ikw:SimpleStackPanel>
        </Grid>
    </ScrollViewer>
</ui:Page>
