<Page
    x:Class="Microsoft.PowerToys.Settings.UI.OOBE.Views.OobeOverviewAlternate"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:Microsoft.PowerToys.Settings.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <controls:OOBEPageControl
        x:Uid="Oobe_Overview"
        HeroImage="ms-appx:///Assets/Settings/Modules/OOBE/PTHeroShort.png"
        HeroImageHeight="120">

        <controls:OOBEPageControl.PageContent>
            <StackPanel Orientation="Vertical" Spacing="12">
                <TextBlock
                    x:Uid="Alternate_OOBE_Description"
                    Margin="0,24,0,12"
                    FontWeight="SemiBold" />
                <GridView SelectionMode="None">
                    <GridViewItem>
                        <Grid
                            Width="280"
                            Margin="8"
                            Padding="16,16,16,10"
                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                            BorderThickness="1"
                            CornerRadius="8"
                            RowSpacing="0">

                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Image
                                Width="36"
                                HorizontalAlignment="Left"
                                Source="ms-appx:///Assets/Settings/Icons/FancyZones.png" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_FancyZones_Title"
                                Grid.Row="1"
                                Margin="0,12,0,6"
                                HorizontalAlignment="Left"
                                FontSize="16"
                                FontWeight="SemiBold"
                                TextWrapping="Wrap" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_FancyZones_Description"
                                Grid.Row="2"
                                FontSize="12"
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                TextWrapping="Wrap" />
                            <controls:ShortcutWithTextLabelControl
                                x:Name="FancyZonesHotkeyControl"
                                Grid.Row="3"
                                Margin="0,8,0,0" />
                        </Grid>
                    </GridViewItem>

                    <GridViewItem>
                        <Grid
                            Width="280"
                            Padding="16,16,16,10"
                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                            BorderThickness="1"
                            CornerRadius="8"
                            RowSpacing="0">

                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Image
                                Width="36"
                                HorizontalAlignment="Left"
                                Source="ms-appx:///Assets/Settings/Icons/PowerToysRun.png" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_Run_Title"
                                Grid.Row="1"
                                Margin="0,12,0,6"
                                HorizontalAlignment="Left"
                                FontSize="16"
                                FontWeight="SemiBold"
                                TextWrapping="Wrap" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_Run_Description"
                                Grid.Row="2"
                                FontSize="12"
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                TextWrapping="Wrap" />
                            <controls:ShortcutWithTextLabelControl
                                x:Name="RunHotkeyControl"
                                Grid.Row="3"
                                Margin="0,8,0,0" />
                        </Grid>
                    </GridViewItem>

                    <GridViewItem>
                        <Grid
                            Width="280"
                            Padding="16,16,16,10"
                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                            BorderThickness="1"
                            CornerRadius="8"
                            RowSpacing="0">

                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Image
                                Width="36"
                                HorizontalAlignment="Left"
                                Source="ms-appx:///Assets/Settings/Icons/ColorPicker.png" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_ColorPicker_Title"
                                Grid.Row="1"
                                Margin="0,12,0,6"
                                HorizontalAlignment="Left"
                                FontSize="16"
                                FontWeight="SemiBold"
                                TextWrapping="Wrap" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_ColorPicker_Description"
                                Grid.Row="2"
                                FontSize="12"
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                Text="To pick a color:"
                                TextWrapping="Wrap" />
                            <controls:ShortcutWithTextLabelControl
                                x:Name="ColorPickerHotkeyControl"
                                Grid.Row="3"
                                Margin="0,8,0,0" />
                        </Grid>
                    </GridViewItem>

                    <GridViewItem>
                        <Grid
                            Width="280"
                            Padding="16,16,16,10"
                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
                            BorderThickness="1"
                            CornerRadius="8"
                            RowSpacing="0">

                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Image
                                Width="36"
                                HorizontalAlignment="Left"
                                Source="ms-appx:///Assets/Settings/Icons/AlwaysOnTop.png" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_AlwaysOnTop_Title"
                                Grid.Row="1"
                                Margin="0,12,0,6"
                                HorizontalAlignment="Left"
                                FontSize="16"
                                FontWeight="SemiBold"
                                TextWrapping="Wrap" />
                            <TextBlock
                                x:Uid="Alternate_OOBE_AlwaysOnTop_Description"
                                Grid.Row="2"
                                FontSize="12"
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                TextWrapping="Wrap" />
                            <controls:ShortcutWithTextLabelControl
                                x:Name="AlwaysOnTopHotkeyControl"
                                Grid.Row="3"
                                Margin="0,8,0,0" />
                        </Grid>
                    </GridViewItem>

                </GridView>
            </StackPanel>
        </controls:OOBEPageControl.PageContent>
    </controls:OOBEPageControl>
</Page>
