From aed58fdf404da32598a5ff89c39db07890f223a1 Mon Sep 17 00:00:00 2001
From: meenakshijay1005-netizen <meenakshi.jay1005@gmail.com>
Date: Tue, 7 Apr 2026 19:28:37 +0200
Subject: [PATCH] changes in xml

---
 .../fxml/profile_organization.fxml/edit.fxml  | 242 ++++++++++++++++
 .../fxml/profile_organization.fxml/inbox.fxml | 263 +++++++++++++++++
 .../profile_organization.fxml/payments.fxml   | 266 ++++++++++++++++++
 .../profile_organization.fxml/settings.fxml   | 225 +++++++++++++++
 4 files changed, 996 insertions(+)

diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml
index e69de29..ddc5f4a 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml
@@ -0,0 +1,242 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane prefHeight="900.0" prefWidth="1400.0"
+          xmlns="http://javafx.com/javafx/25"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.OrganizationEditController"
+          style="-fx-background-color: #F5F5F5;">
+
+    <columnConstraints>
+        <ColumnConstraints percentWidth="100.0"/>
+    </columnConstraints>
+
+    <rowConstraints>
+        <javafx.scene.layout.RowConstraints prefHeight="90.0"/>
+        <javafx.scene.layout.RowConstraints vgrow="ALWAYS"/>
+    </rowConstraints>
+
+    <!-- TOP NAVBAR -->
+    <GridPane style="-fx-background-color: #3C9692;" GridPane.rowIndex="0">
+        <padding>
+            <Insets top="12" right="24" bottom="12" left="24"/>
+        </padding>
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="25"/>
+            <ColumnConstraints percentWidth="45"/>
+            <ColumnConstraints percentWidth="30"/>
+        </columnConstraints>
+
+        <children>
+            <HBox alignment="CENTER_LEFT" GridPane.columnIndex="0">
+                <children>
+                    <Label text="HelpMeHelp" textFill="WHITE">
+                        <font>
+                            <Font name="System Bold" size="34"/>
+                        </font>
+                    </Label>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER" GridPane.columnIndex="1">
+                <children>
+                    <TextField fx:id="searchField"
+                               promptText="Search"
+                               prefWidth="430"
+                               prefHeight="42"
+                               onAction="#handleSearch"
+                               style="-fx-background-radius: 22; -fx-border-radius: 22; -fx-font-size: 16px; -fx-padding: 0 0 0 18;"/>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER_RIGHT" spacing="18" GridPane.columnIndex="2">
+                <children>
+                    <StackPane>
+                        <children>
+                            <Circle radius="26" fill="WHITE"/>
+                            <Label text="SJ" textFill="#333333">
+                                <font>
+                                    <Font name="System Bold" size="16"/>
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+
+                    <Button text="🔔"
+                            mnemonicParsing="false"
+                            style="-fx-background-color: transparent; -fx-font-size: 22px;">
+                        <cursor>
+                            <Cursor fx:constant="HAND"/>
+                        </cursor>
+                    </Button>
+                </children>
+            </HBox>
+        </children>
+    </GridPane>
+
+    <!-- MAIN CONTENT -->
+    <GridPane GridPane.rowIndex="1">
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="23"/>
+            <ColumnConstraints percentWidth="77"/>
+        </columnConstraints>
+
+        <!-- SIDEBAR -->
+        <VBox spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
+            <padding>
+                <Insets top="28" right="24" bottom="28" left="24"/>
+            </padding>
+
+            <children>
+                <VBox alignment="CENTER" spacing="18">
+                    <children>
+                        <Circle radius="95" fill="#D9D9D9"/>
+                        <Label text="Organization&#10;Name" textAlignment="CENTER" textFill="#333333">
+                            <font>
+                                <Font size="20"/>
+                            </font>
+                        </Label>
+                    </children>
+                </VBox>
+
+                <VBox spacing="24">
+                    <children>
+                        <Button text="💵  Payments" onAction="#switchToPaymentsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #6AA84F;"/>
+                        <Button text="✉  Inbox" onAction="#switchToInboxPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #D99028;"/>
+                        <Button text="✎  Edit"
+                                style="-fx-background-color: #F3F4F6; -fx-background-radius: 30; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #E68BA8;"/>
+                        <Button text="⚙  Settings" onAction="#switchToSettingsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #7B7B7B;"/>
+                    </children>
+                </VBox>
+
+                <VBox VBox.vgrow="ALWAYS"/>
+
+                <Button text="↪  Log Out" onAction="#handleLogout"
+                        style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #333333;"/>
+            </children>
+        </VBox>
+
+        <!-- PAGE AREA -->
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: transparent;" GridPane.columnIndex="1">
+            <content>
+                <VBox spacing="34" style="-fx-background-color: #F5F5F5;">
+                    <padding>
+                        <Insets top="46" right="46" bottom="46" left="70"/>
+                    </padding>
+
+                    <children>
+                        <VBox spacing="6">
+                            <children>
+                                <Label text="Edit" textFill="#111111">
+                                    <font>
+                                        <Font size="52"/>
+                                    </font>
+                                </Label>
+                                <Label text="Edit page" textFill="#8B8B8B">
+                                    <font>
+                                        <Font size="22"/>
+                                    </font>
+                                </Label>
+                            </children>
+                        </VBox>
+
+                        <!-- HEADER CARD -->
+                        <HBox spacing="30" alignment="TOP_LEFT">
+                            <children>
+                                <StackPane prefWidth="760" prefHeight="220">
+                                    <children>
+                                        <Rectangle width="760" height="220" arcWidth="16" arcHeight="16" fill="#E9ECEF"/>
+                                        <VBox alignment="CENTER_LEFT" spacing="16" maxWidth="620">
+                                            <children>
+                                                <Label text="REDD BARNA NORGE" textFill="#111111">
+                                                    <font>
+                                                        <Font size="42"/>
+                                                    </font>
+                                                </Label>
+                                                <Label text="“Våre sparepenger skal ikke ødelegge barns liv”" wrapText="true" textFill="#666666">
+                                                    <font>
+                                                        <Font size="18"/>
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+                                    </children>
+                                </StackPane>
+
+                                <Button text="✎  Edit header"
+                                        onAction="#handleEditHeader"
+                                        style="-fx-background-color: transparent; -fx-font-size: 18px; -fx-text-fill: #D790A7;"/>
+                            </children>
+                        </HBox>
+
+                        <!-- CONTENT CARD -->
+                        <HBox spacing="30" alignment="TOP_LEFT">
+                            <children>
+                                <StackPane prefWidth="760" prefHeight="300">
+                                    <children>
+                                        <Rectangle width="760" height="300" arcWidth="16" arcHeight="16" fill="#E9ECEF"/>
+
+                                        <HBox alignment="CENTER_LEFT" spacing="40" maxWidth="660">
+                                            <children>
+                                                <VBox spacing="18">
+                                                    <children>
+                                                        <Label text="Overview" textFill="#222222">
+                                                            <font>
+                                                                <Font size="28"/>
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="“Example text”" textFill="#777777">
+                                                            <font>
+                                                                <Font size="18"/>
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+
+                                                <StackPane>
+                                                    <children>
+                                                        <Rectangle width="170" height="210" arcWidth="10" arcHeight="10" fill="#F3DDE5"/>
+                                                        <Label text="🖼" textFill="#D69BAE">
+                                                            <font>
+                                                                <Font size="38"/>
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </StackPane>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </StackPane>
+
+                                <Button text="✎  Edit text&#10;box #1"
+                                        onAction="#handleEditTextBox1"
+                                        mnemonicParsing="false"
+                                        style="-fx-background-color: transparent; -fx-font-size: 18px; -fx-text-fill: #D790A7; -fx-alignment: TOP_LEFT;"/>
+                            </children>
+                        </HBox>
+                    </children>
+                </VBox>
+            </content>
+        </ScrollPane>
+    </GridPane>
+</GridPane>
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml
index e69de29..adff16f 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane prefHeight="900.0" prefWidth="1400.0"
+          xmlns="http://javafx.com/javafx/25"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.OrganizationInboxController"
+          style="-fx-background-color: #F5F5F5;">
+
+    <columnConstraints>
+        <ColumnConstraints percentWidth="100.0"/>
+    </columnConstraints>
+
+    <rowConstraints>
+        <javafx.scene.layout.RowConstraints prefHeight="90.0"/>
+        <javafx.scene.layout.RowConstraints vgrow="ALWAYS"/>
+    </rowConstraints>
+
+    <!-- TOP NAVBAR -->
+    <GridPane style="-fx-background-color: #3C9692;" GridPane.rowIndex="0">
+        <padding>
+            <Insets top="12" right="24" bottom="12" left="24"/>
+        </padding>
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="25"/>
+            <ColumnConstraints percentWidth="45"/>
+            <ColumnConstraints percentWidth="30"/>
+        </columnConstraints>
+
+        <children>
+            <HBox alignment="CENTER_LEFT" GridPane.columnIndex="0">
+                <children>
+                    <Label text="HelpMeHelp" textFill="WHITE">
+                        <font>
+                            <Font name="System Bold" size="34"/>
+                        </font>
+                    </Label>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER" GridPane.columnIndex="1">
+                <children>
+                    <TextField fx:id="searchField" promptText="Search" prefWidth="430" prefHeight="42"
+                               style="-fx-background-radius: 22; -fx-border-radius: 22; -fx-font-size: 16px; -fx-padding: 0 0 0 18;"/>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER_RIGHT" spacing="18" GridPane.columnIndex="2">
+                <children>
+                    <StackPane>
+                        <children>
+                            <Circle radius="26" fill="WHITE"/>
+                            <Label text="SJ">
+                                <font>
+                                    <Font name="System Bold" size="16"/>
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+
+                    <Button text="🔔" mnemonicParsing="false"
+                            style="-fx-background-color: transparent; -fx-font-size: 22px;"/>
+                </children>
+            </HBox>
+        </children>
+    </GridPane>
+
+    <GridPane GridPane.rowIndex="1">
+        <columnConstraints>
+            <ColumnConstraints percentWidth="23"/>
+            <ColumnConstraints percentWidth="77"/>
+        </columnConstraints>
+
+        <!-- SIDEBAR -->
+        <VBox spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
+            <padding>
+                <Insets top="28" right="24" bottom="28" left="24"/>
+            </padding>
+
+            <children>
+                <VBox alignment="CENTER" spacing="18">
+                    <children>
+                        <Circle radius="95" fill="#D9D9D9"/>
+                        <Label text="Organization&#10;Name" textAlignment="CENTER">
+                            <font>
+                                <Font size="20"/>
+                            </font>
+                        </Label>
+                    </children>
+                </VBox>
+
+                <VBox spacing="24">
+                    <children>
+                        <Button text="💵  Payments" onAction="#switchToPaymentsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #6AA84F;"/>
+                        <Button text="✉  Inbox"
+                                style="-fx-background-color: #F3F4F6; -fx-background-radius: 30; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #E2B56E;"/>
+                        <Button text="✎  Edit" onAction="#switchToEditPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #E68BA8;"/>
+                        <Button text="⚙  Settings" onAction="#switchToSettingsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #7B7B7B;"/>
+                    </children>
+                </VBox>
+
+                <VBox VBox.vgrow="ALWAYS"/>
+                <Button text="↪  Log Out" onAction="#handleLogout"
+                        style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT;"/>
+            </children>
+        </VBox>
+
+        <!-- CONTENT -->
+        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: transparent;" GridPane.columnIndex="1">
+            <content>
+                <VBox spacing="26">
+                    <padding>
+                        <Insets top="40" right="40" bottom="40" left="70"/>
+                    </padding>
+
+                    <children>
+                        <Label text="Inbox">
+                            <font>
+                                <Font size="48"/>
+                            </font>
+                        </Label>
+
+                        <HBox spacing="40" alignment="CENTER_LEFT">
+                            <children>
+                                <Button text="Last 6 months   ⌄"
+                                        onAction="#handleFilterMessages"
+                                        style="-fx-background-color: #E8BE7D; -fx-text-fill: white; -fx-font-size: 18px; -fx-background-radius: 0; -fx-padding: 12 22 12 22;"/>
+
+                                <VBox alignment="TOP_RIGHT" spacing="0">
+                                    <children>
+                                        <Button text="View replies    ⌄"
+                                                onAction="#handleViewReplies"
+                                                style="-fx-background-color: #EFD5AB; -fx-text-fill: white; -fx-font-size: 18px; -fx-padding: 12 20 12 20;"/>
+                                        <Button text="-    View sent messages"
+                                                onAction="#handleViewSentMessages"
+                                                style="-fx-background-color: #E7E7E7; -fx-text-fill: #8B8B8B; -fx-font-size: 16px; -fx-padding: 12 20 12 20;"/>
+                                    </children>
+                                </VBox>
+                            </children>
+                        </HBox>
+
+                        <!-- Message 1 -->
+                        <VBox spacing="6">
+                            <children>
+                                <HBox alignment="CENTER_LEFT" spacing="20">
+                                    <children>
+                                        <Circle radius="38" fill="#D9D9D9"/>
+                                        <VBox spacing="8">
+                                            <children>
+                                                <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="20"/>
+                                                    </font>
+                                                </Label>
+                                                <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                    <font>
+                                                        <Font size="16"/>
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+                                    </children>
+                                </HBox>
+                            </children>
+                        </VBox>
+
+                        <!-- Message 2 -->
+                        <StackPane alignment="CENTER_LEFT">
+                            <children>
+                                <Rectangle width="980" height="120" arcWidth="30" arcHeight="30" fill="WHITE" stroke="#5B5B5B" strokeWidth="2"/>
+                                <HBox alignment="CENTER_LEFT" spacing="20" maxWidth="900">
+                                    <children>
+                                        <Circle radius="38" fill="#D9D9D9"/>
+                                        <VBox spacing="8">
+                                            <children>
+                                                <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="20"/>
+                                                    </font>
+                                                </Label>
+                                                <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                    <font>
+                                                        <Font size="16"/>
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+                                    </children>
+                                </HBox>
+                            </children>
+                        </StackPane>
+
+                        <!-- Message 3 -->
+                        <StackPane alignment="CENTER_LEFT">
+                            <children>
+                                <Rectangle width="980" height="170" arcWidth="30" arcHeight="30" fill="WHITE" stroke="#5B5B5B" strokeWidth="2"/>
+                                <VBox alignment="CENTER_LEFT" spacing="18" maxWidth="900">
+                                    <children>
+                                        <HBox alignment="CENTER_LEFT" spacing="20">
+                                            <children>
+                                                <Circle radius="38" fill="#D9D9D9"/>
+                                                <VBox spacing="8">
+                                                    <children>
+                                                        <Label text="Example e-mail from user" textFill="#7A7A7A">
+                                                            <font>
+                                                                <Font size="20"/>
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="Reply - Trash" textFill="#C8C8C8">
+                                                            <font>
+                                                                <Font size="16"/>
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+                                            </children>
+                                        </HBox>
+
+                                        <HBox alignment="CENTER_LEFT" spacing="18">
+                                            <children>
+                                                <Rectangle width="2" height="70" fill="#777777"/>
+                                                <Circle radius="24" fill="#C99991"/>
+                                                <Label text="Organization" textFill="#A66B61">
+                                                    <font>
+                                                        <Font size="18"/>
+                                                    </font>
+                                                </Label>
+                                                <Label text="Example reply" textFill="#7A7A7A">
+                                                    <font>
+                                                        <Font size="18"/>
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </VBox>
+                            </children>
+                        </StackPane>
+                    </children>
+                </VBox>
+            </content>
+        </ScrollPane>
+    </GridPane>
+</GridPane>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml
index e69de29..5d6eff4 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane prefHeight="900.0" prefWidth="1400.0"
+          xmlns="http://javafx.com/javafx/25"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.OrganizationPaymentsController"
+          style="-fx-background-color: #F5F5F5;">
+
+    <columnConstraints>
+        <ColumnConstraints percentWidth="100.0"/>
+    </columnConstraints>
+
+    <rowConstraints>
+        <javafx.scene.layout.RowConstraints prefHeight="90.0"/>
+        <javafx.scene.layout.RowConstraints vgrow="ALWAYS"/>
+    </rowConstraints>
+
+    <!-- TOP NAVBAR -->
+    <GridPane style="-fx-background-color: #3C9692;" GridPane.rowIndex="0">
+        <padding>
+            <Insets top="12" right="24" bottom="12" left="24"/>
+        </padding>
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="25"/>
+            <ColumnConstraints percentWidth="45"/>
+            <ColumnConstraints percentWidth="30"/>
+        </columnConstraints>
+
+        <children>
+            <HBox alignment="CENTER_LEFT" GridPane.columnIndex="0">
+                <children>
+                    <Label text="HelpMeHelp" textFill="WHITE">
+                        <font>
+                            <Font name="System Bold" size="34"/>
+                        </font>
+                    </Label>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER" GridPane.columnIndex="1">
+                <children>
+                    <TextField promptText="Search" prefWidth="430" prefHeight="42"
+                               style="-fx-background-radius: 22; -fx-border-radius: 22; -fx-font-size: 16px; -fx-padding: 0 0 0 18;"/>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER_RIGHT" spacing="18" GridPane.columnIndex="2">
+                <children>
+                    <StackPane>
+                        <children>
+                            <Circle radius="26" fill="WHITE"/>
+                            <Label text="SJ">
+                                <font>
+                                    <Font name="System Bold" size="16"/>
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+                    <Button text="🔔" mnemonicParsing="false"
+                            style="-fx-background-color: transparent; -fx-font-size: 22px;"/>
+                </children>
+            </HBox>
+        </children>
+    </GridPane>
+
+    <GridPane GridPane.rowIndex="1">
+        <columnConstraints>
+            <ColumnConstraints percentWidth="23"/>
+            <ColumnConstraints percentWidth="77"/>
+        </columnConstraints>
+
+        <!-- SIDEBAR -->
+        <VBox spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
+            <padding>
+                <Insets top="28" right="24" bottom="28" left="24"/>
+            </padding>
+
+            <children>
+                <VBox alignment="CENTER" spacing="18">
+                    <children>
+                        <Circle radius="95" fill="#D9D9D9"/>
+                        <Label text="Organization&#10;Name" textAlignment="CENTER">
+                            <font>
+                                <Font size="20"/>
+                            </font>
+                        </Label>
+                    </children>
+                </VBox>
+
+                <VBox spacing="24">
+                    <children>
+                        <Button text="💵  Payments"
+                                style="-fx-background-color: #F3F4F6; -fx-background-radius: 30; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #A9C58B;"/>
+                        <Button text="✉  Inbox" onAction="#switchToInboxPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #D99028;"/>
+                        <Button text="✎  Edit" onAction="#switchToEditPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #E68BA8;"/>
+                        <Button text="⚙  Settings" onAction="#switchToSettingsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #7B7B7B;"/>
+                    </children>
+                </VBox>
+
+                <VBox VBox.vgrow="ALWAYS"/>
+                <Button text="↪  Log Out" onAction="#handleLogout"
+                        style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT;"/>
+            </children>
+        </VBox>
+
+        <!-- CONTENT -->
+        <VBox spacing="36" GridPane.columnIndex="1">
+            <padding>
+                <Insets top="40" right="50" bottom="40" left="55"/>
+            </padding>
+
+            <children>
+                <Label text="Payments">
+                    <font>
+                        <Font size="50"/>
+                    </font>
+                </Label>
+
+                <!-- TABLE -->
+                <VBox spacing="0">
+                    <children>
+                        <!-- header -->
+                        <GridPane style="-fx-border-color: #BDBDBD; -fx-border-width: 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="Payment Id" GridPane.columnIndex="0" style="-fx-padding: 18 20 18 32; -fx-font-size: 18px;"/>
+                                <Label text="Amount" GridPane.columnIndex="1" style="-fx-padding: 18 20 18 20; -fx-font-size: 18px;"/>
+                                <Label text="Status" GridPane.columnIndex="2" style="-fx-padding: 18 20 18 20; -fx-font-size: 18px;"/>
+                                <Label text="Date created" GridPane.columnIndex="3" style="-fx-padding: 18 20 18 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+
+                        <!-- row 1 -->
+                        <GridPane style="-fx-border-color: #D3D3D3; -fx-border-width: 0 1 1 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="100652" GridPane.columnIndex="0" style="-fx-padding: 28 20 28 32; -fx-font-size: 18px;"/>
+                                <Label text="500 kr" GridPane.columnIndex="1" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+
+                                <StackPane GridPane.columnIndex="2">
+                                    <children>
+                                        <Button text="Pending"
+                                                style="-fx-background-color: #F4D5D8; -fx-text-fill: #8A4C56; -fx-background-radius: 20; -fx-font-size: 16px;"/>
+                                    </children>
+                                </StackPane>
+
+                                <Label text="04-03-2026" GridPane.columnIndex="3" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+
+                        <!-- row 2 -->
+                        <GridPane style="-fx-border-color: #D3D3D3; -fx-border-width: 0 1 1 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="100483" GridPane.columnIndex="0" style="-fx-padding: 28 20 28 32; -fx-font-size: 18px;"/>
+                                <Label text="450 kr" GridPane.columnIndex="1" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                                <StackPane GridPane.columnIndex="2">
+                                    <children>
+                                        <Button text="Paid"
+                                                style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;"/>
+                                    </children>
+                                </StackPane>
+                                <Label text="02-03-2026" GridPane.columnIndex="3" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+
+                        <!-- row 3 -->
+                        <GridPane style="-fx-border-color: #D3D3D3; -fx-border-width: 0 1 1 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="100496" GridPane.columnIndex="0" style="-fx-padding: 28 20 28 32; -fx-font-size: 18px;"/>
+                                <Label text="50 kr" GridPane.columnIndex="1" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                                <StackPane GridPane.columnIndex="2">
+                                    <children>
+                                        <Button text="Paid"
+                                                style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;"/>
+                                    </children>
+                                </StackPane>
+                                <Label text="26-02-2026" GridPane.columnIndex="3" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+
+                        <!-- row 4 -->
+                        <GridPane style="-fx-border-color: #D3D3D3; -fx-border-width: 0 1 1 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="100281" GridPane.columnIndex="0" style="-fx-padding: 28 20 28 32; -fx-font-size: 18px;"/>
+                                <Label text="400 kr" GridPane.columnIndex="1" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                                <StackPane GridPane.columnIndex="2">
+                                    <children>
+                                        <Button text="Paid"
+                                                style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;"/>
+                                    </children>
+                                </StackPane>
+                                <Label text="18-02-2026" GridPane.columnIndex="3" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+
+                        <!-- row 5 -->
+                        <GridPane style="-fx-border-color: #D3D3D3; -fx-border-width: 0 1 1 1;">
+                            <columnConstraints>
+                                <ColumnConstraints percentWidth="25"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="20"/>
+                                <ColumnConstraints percentWidth="35"/>
+                            </columnConstraints>
+                            <children>
+                                <Label text="100754" GridPane.columnIndex="0" style="-fx-padding: 28 20 28 32; -fx-font-size: 18px;"/>
+                                <Label text="120 kr" GridPane.columnIndex="1" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                                <StackPane GridPane.columnIndex="2">
+                                    <children>
+                                        <Button text="Paid"
+                                                style="-fx-background-color: #DDEECF; -fx-text-fill: #6A8E55; -fx-background-radius: 20; -fx-font-size: 16px;"/>
+                                    </children>
+                                </StackPane>
+                                <Label text="05-02-2026" GridPane.columnIndex="3" style="-fx-padding: 28 20 28 20; -fx-font-size: 18px;"/>
+                            </children>
+                        </GridPane>
+                    </children>
+                </VBox>
+            </children>
+        </VBox>
+    </GridPane>
+</GridPane>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml
index e69de29..4bc0d14 100644
--- a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml
@@ -0,0 +1,225 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.Circle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane prefHeight="900.0" prefWidth="1400.0"
+          xmlns="http://javafx.com/javafx/25"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.OrganizationSettingsController"
+          style="-fx-background-color: #F5F5F5;">
+
+    <columnConstraints>
+        <ColumnConstraints percentWidth="100.0"/>
+    </columnConstraints>
+
+    <rowConstraints>
+        <javafx.scene.layout.RowConstraints prefHeight="90.0"/>
+        <javafx.scene.layout.RowConstraints vgrow="ALWAYS"/>
+    </rowConstraints>
+
+    <!-- TOP NAVBAR -->
+    <GridPane style="-fx-background-color: #3C9692;" GridPane.rowIndex="0">
+        <padding>
+            <Insets top="12" right="24" bottom="12" left="24"/>
+        </padding>
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="25"/>
+            <ColumnConstraints percentWidth="45"/>
+            <ColumnConstraints percentWidth="30"/>
+        </columnConstraints>
+
+        <children>
+            <HBox alignment="CENTER_LEFT" GridPane.columnIndex="0">
+                <children>
+                    <Label text="HelpMeHelp" textFill="WHITE">
+                        <font>
+                            <Font name="System Bold" size="34"/>
+                        </font>
+                    </Label>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER" GridPane.columnIndex="1">
+                <children>
+                    <TextField promptText="Search" prefWidth="430" prefHeight="42"
+                               style="-fx-background-radius: 22; -fx-border-radius: 22; -fx-font-size: 16px; -fx-padding: 0 0 0 18;"/>
+                </children>
+            </HBox>
+
+            <HBox alignment="CENTER_RIGHT" spacing="18" GridPane.columnIndex="2">
+                <children>
+                    <StackPane>
+                        <children>
+                            <Circle radius="26" fill="WHITE"/>
+                            <Label text="SJ">
+                                <font>
+                                    <Font name="System Bold" size="16"/>
+                                </font>
+                            </Label>
+                        </children>
+                    </StackPane>
+                    <Button text="🔔" mnemonicParsing="false"
+                            style="-fx-background-color: transparent; -fx-font-size: 22px;"/>
+                </children>
+            </HBox>
+        </children>
+    </GridPane>
+
+    <GridPane GridPane.rowIndex="1">
+        <columnConstraints>
+            <ColumnConstraints percentWidth="23"/>
+            <ColumnConstraints percentWidth="77"/>
+        </columnConstraints>
+
+        <!-- SIDEBAR -->
+        <VBox spacing="28" style="-fx-background-color: #E9ECEF;" GridPane.columnIndex="0">
+            <padding>
+                <Insets top="28" right="24" bottom="28" left="24"/>
+            </padding>
+
+            <children>
+                <VBox alignment="CENTER" spacing="18">
+                    <children>
+                        <Circle radius="95" fill="#D9D9D9"/>
+                        <Label text="Organization&#10;Name" textAlignment="CENTER">
+                            <font>
+                                <Font size="20"/>
+                            </font>
+                        </Label>
+                    </children>
+                </VBox>
+
+                <VBox spacing="24">
+                    <children>
+                        <Button text="💵  Payments" onAction="#switchToPaymentsPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #6AA84F;"/>
+                        <Button text="✉  Inbox" onAction="#switchToInboxPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #D99028;"/>
+                        <Button text="✎  Edit" onAction="#switchToEditPage"
+                                style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #E68BA8;"/>
+                        <Button text="⚙  Settings"
+                                style="-fx-background-color: #F3F4F6; -fx-background-radius: 30; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT; -fx-text-fill: #A0A0A0;"/>
+                    </children>
+                </VBox>
+
+                <VBox VBox.vgrow="ALWAYS"/>
+                <Button text="↪  Log Out" onAction="#handleLogout"
+                        style="-fx-background-color: transparent; -fx-font-size: 22px; -fx-alignment: CENTER_LEFT;"/>
+            </children>
+        </VBox>
+
+        <!-- CONTENT -->
+        <VBox spacing="36" GridPane.columnIndex="1">
+            <padding>
+                <Insets top="40" right="60" bottom="40" left="70"/>
+            </padding>
+
+            <children>
+                <Label text="Settings">
+                    <font>
+                        <Font size="48"/>
+                    </font>
+                </Label>
+
+                <HBox spacing="90" alignment="TOP_LEFT">
+                    <children>
+                        <!-- LEFT -->
+                        <VBox alignment="CENTER" spacing="18">
+                            <children>
+                                <Circle radius="110" fill="#D9D9D9"/>
+                                <Button text="change"
+                                        onAction="#handleChangeImage"
+                                        style="-fx-background-color: transparent; -fx-font-size: 20px; -fx-text-fill: #666666;"/>
+                            </children>
+                        </VBox>
+
+                        <!-- RIGHT -->
+                        <VBox spacing="34">
+                            <children>
+                                <VBox spacing="12">
+                                    <children>
+                                        <Label text="Organization Name" textFill="#7A7A7A">
+                                            <font>
+                                                <Font size="18"/>
+                                            </font>
+                                        </Label>
+                                        <TextField fx:id="organizationNameField" prefWidth="460" prefHeight="54"
+                                                   style="-fx-background-color: #EEF0F3; -fx-background-radius: 8; -fx-border-radius: 8;"/>
+                                    </children>
+                                </VBox>
+
+                                <VBox spacing="18">
+                                    <children>
+                                        <Label text="Manage tags" textFill="#7A7A7A">
+                                            <font>
+                                                <Font size="18"/>
+                                            </font>
+                                        </Label>
+
+                                        <HBox spacing="24">
+                                            <children>
+                                                <VBox alignment="CENTER" spacing="8">
+                                                    <children>
+                                                        <Button text="Non-profit"
+                                                                style="-fx-background-color: #E5F0D7; -fx-text-fill: #6E8A5C; -fx-font-size: 16px;"/>
+                                                        <Button text="delete"
+                                                                style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;"/>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="8">
+                                                    <children>
+                                                        <Button text="Children"
+                                                                style="-fx-background-color: #EFE3D9; -fx-text-fill: #8B786B; -fx-font-size: 16px;"/>
+                                                        <Button text="delete"
+                                                                style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;"/>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="8">
+                                                    <children>
+                                                        <Button text="Food safety"
+                                                                style="-fx-background-color: #E1E8F2; -fx-text-fill: #6A778A; -fx-font-size: 16px;"/>
+                                                        <Button text="delete"
+                                                                style="-fx-background-color: transparent; -fx-text-fill: #8A8A8A;"/>
+                                                    </children>
+                                                </VBox>
+                                            </children>
+                                        </HBox>
+
+                                        <Button text="+ add Tag"
+                                                onAction="#handleAddTag"
+                                                style="-fx-background-color: transparent; -fx-font-size: 16px; -fx-text-fill: #777777; -fx-alignment: CENTER_LEFT;"/>
+                                    </children>
+                                </VBox>
+
+                                <VBox spacing="12">
+                                    <children>
+                                        <Label text="Password" textFill="#7A7A7A">
+                                            <font>
+                                                <Font size="18"/>
+                                            </font>
+                                        </Label>
+                                        <TextField fx:id="passwordField" prefWidth="300" prefHeight="54"
+                                                   style="-fx-background-color: #EEF0F3; -fx-background-radius: 8; -fx-border-radius: 8;"/>
+                                    </children>
+                                </VBox>
+                            </children>
+                        </VBox>
+                    </children>
+                </HBox>
+            </children>
+        </VBox>
+    </GridPane>
+</GridPane>
\ No newline at end of file