<?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}">
    
    <Grid
        RowDefinitions="Auto, *">
        <!-- Header label and return button -->
        <Grid
            Grid.Row="0"
            Padding="20, 40, 0, 30"
            ColumnDefinitions="*"
            MaximumHeightRequest="60">

            <ImageButton 
                Grid.Column="0" 
                HeightRequest="50"
                WidthRequest="50"
                Source="arrow_back.svg"
                HorizontalOptions="Start"/>

            <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">

                <views:RecipeView Margin="5" Note="4.5" Title="Spaghetti Bolognese" Subtitle="30 min"/>
                <views:RecipeView Margin="5" Note="3" Title="Chickend Curry" Subtitle="45 min"/>
                <views:RecipeView Margin="5" Note="0.2" Title="Beef Stroganoff" Subtitle="10 min"/>
                <views:RecipeView Margin="5" Note="1.6" Title="Fish And Ships" Subtitle="15 min"/>
                <views:RecipeView Margin="5" Note="5" Title="Caesar Salad" Subtitle="20 min"/>
                <views:RecipeView Margin="5" Note="3.5" Title="Vegetables" Subtitle="60 min"/>
                <views:RecipeView Margin="5" Note="4.6" Title="Guacamole" Subtitle="90 min"/>
                <views:RecipeView Margin="5" Note="4" Title="Pad Thai" Subtitle="10 min"/>
                <views:RecipeView Margin="5" Note="3" Title="French Toast" Subtitle="5 min"/>
                <views:RecipeView Margin="5" Note="2" Title="Margherita Pizza" Subtitle="2 min"/>
            </FlexLayout>
        </ScrollView>
    </Grid>
</ContentPage>