<Page
    x:Class="AmbientSounds.Views.CataloguePage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:AmbientSounds.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:AmbientSounds.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="using:Microsoft.Toolkit.Uwp.UI.Controls"
    mc:Ignorable="d">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="92" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Grid
            x:Name="HeaderGrid"
            Margin="40,32,40,0"
            Canvas.ZIndex="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="auto" />
            </Grid.ColumnDefinitions>

            <StackPanel VerticalAlignment="Center" Orientation="Horizontal">
                <Button
                    x:Uid="BackButton"
                    Click="{x:Bind ViewModel.GoBack}"
                    Style="{StaticResource TransparentRoundButtonStyle}">
                    <FontIcon FontFamily="{StaticResource FluentUIGlyphs}" Glyph="&#xE921;" />
                </Button>
                <FontIcon
                    x:Name="CatalogueIcon"
                    Margin="12,0,0,0"
                    FontFamily="{StaticResource FluentUIGlyphs}"
                    Glyph="&#xEAD4;" />
                <TextBlock
                    x:Name="CatalogueTitle"
                    x:Uid="SoundCatalogue"
                    Margin="12,0,0,0"
                    VerticalAlignment="Center"
                    AutomationProperties.LandmarkType="Main"
                    FontFamily="Calibri"
                    FontSize="32" />
            </StackPanel>
        </Grid>
        <controls:CatalogueListControl Grid.Row="1" />
    </Grid>
</Page>
