<controls2:EnhancedPage
    x:Class="Pixeval.Pages.Misc.HelpPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:controls2="using:Pixeval.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:fluent="using:FluentIcons.WinUI"
    xmlns:labs="using:CommunityToolkit.Labs.WinUI.MarkdownTextBlock"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <controls2:EnhancedPage.Resources>
        <Style
            x:Key="HelpHeaderTextBlockStyle"
            BasedOn="{StaticResource SubtitleTextBlockStyle}"
            TargetType="TextBlock">
            <Setter Property="Margin" Value="0,10" />
        </Style>
    </controls2:EnhancedPage.Resources>
    <controls:DockPanel VerticalSpacing="10">
        <TextBlock
            x:Uid="/HelpPage/TitleTextBlock"
            Margin="20,40,20,20"
            controls:DockPanel.Dock="Top"
            Style="{StaticResource TitleTextBlockStyle}" />
        <ScrollView>
            <StackPanel Margin="20,0,20,20">
                <controls:SettingsExpander x:Uid="/HelpPage/AppLinkHelpExpander" HeaderIcon="{fluent:SymbolIcon Symbol=Link}">
                    <controls:SettingsExpander.Items>
                        <controls:SettingsCard HorizontalContentAlignment="Stretch" ContentAlignment="Left">
                            <StackPanel Spacing="20">
                                <ContentPresenter MaxWidth="300" CornerRadius="{StaticResource ControlCornerRadius}">
                                    <Image Source="ms-appx:///Assets/Images/illust-app-link-sample.png" />
                                </ContentPresenter>
                                <TextBlock x:Uid="/HelpPage/AppLinkHelp" />
                            </StackPanel>
                        </controls:SettingsCard>
                    </controls:SettingsExpander.Items>
                </controls:SettingsExpander>
                <controls:SettingsExpander x:Uid="/HelpPage/DownloadMacroHelpExpander" HeaderIcon="{fluent:SymbolIcon Symbol=Rename}">
                    <controls:SettingsExpander.Items>
                        <controls:SettingsCard HorizontalContentAlignment="Stretch" ContentAlignment="Left">
                            <labs:MarkdownTextBlock x:Uid="/TextGenerated/DownloadMacroHelp" Text="">
                                <labs:MarkdownTextBlock.Config>
                                    <labs:MarkdownConfig />
                                </labs:MarkdownTextBlock.Config>
                            </labs:MarkdownTextBlock>
                        </controls:SettingsCard>
                    </controls:SettingsExpander.Items>
                </controls:SettingsExpander>
                <controls:SettingsExpander x:Uid="/HelpPage/QueryFilterHelpExpander" HeaderIcon="{fluent:SymbolIcon Symbol=Filter}">
                    <controls:SettingsExpander.Items>
                        <controls:SettingsCard HorizontalContentAlignment="Stretch" ContentAlignment="Vertical">
                            <controls:SettingsCard.Header>
                                <TextBlock x:Uid="/HelpPage/QueryFilterSimpleHelpHeader" Style="{StaticResource HelpHeaderTextBlockStyle}" />
                            </controls:SettingsCard.Header>
                            <labs:MarkdownTextBlock x:Uid="/TextGenerated/QueryFilterSimpleHelp" Text="">
                                <labs:MarkdownTextBlock.Config>
                                    <labs:MarkdownConfig />
                                </labs:MarkdownTextBlock.Config>
                            </labs:MarkdownTextBlock>
                        </controls:SettingsCard>
                        <controls:SettingsCard HorizontalContentAlignment="Stretch" ContentAlignment="Vertical">
                            <controls:SettingsCard.Header>
                                <TextBlock x:Uid="/HelpPage/QueryFilterHelpHeader" Style="{StaticResource HelpHeaderTextBlockStyle}" />
                            </controls:SettingsCard.Header>
                            <labs:MarkdownTextBlock x:Uid="/TextGenerated/QueryFilterHelp" Text="">
                                <labs:MarkdownTextBlock.Config>
                                    <labs:MarkdownConfig />
                                </labs:MarkdownTextBlock.Config>
                            </labs:MarkdownTextBlock>
                        </controls:SettingsCard>
                    </controls:SettingsExpander.Items>
                </controls:SettingsExpander>
                <controls:SettingsExpander x:Uid="/HelpPage/ExtensionsHelpExpander" HeaderIcon="{fluent:SymbolIcon Symbol=PuzzlePiece}">
                    <controls:SettingsExpander.Items>
                        <controls:SettingsCard HorizontalContentAlignment="Stretch" ContentAlignment="Left">
                            <labs:MarkdownTextBlock x:Uid="/TextGenerated/ExtensionsHelp" Text="">
                                <labs:MarkdownTextBlock.Config>
                                    <labs:MarkdownConfig />
                                </labs:MarkdownTextBlock.Config>
                            </labs:MarkdownTextBlock>
                        </controls:SettingsCard>
                    </controls:SettingsExpander.Items>
                </controls:SettingsExpander>
            </StackPanel>
        </ScrollView>
    </controls:DockPanel>
</controls2:EnhancedPage>
