changepassword page

lib/page/change_password/change_password.dart

+import 'package:flutter/material.dart';
+import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
+import 'package:tour_travel_agr/helper/components_widget/password_input.dart';
+import 'package:tour_travel_agr/helper/components_widget/widget_button.dart';
+import 'package:tour_travel_agr/helper/widget_responsive.dart';
+import 'package:tour_travel_agr/resource/colors.dart';
+import 'package:tour_travel_agr/resource/font.dart';
+import 'package:tour_travel_agr/resource/size.dart';
+import 'package:tour_travel_agr/resource/style.dart';
+
+class ChangePasswordView extends StatefulWidget {
+  const ChangePasswordView({super.key});
+
+  @override
+  State<ChangePasswordView> createState() => _ChangePasswordViewState();
+}
+
+class _ChangePasswordViewState extends State<ChangePasswordView> {
+  final TextEditingController nowPasswordController = TextEditingController();
+
+  final TextEditingController newPasswordController = TextEditingController();
+
+  final TextEditingController confirmNewPasswordController =
+      TextEditingController();
+
+  bool buttonActive = false;
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorManager.backgroundColor,
+      body: ScreenResponsive(
+        widget: bodyWidget(context),
+        widthScreen: MediaQuery.of(context).size.width,
+      ),
+    );
+  }
+
+  Container bodyWidget(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.only(
+        top: AppPadding.safeAreaTop(context),
+        left: AppPadding.p20,
+        right: AppPadding.p20,
+        bottom: AppPadding.safeAreaBot(context),
+      ),
+      child: Column(
+        children: [
+          const CustomAppBar(
+            text: "Change Password",
+          ),
+          Expanded(
+            child: SingleChildScrollView(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  SizedBox(
+                    height: AppMargin.m20,
+                  ),
+                  PasswordInput(
+                    passwordController: nowPasswordController,
+                    labelText: "Password Saat Ini",
+                    borderSideActive: true,
+                    labelColor: ColorManager.primary,
+                    onChanged: (val) {
+                      if (nowPasswordController.text.isNotEmpty &&
+                          newPasswordController.text.isNotEmpty &&
+                          confirmNewPasswordController.text.isNotEmpty) {
+                        setState(() {
+                          buttonActive = true;
+                        });
+                      } else {
+                        buttonActive = false;
+                      }
+                    },
+                  ),
+                  Container(
+                    margin: EdgeInsets.only(
+                      top: AppMargin.m20,
+                    ),
+                    child: Text(
+                      "Ubah password anda",
+                      style: getRegularStyle(
+                        color: Colors.black,
+                        fontSize: 15,
+                        fontFamily: FontConstants.mulish,
+                      ),
+                    ),
+                  ),
+                  SizedBox(
+                    height: AppMargin.m12,
+                  ),
+                  PasswordInput(
+                    passwordController: newPasswordController,
+                    labelText: "Password Baru",
+                    borderSideActive: true,
+                    labelColor: ColorManager.primary,
+                    onChanged: (val) {
+                      if (nowPasswordController.text.isNotEmpty &&
+                          newPasswordController.text.isNotEmpty &&
+                          confirmNewPasswordController.text.isNotEmpty) {
+                        setState(() {
+                          buttonActive = true;
+                        });
+                      } else {
+                        buttonActive = false;
+                      }
+                    },
+                  ),
+                  PasswordInput(
+                    passwordController: confirmNewPasswordController,
+                    labelText: "Konfirmasi Password Baru",
+                    borderSideActive: true,
+                    labelColor: ColorManager.primary,
+                    onChanged: (val) {
+                      if (nowPasswordController.text.isNotEmpty &&
+                          newPasswordController.text.isNotEmpty &&
+                          confirmNewPasswordController.text.isNotEmpty) {
+                        setState(() {
+                          buttonActive = true;
+                        });
+                      } else {
+                        buttonActive = false;
+                      }
+                    },
+                  ),
+                  Container(
+                    margin: const EdgeInsets.only(
+                      top: 50,
+                    ),
+                    child: CustomButton(
+                      text: "Update",
+                      colorButton: (buttonActive) ? null : Colors.grey,
+                      onTap: () {
+                        if (buttonActive) {
+                          // TODO: do something here
+                        }
+                      },
+                    ),
+                  )
+                ],
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/page/home/home.dart

@@ -96,7 +96,7 @@ class BodyWIdget extends StatelessWidget {
                       horizontal: AppPadding.p20,
                     ),
                     child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                         CardSectionHome(
@@ -120,7 +120,7 @@ class BodyWIdget extends StatelessWidget {
                       horizontal: AppPadding.p20,
                     ),
                     child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                         GestureDetector(
@@ -169,8 +169,8 @@ class CardSectionHome extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      width: 163,
-      height: 163,
+      width: 155,
+      height: 155,
       padding: EdgeInsets.all(
         AppPadding.p20,
       ),

lib/resource/assets.dart

@@ -19,4 +19,6 @@ class Assets {
   static String logoutIcon = "${rootIcon}logout.png";
   static String editIcon = "${rootIcon}edit.png";
   static String phoneIcon = "${rootIcon}phone.png";
+  static String logoutGreyIcon = "${rootIcon}logout_grey.png";
+  static String passwordIcon = "${rootIcon}password.png";
 }

lib/resource/routes.dart

 import 'package:flutter/material.dart';
+import 'package:tour_travel_agr/page/change_password/change_password.dart';
 import 'package:tour_travel_agr/page/forgot_password/forgot_password.dart';
 import 'package:tour_travel_agr/page/login/login.dart';
 import 'package:tour_travel_agr/page/otp_verification/otp_verification.dart';
@@ -15,6 +16,7 @@ class Routes {
   static const String verificationRoute = "/verification";
   static const String forgotPasswordRoute = "/forgot-password";
   static const String resetPasswordRoute = "/reset-password";
+  static const String changePasswordRoute = "/change-password";
   static const String homeRoute = "/home";
   static const String profileRoute = "/profile";
   static const String reimburseRoute = "/reimbursement";
@@ -40,6 +42,8 @@ class RouteGenerator {
         return pageRouteCustom(const HomeView());
       case Routes.profileRoute:
         return pageRouteCustom(const ProfileView());
+      case Routes.changePasswordRoute:
+        return pageRouteCustom(const ChangePasswordView());
       default:
         return unDefinedRoute();
     }

lib/resource/size.dart

@@ -11,6 +11,7 @@ class AppPadding {
 
   static double p8 = 8;
   static double p12 = 12;
+  static double p15 = 15;
   static double p20 = 20;
 }