<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ShoopNCook.Pages.FavoritesPage"
             Title="FavoritesPage"
             xmlns:views="clr-namespace:ShoopNCook.Views"
             BackgroundColor="{StaticResource BackgroundPrimary}"
             NavigatedTo="ContentPage_NavigatedTo">
    
    <Grid
        RowDefinitions="Auto, *">
        <!-- Header label and return button -->
        <Grid
            Grid.Row="0"
            Padding="20, 40, 0, 30"
            ColumnDefinitions="*"
            MaximumHeightRequest="60">

            <Label 
                Grid.Column="0"
                FontSize="24"
                TextColor="{StaticResource TextColorPrimary}"
                Text="Favorites Recipes"
                MaximumHeightRequest="60"
                FontFamily="PoppinsBold"
                HorizontalOptions="Center"
                VerticalOptions="Center"/>
        </Grid>

        <!-- Favorite items -->
        <ScrollView
            Grid.Row="1">
            <FlexLayout
                JustifyContent="Center"
                AlignItems="Start"
                AlignContent="Start"
                Direction="Row"
                Wrap="Wrap"
                x:Name="RecipeViewLayout">
                
            </FlexLayout>
        </ScrollView>
    </Grid>
</ContentPage>