<?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"
             NavigatedTo="ContentPage_NavigatedTo">
    <Grid
         RowDefinitions="Auto, *, 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="My Weekly List"
                MaximumHeightRequest="60"
                FontFamily="PoppinsBold"
                HorizontalOptions="Center"
                VerticalOptions="Center"/>
        </Grid>

        <!-- Account Recipe List items -->
        <ScrollView
            Grid.Row="1">
            <VerticalStackLayout
                Padding="30, 0, 30, 0"
                Spacing="12"
                x:Name="RecipesLayout">
            </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>