<?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.MyListPage"
             Title="MyList"
             BackgroundColor="{StaticResource BackgroundPrimary}"
             xmlns:views="clr-namespace:ShoopNCook.Views">
    <Grid
         RowDefinitions="Auto, *, 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="My Weekly List"
                MaximumHeightRequest="60"
                FontFamily="PoppinsBold"
                HorizontalOptions="Center"
                VerticalOptions="Center"/>
        </Grid>

        <!-- Favorite items -->
        <ScrollView
            Grid.Row="1">
            <VerticalStackLayout
                Padding="30, 0, 30, 0"
                Spacing="12">

                <views:StoredRecipeView Note="4.5" Title="Spaghetti Bolognese"/>
                <views:StoredRecipeView Note="3" Title="Chickend Curry"/>
                <views:StoredRecipeView Note="0.2" Title="Beef Stroganoff"/>
                <views:StoredRecipeView Note="1.6" Title="Fish And Ships" />
                <views:StoredRecipeView Note="5" Title="Caesar Salad"/>
                <views:StoredRecipeView Note="3.5" Title="Vegetables"/>
                <views:StoredRecipeView Note="4.6" Title="Guacamole"/>
                <views:StoredRecipeView Note="4" Title="Pad Thai"/>
                <views:StoredRecipeView Note="3" Title="French Toast"/>
                <views:StoredRecipeView Note="2" Title="Margherita Pizza"/>
            </VerticalStackLayout>
        </ScrollView>

        <!-- Footer button -->
        <Border 
            Margin="20, 0, 20, 5"
            Grid.Row="2"
            Style="{StaticResource SecondaryBorder}">
            <Button
                Style="{StaticResource UserButton}"
                BackgroundColor="{StaticResource Selected}"
                Text="Show Ingredient List"/>
        </Border>
    </Grid>
</ContentPage>