changePassword Page

AppShell.xaml

@@ -13,6 +13,10 @@
             Title="Login Page"
             ContentTemplate="{DataTemplate views:LoginPage}"
             Route="Login" />
+        <ShellContent
+            Title="changePassword"
+            ContentTemplate="{DataTemplate views:changePassword}"
+            Route="ChangePassword" />
 
         <ShellContent
             Title="Profile Page"

ShoopNCook.csproj

@@ -71,6 +71,9 @@
 	</ItemGroup>
 
 	<ItemGroup>
+	  <MauiXaml Update="Views\changePassword.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="Views\ProfilePage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>

Views/changePassword.xaml

@@ -0,0 +1,116 @@
+<?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.Views.changePassword"
+             Title="changePassword"
+            BackgroundColor="{StaticResource BackgroundPrimary}">
+
+    <ScrollView>
+        <Grid
+            Margin="20"
+            RowDefinitions="Auto, Auto, Auto, *">
+
+            <!-- Change Password label and return button -->
+            <Grid
+                Grid.Row="0"
+                RowDefinitions="Auto, *"
+                ColumnDefinitions="*, 3*"
+                Margin="0, 0, 0, 40">
+                <HorizontalStackLayout>
+                    <ImageButton 
+                        Grid.Column="0" 
+           
+                        HeightRequest="50"
+                        WidthRequest="50"
+                        Source="arrow_back.svg"/>
+                </HorizontalStackLayout>
+                <Label 
+                    Grid.Column="1"
+                    FontSize="24"
+                    TextColor="{StaticResource TextColorPrimary}"
+                    Text="Change Password"
+                    FontFamily="PoppinsBold"
+                    VerticalOptions="Center"/>
+            </Grid>
+
+            <!-- User inputs -->
+            <Grid
+                Grid.Row="2"
+                Margin="0, 20, 0, 0"
+                RowDefinitions="Auto, *, Auto, *,Auto,*">
+                <Label 
+                    Grid.Row="0"
+                    Text="Old Password"
+                    FontFamily="PoppinsBold"
+                    TextColor="{StaticResource TextColorSecondary}"/>
+
+                <Border
+                    Grid.Row="1"
+                    Style="{StaticResource SecondaryBorder}">
+                    <Entry
+                        Style="{StaticResource UserInput}"
+                        IsPassword="True"   
+                        Placeholder="Type your old password here"/>
+                </Border>
+
+                <Label 
+                    Grid.Row="2"
+                    Text="New password"
+                    FontFamily="PoppinsBold"
+                    TextColor="{StaticResource TextColorSecondary}"/>
+
+                <Border
+                    Grid.Row="3"
+                    Style="{StaticResource SecondaryBorder}">
+                    <Entry
+                        Style="{StaticResource UserInput}"
+                        IsPassword="True"
+                        Placeholder="Type your new password here"/>
+                </Border>
+
+                <Label 
+                    Grid.Row="4"
+                    Text="Confirm the new password"
+                    FontFamily="PoppinsBold"
+                    Margin="0,0,0,20"
+                    TextColor="{StaticResource TextColorSecondary}"/>
+
+                <Border
+                    Grid.Row="5"
+                    Style="{StaticResource SecondaryBorder}">
+                    <Entry
+                        Style="{StaticResource UserInput}"
+                        IsPassword="True"
+                        Placeholder="Type your new password here"/>
+                </Border>
+
+
+
+            </Grid>
+
+
+            <!-- Save button -->
+
+            <VerticalStackLayout
+                Grid.Row="3"
+                VerticalOptions="End">
+                <Border
+                    Margin="0, 30, 0, 0"
+                    Stroke="{StaticResource BackgroundPrimary}"
+                    StrokeShape="RoundRectangle 12">
+                    <Label
+                        HeightRequest="50"
+                        BackgroundColor="{StaticResource ActionButton}"
+                        HorizontalTextAlignment="Center"
+                        VerticalTextAlignment="Center"
+                        FontFamily="PoppinsBold"
+                        Text="SAVE"/>
+                </Border>
+            </VerticalStackLayout>
+
+
+        </Grid>
+
+    </ScrollView>
+
+</ContentPage>

Views/changePassword.xaml.cs

@@ -0,0 +1,9 @@
+namespace ShoopNCook.Views;
+
+public partial class changePassword : ContentPage
+{
+	public changePassword()
+	{
+		InitializeComponent();
+	}
+}