<?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.ForgotPassword"
             Title="ForgotPassword"
             BackgroundColor="{StaticResource BackgroundPrimary}">
    <ScrollView>
        <Grid
            Padding="20"
            RowDefinitions="Auto, Auto, Auto, *">

            <!-- Profile label and return button -->
            <Grid
                Grid.Row="0"
                RowDefinitions="Auto, *"
                ColumnDefinitions="*, 1.5*"
                Margin="0, 0, 0, 40">
                <HorizontalStackLayout>
                    <ImageButton 
                        Grid.Column="0" 
           
                        HeightRequest="50"
                        WidthRequest="50"
                        Source="arrow_back.svg"
                        Clicked="OnBackButtonClicked"/>
                </HorizontalStackLayout>
                <Label 
                    Margin="-40,10,0,0"
                    Grid.Column="1"
                    FontSize="24"
                    TextColor="{StaticResource TextColorPrimary}"
                    Text="Forgot Password"
                    FontFamily="PoppinsBold"
                    VerticalOptions="Start"/>
            </Grid>

            <!-- Email entry -->
            <Grid
                Grid.Row="1"
                RowDefinitions="*, Auto, Auto"
                >

                <Label 
                    
                    Grid.Row="0"
                    FontSize="15"
                    TextColor="{StaticResource TextColorSecondary}"
                    Text="Enter your email here : "
                    FontFamily="PoppinsBold"
                    VerticalOptions="Center"/>
                <Border
                    Grid.Row="1"
                    Style="{StaticResource SecondaryBorder}"
                    Margin="0,30,0,20">
                        <Grid
                        Padding="5"
                        BackgroundColor="{StaticResource BackgroundSecondary}"
                        ColumnDefinitions="Auto,Auto,*">

                            <Image 
                            Grid.Column="1"
                            Source="email_icon.svg">
                            </Image>
                            <Entry 
                            Style="{StaticResource UserInput}"
                            Grid.Column="2"
                            Placeholder="User Name"/>
                        </Grid>
                    </Border>

                <VerticalStackLayout
                    Grid.Row="2"
                    VerticalOptions="End">
                    <Border
                        Margin="0, 30, 0, 0"
                        Stroke="{StaticResource BackgroundPrimary}"
                        StrokeShape="RoundRectangle 12">
                        <Button
                            BackgroundColor="{StaticResource ActionButton}"
                            FontFamily="PoppinsMedium"
                            TextColor="White"
                            Text="Recup my Password"/>
                    </Border>
                </VerticalStackLayout>
            </Grid>
            <Grid>
                
            </Grid>
            <!-- Sendmail grid -->
            <Grid
                Grid.Row="2"
                RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto"
                RowSpacing="10">
                <Label 
                    Grid.Row="0"
                    Margin="20"
                    Text="A recuperation code as been send to your email address ! "
                    FontFamily="PoppinsBold"
                    TextColor="LightGreen"/>
                <Label 
                    Grid.Row="1"
                    Text="Enter the code here"
                    FontFamily="PoppinsBold"
                    TextColor="{StaticResource TextColorSecondary}"/>
                <Border
                    Grid.Row="2"
                    Style="{StaticResource SecondaryBorder}"
                    >
                    <Grid
                        Padding="5"
                        BackgroundColor="{StaticResource BackgroundSecondary}"
                        ColumnDefinitions="Auto,Auto,*">

                        <Image 
                            Grid.Column="1"
                            Source="code.png">
                        </Image>
                        <Entry 
                            Style="{StaticResource UserInput}"
                            Grid.Column="2"
                            Placeholder="Code"/>
                    </Grid>
                </Border>
                <Label 
                    Grid.Row="3"
                    Text="Enter new Password here"
                    FontFamily="PoppinsBold"
                    TextColor="{StaticResource TextColorSecondary}"/>
                <Border
                    Grid.Row="4"
                    Style="{StaticResource SecondaryBorderShadow}">
                    <Entry
                        Style="{StaticResource UserInput}" 
                        Placeholder="New password"
                        IsPassword="True"/>
                </Border>
                <Label 
                    Grid.Row="5"
                    Text="Confirm your new Password here"
                    FontFamily="PoppinsBold"
                    TextColor="{StaticResource TextColorSecondary}"/>
                <Border
                    Grid.Row="6"
                    Style="{StaticResource SecondaryBorderShadow}">
                    <Entry
                        Style="{StaticResource UserInput}" 
                        Placeholder="New password"
                        IsPassword="True"/>
                </Border>
            </Grid>

            <!-- Save button -->

            <VerticalStackLayout
                Grid.Row="3"
                VerticalOptions="End">
                <Border
                    Margin="0, 30, 0, 0"
                    Stroke="{StaticResource BackgroundPrimary}"
                    StrokeShape="RoundRectangle 12">
                    <Button
                        BackgroundColor="{StaticResource ActionButton}"
                        FontFamily="PoppinsMedium"
                        TextColor="White"
                        Text="Save Change"/>
                </Border>
            </VerticalStackLayout>


        </Grid>

    </ScrollView>
</ContentPage>