<?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.MorePage"
             BackgroundColor="{StaticResource BackgroundPrimary}"
             xmlns:views="clr-namespace:ShoopNCook.Views"
             Title="MorePage">

    <Grid
        RowDefinitions="Auto, *"
        Padding="20, 50, 20, 20">
        <!-- Profile picture and name -->
        <Grid
            Grid.Row="0"
            ColumnDefinitions="*, 2*"
            ColumnSpacing="30">

            <Image
                x:Name="ProfileImage"/>

            <Label 
                x:Name="ProfileName"
                Grid.Column="1"
                FontSize="24"
                VerticalTextAlignment="Center"
                TextColor="{StaticResource TextColorPrimary}"
                FontFamily="Poppins"/>
        </Grid>

        <VerticalStackLayout 
            Grid.Row="1"
            VerticalOptions="Center"
            Margin="40, 0, 0, 0">
            <Grid>
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnMyRecipesButtonTapped"/>
                </Grid.GestureRecognizers>
                <views:HeadedButton Text="My Recipes" HeadSource="cookie.svg" HeadColor="#FF5441"/>
            </Grid>
            <Grid>
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnEditProfileButtonTapped"/>
                </Grid.GestureRecognizers>
                <views:HeadedButton Text="Edit Profile" HeadSource="user_fill.svg" HeadColor="#FF5441"/>
            </Grid>

            <views:HeadedButton Text="Dark Mode" HeadSource="moon_white.svg" HeadColor="#FFFFFF"/>
            <Grid>
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnShareButtonClicked"/>
                </Grid.GestureRecognizers>
                <views:HeadedButton Text="Share App" HeadSource="share.svg" HeadColor="#fe33bf"/>
            </Grid>
            <Grid>
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnLogoutButtonTapped"/>
                </Grid.GestureRecognizers>
                <views:HeadedButton Text="Logout" HeadSource="logout_arrow.svg" HeadColor="#FF5441"/>
            </Grid>
        </VerticalStackLayout>
    </Grid>
</ContentPage>