From dc12782730977986af7e87bffe79baee629193ed Mon Sep 17 00:00:00 2001
From: Gard <github.blunderer148@passmail.net>
Date: Wed, 23 Jul 2025 11:19:02 +0200
Subject: [PATCH 01/17] referral system

---
 apps/www/migrations/0016_sharp_zeigeist.sql   |  10 +
 apps/www/migrations/meta/0016_snapshot.json   | 644 ++++++++++++++++++
 apps/www/migrations/meta/_journal.json        |   7 +
 apps/www/src/hooks.server.ts                  |   5 +
 .../lib/components/portal/EventTable.svelte   |   2 +-
 apps/www/src/lib/db/schemas/index.ts          |   1 +
 apps/www/src/lib/db/schemas/referrals.ts      |  32 +
 apps/www/src/lib/db/schemas/user-shifts.ts    |   1 +
 apps/www/src/lib/db/schemas/users.ts          |   5 +-
 .../www/src/lib/services/referrals.service.ts | 115 ++++
 apps/www/src/routes/portal/+page.server.ts    |  80 ++-
 apps/www/src/routes/portal/+page.svelte       |  43 +-
 12 files changed, 939 insertions(+), 6 deletions(-)
 create mode 100644 apps/www/migrations/0016_sharp_zeigeist.sql
 create mode 100644 apps/www/migrations/meta/0016_snapshot.json
 create mode 100644 apps/www/src/lib/db/schemas/referrals.ts
 create mode 100644 apps/www/src/lib/services/referrals.service.ts

diff --git a/apps/www/migrations/0016_sharp_zeigeist.sql b/apps/www/migrations/0016_sharp_zeigeist.sql
new file mode 100644
index 00000000..1463ceb4
--- /dev/null
+++ b/apps/www/migrations/0016_sharp_zeigeist.sql
@@ -0,0 +1,10 @@
+CREATE TABLE `referral` (
+	`id` text PRIMARY KEY NOT NULL,
+	`referred_by` text NOT NULL,
+	`referred` text NOT NULL,
+	`status` text DEFAULT 'pending' NOT NULL,
+	`created_at` integer NOT NULL,
+	`completed_at` integer,
+	FOREIGN KEY (`referred_by`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`referred`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
+);
diff --git a/apps/www/migrations/meta/0016_snapshot.json b/apps/www/migrations/meta/0016_snapshot.json
new file mode 100644
index 00000000..849c6465
--- /dev/null
+++ b/apps/www/migrations/meta/0016_snapshot.json
@@ -0,0 +1,644 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "1a3be43f-016f-42b5-ba0d-cfa4acb79731",
+  "prevId": "926108a5-287d-4506-b541-734057782393",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/_journal.json b/apps/www/migrations/meta/_journal.json
index f1a0f2d3..39fa5b7e 100644
--- a/apps/www/migrations/meta/_journal.json
+++ b/apps/www/migrations/meta/_journal.json
@@ -113,6 +113,13 @@
       "when": 1749127867652,
       "tag": "0015_daily_the_anarchist",
       "breakpoints": true
+    },
+    {
+      "idx": 16,
+      "version": "6",
+      "when": 1749817905456,
+      "tag": "0016_sharp_zeigeist",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/src/hooks.server.ts b/apps/www/src/hooks.server.ts
index 9e747cee..7865d046 100644
--- a/apps/www/src/hooks.server.ts
+++ b/apps/www/src/hooks.server.ts
@@ -9,6 +9,7 @@ import { EventService } from '$lib/services/event.service';
 import { GroupsService } from '$lib/services/groups.service';
 import { InvitationService } from '$lib/services/invitation.service';
 import { NotificationService } from '$lib/services/notification.service';
+import { ReferralService } from '$lib/services/referrals.service'
 import { ShiftService } from '$lib/services/shift.service';
 import { StatusService } from '$lib/services/status.service';
 import { UserService } from '$lib/services/user.service';
@@ -72,12 +73,16 @@ export const handle: Handle = async ({ event, resolve }) => {
 	const beerService = new BeerService(db, shiftService);
 	event.locals.beerService = beerService;
 
+	const referralService = new ReferralService(db);
+	event.locals.referralService = referralService;
+
 	const notificationService = new NotificationService(db);
 	event.locals.notificationService = notificationService;
 
 	const groupsService = new GroupsService(db);
 	event.locals.groupsService = groupsService;
 
+
 	// Validate auth
 	const sessionId = event.cookies.get(auth.sessionCookieName);
 
diff --git a/apps/www/src/lib/components/portal/EventTable.svelte b/apps/www/src/lib/components/portal/EventTable.svelte
index aa5ff3bb..b57d8749 100644
--- a/apps/www/src/lib/components/portal/EventTable.svelte
+++ b/apps/www/src/lib/components/portal/EventTable.svelte
@@ -125,7 +125,7 @@
 		</button>
 	</div>
 
-	<div class="flex {isMobile ? 'flex-col' : 'flex-row items-center'} gap-2 p-2">
+	<div class="flex {isMobile ? 'flex-col' : 'flex-row items-center'} gap-1 p-2">
 		{#if $user?.role === 'board'}
 			<a href="arrangementer/ny" class={isMobile ? 'order-first w-full' : 'order-last'}>
 				<Button type="button" intent="primary" class={isMobile ? 'w-full' : ''}>
diff --git a/apps/www/src/lib/db/schemas/index.ts b/apps/www/src/lib/db/schemas/index.ts
index 39712ff3..e7715f1b 100644
--- a/apps/www/src/lib/db/schemas/index.ts
+++ b/apps/www/src/lib/db/schemas/index.ts
@@ -8,3 +8,4 @@ export * from './shifts';
 export * from './user-shifts';
 export * from './users-groups';
 export * from './users';
+export * from './referrals';
diff --git a/apps/www/src/lib/db/schemas/referrals.ts b/apps/www/src/lib/db/schemas/referrals.ts
new file mode 100644
index 00000000..905b49bc
--- /dev/null
+++ b/apps/www/src/lib/db/schemas/referrals.ts
@@ -0,0 +1,32 @@
+import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core';
+import { users } from './users';
+import { relations, type InferSelectModel, type InferInsertModel } from 'drizzle-orm'; 
+
+export const referrals = sqliteTable('referral', { 
+	id: text('id').primaryKey(),
+	referredBy: text().notNull().references(() => users.id), 
+	referred: text().notNull().references(() => users.id), 
+	status: text({ enum: ['pending', 'completed', 'expired'] })
+		.notNull()
+		.default('pending'),
+	createdAt: integer('created_at', { mode: 'timestamp' })
+		.notNull()
+		.$defaultFn(() => new Date()),
+	completedAt: integer({ mode: 'timestamp' })
+});
+
+export const referralsRelations = relations(referrals, ({ one }) => ({
+	referrer: one(users, { 
+		fields: [referrals.referredBy],
+		references: [users.id],
+		relationName: 'referrer'
+	}),
+	referred: one(users, {
+		fields: [referrals.referred], 
+		references: [users.id],
+		relationName: 'referred'
+	})
+}));
+
+export type Referral = InferSelectModel<typeof referrals>; 
+export type ReferralInsert = InferInsertModel<typeof referrals>; 
diff --git a/apps/www/src/lib/db/schemas/user-shifts.ts b/apps/www/src/lib/db/schemas/user-shifts.ts
index f30c9542..5bf51b55 100644
--- a/apps/www/src/lib/db/schemas/user-shifts.ts
+++ b/apps/www/src/lib/db/schemas/user-shifts.ts
@@ -3,6 +3,7 @@ import { relations, type InferSelectModel, type InferInsertModel } from 'drizzle
 import { shifts } from './shifts';
 import { users } from './users';
 
+
 export const userShifts = sqliteTable('user_shift', {
 	userId: text()
 		.notNull()
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index 037897eb..e1443df2 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -4,6 +4,7 @@ import { sessions } from './sessions';
 import { shifts } from './shifts';
 import { usersGroups } from './users-groups';
 import { notifications } from './notifications';
+import { referrals } from './referrals';
 
 export const users = sqliteTable(
 	'user',
@@ -25,7 +26,9 @@ export const usersRelations = relations(users, ({ many }) => ({
 	sessions: many(sessions),
 	shifts: many(shifts),
 	memberships: many(usersGroups),
-	notifications: many(notifications)
+	notifications: many(notifications),
+  referralsGiven: many(referrals, { relationName: 'referrer'}),
+  referralsReceived: many(referrals, {relationName: 'referred'})
 }));
 
 export type User = InferSelectModel<typeof users>;
diff --git a/apps/www/src/lib/services/referrals.service.ts b/apps/www/src/lib/services/referrals.service.ts
new file mode 100644
index 00000000..42c909d7
--- /dev/null
+++ b/apps/www/src/lib/services/referrals.service.ts
@@ -0,0 +1,115 @@
+import type { Database } from '$lib/db/drizzle';
+import { eq, and, ilike } from 'drizzle-orm';
+import { referrals, users, type ReferralInsert } from '$lib/db/schemas';
+import { nanoid } from 'nanoid';
+
+export class ReferralService {
+	#db: Database;
+
+	constructor(db: Database) {
+		this.#db = db;
+	}
+
+	async findReferrerByName(name: string) {
+		return await this.#db.query.users.findMany({
+			where: (row, { ilike }) => ilike(row.name, `%${name}%`)
+		});
+	}
+
+	async createReferral(referrerId: string, referredId: string) {
+		const referral: ReferralInsert = {
+			id: nanoid(),
+			referredBy: referrerId,
+			referred: referredId,
+			status: 'pending'
+		};
+
+		return await this.#db
+			.insert(referrals)
+			.values(referral)
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
+	async completeReferral(referredUserId: string) {
+		return await this.#db
+			.update(referrals)
+			.set({
+				status: 'completed',
+				completedAt: new Date()
+			})
+			.where(and(eq(referrals.referred, referredUserId), eq(referrals.status, 'pending')))
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
+	async getReferralsGivenByUser(userId: string) {
+		return await this.#db.query.users.findFirst({
+			where: (row, { eq }) => eq(row.id, userId),
+			with: {
+				referralsGiven: {
+					with: {
+						referred: true
+					}
+				}
+			}
+		});
+	}
+
+	async getReferralsReceivedByUser(userId: string) {
+		return await this.#db.query.users.findFirst({
+			where: (row, { eq }) => eq(row.id, userId),
+			with: {
+				referralsReceived: {
+					with: {
+						referrer: true
+					}
+				}
+			}
+		});
+	}
+	async canUserRefer(userId: string) {
+		const existingReferrals = await this.#db
+			.select()
+			.from(referrals)
+			.where(eq(referrals.referredBy, userId));
+
+		return existingReferrals.length === 0;
+	}
+
+	async findPendingReferralForUser(userId: string) {
+		return await this.#db.query.referrals.findFirst({
+			where: (row, { eq, and }) => and(eq(row.referred, userId), eq(row.status, 'pending'))
+		});
+	}
+
+	async awardReferralCredit(referrerId: string, creditAmount = 1) {
+		return await this.#db
+			.update(users)
+			.set({
+				additionalBeers: sql`${users.additionalBeers} + ${creditAmount}`
+			})
+			.where(eq(users.id, referrerId))
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
+	async getReferralStats(userId: string) {
+		const given = await this.#db.query.users.findFirst({
+			where: (row, { eq }) => eq(row.id, userId),
+			with: {
+				referralsGiven: true
+			}
+		});
+
+		const completedCount =
+			given?.referralsGiven.filter((r) => r.status === 'completed').length || 0;
+		const pendingCount = given?.referralsGiven.filter((r) => r.status === 'pending').length || 0;
+
+		return {
+			totalReferrals: given?.referralsGiven.length || 0,
+			completedReferrals: completedCount,
+			pendingReferrals: pendingCount
+		};
+	}
+}
diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index 8dadcbe9..aef33a5c 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -6,15 +6,89 @@ export const load: PageServerLoad = async ({ locals }) => {
 		throw redirect(307, '/login');
 	}
 
-	const [userShifts, unclaimedBeers, upcomingShifts] = await Promise.all([
+	const [userShifts, unclaimedBeers, upcomingShifts, canUserRefer, users] = await Promise.all([
 		locals.shiftService.findCompletedShiftsByUserId(locals.user.id),
 		locals.beerService.getTotalAvailableBeers(locals.user.id),
-		locals.shiftService.findUpcomingShiftsByUserId(locals.user.id)
+		locals.shiftService.findUpcomingShiftsByUserId(locals.user.id),
+    locals.referralService.canUserRefer(locals.user.id),
+    locals.userService.findAll().then((users) => 
+      users.map((user) => ({
+        label: user.name,
+        value: user.id
+      }))
+    )
 	]);
 
+  checkAndCompleteReferrals(locals).catch(console.error);
+
+  const result = {
+    shiftsCompleted: userShifts.length,
+    unclaimedBeers: unclaimedBeers,
+    upcomingShifts,
+    canRefer: canUserRefer,
+    users
+  };
+
+console.log('Load function returning:', result);
+return result;
 	return {
 		shiftsCompleted: userShifts.length,
 		unclaimedBeers: unclaimedBeers,
-		upcomingShifts
+		upcomingShifts,
+    canRefer: canUserRefer,
+    users
 	};
 };
+
+async function checkAndCompleteReferrals(locals: any) {
+	try {
+		const allUsers = await locals.userService.findAll();
+		
+		for (const user of allUsers) {
+			const completedShifts = await locals.shiftService.findCompletedShiftsByUserId(user.id);
+			
+			if (completedShifts.length === 1) { 
+				const referral = await locals.referralService.completeReferral(user.id);
+				if (referral) {
+					await locals.referralService.awardReferralCredit(referral.referredBy);
+				}
+			}
+		}
+	} catch (error) {
+		console.error('Referral check failed:', error);
+	}
+}
+
+export const actions: Actions = {
+	refer: async ({ request, locals }) => {
+		if (!locals.user) {
+			throw redirect(307, '/login');
+		}
+
+		const formData = await request.formData();
+		const referrerId = formData.get('referrerId')?.toString();
+
+		if (!referrerId) {
+			return fail(400, { error: 'No person found' });
+		}
+
+		const canRefer = await locals.referralService.canUserRefer(locals.user.id);
+		if (!canRefer) {
+			return fail(400, { error: 'Cannot refer' });
+		}
+
+
+		const existingReferral = await locals.referralService.findPendingReferralForUser(locals.user.id);
+		if (existingReferral) {
+			return fail(400, { error: 'Du har allerede registrert en henvisning' });
+		}
+
+		try {
+			await locals.referralService.createReferral(referrerId, locals.user.id);
+			return { success: true };
+		} catch (error) {
+			console.error('Referral creation failed:', error);
+			return fail(500, { error: 'Noe gikk galt ved opprettelse av henvisning' });
+		}
+	}
+};
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index eadd264e..c34ff834 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -1,8 +1,13 @@
 <script lang="ts">
 	import Heading from '$lib/components/ui/Heading.svelte';
+	import Button from '$lib/components/ui/Button.svelte';
+	import Combobox from '$lib/components/ui/Combobox.svelte';
 	import { formatDate } from '$lib/date';
+	import { enhance } from '$app/forms';
 
 	let { data } = $props();
+	let selectedReferrerName = $state('');
+	let selectedReferrerId = $state('');
 </script>
 
 <svelte:head>
@@ -21,9 +26,45 @@
 		</div>
 	</div>
 
+	{#if data.canRefer}
+		<form method="POST" action="?/refer" use:enhance>
+			<div class="rounded-lg border-2 bg-background p-4 shadow-sm">
+				<div class="space-y-4">
+					<div>
+						<p class="mb-2 block text-sm font-medium text-gray-700">
+							Skriv namnet på den som referte deg
+						</p>
+						<div class="flex items-end gap-2">
+							<div class="flex-1">
+								<Combobox
+									name="referrer"
+									bind:value={selectedReferrerName}
+									onchange={(option) => {
+										selectedReferrerId = option?.value || '';
+									}}
+									options={data.users}
+									placeholder="Søk etter navn..."
+									class="w-full"
+								/>
+							</div>
+							<Button
+								type="submit"
+								intent="primary"
+								disabled={!selectedReferrerId}
+								class="flex shrink-0 items-center gap-2"
+							>
+								Referrer
+							</Button>
+						</div>
+						<input type="hidden" name="referrerId" value={selectedReferrerId} />
+					</div>
+				</div>
+			</div>
+		</form>
+	{/if}
+
 	<section>
 		<Heading level={2}>Kommende vakter</Heading>
-
 		<ul class="mt-4 flex flex-col gap-4">
 			{#each data.upcomingShifts as shift}
 				<li>

From 0e6df6e5ee49fa91a66e6c219053d535f7af86b9 Mon Sep 17 00:00:00 2001
From: Gard <github.blunderer148@passmail.net>
Date: Wed, 23 Jul 2025 11:32:39 +0200
Subject: [PATCH 02/17] fixed

---
 .../www/src/lib/services/referrals.service.ts | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/apps/www/src/lib/services/referrals.service.ts b/apps/www/src/lib/services/referrals.service.ts
index 42c909d7..83b378bf 100644
--- a/apps/www/src/lib/services/referrals.service.ts
+++ b/apps/www/src/lib/services/referrals.service.ts
@@ -1,5 +1,5 @@
 import type { Database } from '$lib/db/drizzle';
-import { eq, and, ilike } from 'drizzle-orm';
+import { eq, and } from 'drizzle-orm';
 import { referrals, users, type ReferralInsert } from '$lib/db/schemas';
 import { nanoid } from 'nanoid';
 
@@ -10,12 +10,6 @@ export class ReferralService {
 		this.#db = db;
 	}
 
-	async findReferrerByName(name: string) {
-		return await this.#db.query.users.findMany({
-			where: (row, { ilike }) => ilike(row.name, `%${name}%`)
-		});
-	}
-
 	async createReferral(referrerId: string, referredId: string) {
 		const referral: ReferralInsert = {
 			id: nanoid(),
@@ -84,14 +78,21 @@ export class ReferralService {
 	}
 
 	async awardReferralCredit(referrerId: string, creditAmount = 1) {
-		return await this.#db
+		const user = await this.#db.query.users.findFirst({
+			where: (row, { eq }) => eq(row.id, referrerId)
+		});
+
+		if (!user) return null;
+
+		const [updated] = await this.#db
 			.update(users)
 			.set({
-				additionalBeers: sql`${users.additionalBeers} + ${creditAmount}`
+				additionalBeers: (user.additionalBeers || 0) + creditAmount
 			})
 			.where(eq(users.id, referrerId))
-			.returning()
-			.then((rows) => rows[0]);
+			.returning();
+
+		return updated;
 	}
 
 	async getReferralStats(userId: string) {

From 664879e1b1ba27abf5e79207db5d60dd4ad3390b Mon Sep 17 00:00:00 2001
From: Gard <github.blunderer148@passmail.net>
Date: Wed, 23 Jul 2025 12:38:30 +0200
Subject: [PATCH 03/17] added referral

Added referral into hooks and locals
---
 apps/www/src/app.d.ts                         |  1 +
 apps/www/src/hooks.server.ts                  |  3 +-
 ...ferrals.service.ts => referral.service.ts} |  1 +
 apps/www/src/routes/portal/+page.server.ts    | 51 +++++++++----------
 4 files changed, 26 insertions(+), 30 deletions(-)
 rename apps/www/src/lib/services/{referrals.service.ts => referral.service.ts} (99%)

diff --git a/apps/www/src/app.d.ts b/apps/www/src/app.d.ts
index 2ef3b07d..6a14eeae 100644
--- a/apps/www/src/app.d.ts
+++ b/apps/www/src/app.d.ts
@@ -32,6 +32,7 @@ declare global {
 			banService: import('$lib/services/ban.service').BanService;
 			notificationService: import('$lib/services/notification.service').NotificationService;
 			groupsService: import('$lib/services/groups.service').GroupsService;
+			referralService: import('$lib/services/referral.service').ReferralService;
 		}
 		// interface PageData {}
 		// interface PageState {}
diff --git a/apps/www/src/hooks.server.ts b/apps/www/src/hooks.server.ts
index 7865d046..d466eb29 100644
--- a/apps/www/src/hooks.server.ts
+++ b/apps/www/src/hooks.server.ts
@@ -9,7 +9,7 @@ import { EventService } from '$lib/services/event.service';
 import { GroupsService } from '$lib/services/groups.service';
 import { InvitationService } from '$lib/services/invitation.service';
 import { NotificationService } from '$lib/services/notification.service';
-import { ReferralService } from '$lib/services/referrals.service'
+import { ReferralService } from '$lib/services/referral.service';
 import { ShiftService } from '$lib/services/shift.service';
 import { StatusService } from '$lib/services/status.service';
 import { UserService } from '$lib/services/user.service';
@@ -82,7 +82,6 @@ export const handle: Handle = async ({ event, resolve }) => {
 	const groupsService = new GroupsService(db);
 	event.locals.groupsService = groupsService;
 
-
 	// Validate auth
 	const sessionId = event.cookies.get(auth.sessionCookieName);
 
diff --git a/apps/www/src/lib/services/referrals.service.ts b/apps/www/src/lib/services/referral.service.ts
similarity index 99%
rename from apps/www/src/lib/services/referrals.service.ts
rename to apps/www/src/lib/services/referral.service.ts
index 83b378bf..74e59383 100644
--- a/apps/www/src/lib/services/referrals.service.ts
+++ b/apps/www/src/lib/services/referral.service.ts
@@ -62,6 +62,7 @@ export class ReferralService {
 			}
 		});
 	}
+
 	async canUserRefer(userId: string) {
 		const existingReferrals = await this.#db
 			.select()
diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index aef33a5c..3b5dded0 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit';
+import { redirect, fail, type Actions } from '@sveltejs/kit';
 import type { PageServerLoad } from './$types';
 
 export const load: PageServerLoad = async ({ locals }) => {
@@ -10,44 +10,34 @@ export const load: PageServerLoad = async ({ locals }) => {
 		locals.shiftService.findCompletedShiftsByUserId(locals.user.id),
 		locals.beerService.getTotalAvailableBeers(locals.user.id),
 		locals.shiftService.findUpcomingShiftsByUserId(locals.user.id),
-    locals.referralService.canUserRefer(locals.user.id),
-    locals.userService.findAll().then((users) => 
-      users.map((user) => ({
-        label: user.name,
-        value: user.id
-      }))
-    )
+		locals.referralService.canUserRefer(locals.user.id),
+		locals.userService.findAll().then((users) =>
+			users.map((user) => ({
+				label: user.name,
+				value: user.id
+			}))
+		)
 	]);
 
-  checkAndCompleteReferrals(locals).catch(console.error);
+	checkAndCompleteReferrals(locals).catch(console.error);
 
-  const result = {
-    shiftsCompleted: userShifts.length,
-    unclaimedBeers: unclaimedBeers,
-    upcomingShifts,
-    canRefer: canUserRefer,
-    users
-  };
-
-console.log('Load function returning:', result);
-return result;
 	return {
 		shiftsCompleted: userShifts.length,
 		unclaimedBeers: unclaimedBeers,
 		upcomingShifts,
-    canRefer: canUserRefer,
-    users
+		canRefer: canUserRefer,
+		users
 	};
 };
 
 async function checkAndCompleteReferrals(locals: any) {
 	try {
 		const allUsers = await locals.userService.findAll();
-		
+
 		for (const user of allUsers) {
 			const completedShifts = await locals.shiftService.findCompletedShiftsByUserId(user.id);
-			
-			if (completedShifts.length === 1) { 
+
+			if (completedShifts.length > 0) {
 				const referral = await locals.referralService.completeReferral(user.id);
 				if (referral) {
 					await locals.referralService.awardReferralCredit(referral.referredBy);
@@ -68,6 +58,10 @@ export const actions: Actions = {
 		const formData = await request.formData();
 		const referrerId = formData.get('referrerId')?.toString();
 
+		if (referrerId === locals.user.id) {
+			return fail(400, { error: 'Du kan ikke referrere deg selv' });
+		}
+
 		if (!referrerId) {
 			return fail(400, { error: 'No person found' });
 		}
@@ -77,10 +71,11 @@ export const actions: Actions = {
 			return fail(400, { error: 'Cannot refer' });
 		}
 
-
-		const existingReferral = await locals.referralService.findPendingReferralForUser(locals.user.id);
+		const existingReferral = await locals.referralService.findPendingReferralForUser(
+			locals.user.id
+		);
 		if (existingReferral) {
-			return fail(400, { error: 'Du har allerede registrert en henvisning' });
+			return fail(400, { error: 'Du har skrevet inn den som referrete deg' });
 		}
 
 		try {
@@ -88,7 +83,7 @@ export const actions: Actions = {
 			return { success: true };
 		} catch (error) {
 			console.error('Referral creation failed:', error);
-			return fail(500, { error: 'Noe gikk galt ved opprettelse av henvisning' });
+			return fail(500, { error: 'Noe gikk galt' });
 		}
 	}
 };

From bbd2f69e30df45d3c9c53bb6b2f94f8d823f6fc2 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 24 Jul 2025 16:54:40 +0200
Subject: [PATCH 04/17] Added stats

---
 apps/www/src/routes/portal/+page.server.ts | 14 ++++----
 apps/www/src/routes/portal/+page.svelte    | 39 ++++++++++++++++------
 2 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index 3b5dded0..49b258c5 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -6,7 +6,7 @@ export const load: PageServerLoad = async ({ locals }) => {
 		throw redirect(307, '/login');
 	}
 
-	const [userShifts, unclaimedBeers, upcomingShifts, canUserRefer, users] = await Promise.all([
+	const [userShifts, unclaimedBeers, upcomingShifts, canUserRefer, users, referralStats] = await Promise.all([
 		locals.shiftService.findCompletedShiftsByUserId(locals.user.id),
 		locals.beerService.getTotalAvailableBeers(locals.user.id),
 		locals.shiftService.findUpcomingShiftsByUserId(locals.user.id),
@@ -16,7 +16,8 @@ export const load: PageServerLoad = async ({ locals }) => {
 				label: user.name,
 				value: user.id
 			}))
-		)
+		),
+    locals.referralService.getReferralStats(locals.user.id)
 	]);
 
 	checkAndCompleteReferrals(locals).catch(console.error);
@@ -26,7 +27,8 @@ export const load: PageServerLoad = async ({ locals }) => {
 		unclaimedBeers: unclaimedBeers,
 		upcomingShifts,
 		canRefer: canUserRefer,
-		users
+		users,
+    referralStats
 	};
 };
 
@@ -58,9 +60,9 @@ export const actions: Actions = {
 		const formData = await request.formData();
 		const referrerId = formData.get('referrerId')?.toString();
 
-		if (referrerId === locals.user.id) {
-			return fail(400, { error: 'Du kan ikke referrere deg selv' });
-		}
+		// if (referrerId === locals.user.id) {
+		// 	return fail(400, { error: 'Du kan ikke referrere deg selv' });
+		// }
 
 		if (!referrerId) {
 			return fail(400, { error: 'No person found' });
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index c34ff834..2904b11b 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -15,16 +15,6 @@
 </svelte:head>
 
 <div class="space-y-10">
-	<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
-		<div class="flex flex-col items-center justify-center rounded-lg border bg-white p-4">
-			<span class="text-gray-600">Vakter ferdig:</span>
-			<span class="text-2xl font-medium">{data.shiftsCompleted}</span>
-		</div>
-		<div class="flex flex-col items-center justify-center rounded-lg border bg-white p-4">
-			<span class="text-gray-600">Gratis øl igjen:</span>
-			<span class="text-2xl font-medium">{data.unclaimedBeers}</span>
-		</div>
-	</div>
 
 	{#if data.canRefer}
 		<form method="POST" action="?/refer" use:enhance>
@@ -63,6 +53,35 @@
 		</form>
 	{/if}
 
+	<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+		<div class="flex flex-col items-center justify-center rounded-lg border bg-white p-4">
+			<span class="text-gray-600">Vakter ferdig:</span>
+			<span class="text-2xl font-medium">{data.shiftsCompleted}</span>
+		</div>
+		<div class="flex flex-col items-center justify-center rounded-lg border bg-white p-4">
+			<span class="text-gray-600">Gratis øl igjen:</span>
+			<span class="text-2xl font-medium">{data.unclaimedBeers}</span>
+		</div>
+	</div>
+
+<section>
+		<Heading level={2}>Referral Stats</Heading>
+		<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-3">
+			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+				<span class="text-gray-600">Total:</span>
+				<span class="text-2xl font-medium">{data.referralStats.totalReferrals}</span>
+			</div>
+			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+				<span class="text-gray-600">Fullført 1 vakt:</span>
+				<span class="text-2xl font-medium text-green-600">{data.referralStats.completedReferrals}</span>
+			</div>
+			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+				<span class="text-gray-600">Ventende:</span>
+				<span class="text-2xl font-medium text-orange-600">{data.referralStats.pendingReferrals}</span>
+			</div>
+		</div>
+	</section>
+
 	<section>
 		<Heading level={2}>Kommende vakter</Heading>
 		<ul class="mt-4 flex flex-col gap-4">

From 9c5533f0bf5654a6d3a1d130f22b32eb5ffce9ce Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 24 Jul 2025 17:06:29 +0200
Subject: [PATCH 05/17] format && lint

---
 apps/www/src/lib/db/schemas/referrals.ts   | 20 +++++---
 apps/www/src/lib/db/schemas/user-shifts.ts |  1 -
 apps/www/src/lib/db/schemas/users.ts       |  4 +-
 apps/www/src/routes/portal/+page.server.ts | 58 +++++++++++-----------
 apps/www/src/routes/portal/+page.svelte    | 11 ++--
 5 files changed, 49 insertions(+), 45 deletions(-)

diff --git a/apps/www/src/lib/db/schemas/referrals.ts b/apps/www/src/lib/db/schemas/referrals.ts
index 905b49bc..04f9056c 100644
--- a/apps/www/src/lib/db/schemas/referrals.ts
+++ b/apps/www/src/lib/db/schemas/referrals.ts
@@ -1,11 +1,15 @@
 import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core';
 import { users } from './users';
-import { relations, type InferSelectModel, type InferInsertModel } from 'drizzle-orm'; 
+import { relations, type InferSelectModel, type InferInsertModel } from 'drizzle-orm';
 
-export const referrals = sqliteTable('referral', { 
+export const referrals = sqliteTable('referral', {
 	id: text('id').primaryKey(),
-	referredBy: text().notNull().references(() => users.id), 
-	referred: text().notNull().references(() => users.id), 
+	referredBy: text()
+		.notNull()
+		.references(() => users.id),
+	referred: text()
+		.notNull()
+		.references(() => users.id),
 	status: text({ enum: ['pending', 'completed', 'expired'] })
 		.notNull()
 		.default('pending'),
@@ -16,17 +20,17 @@ export const referrals = sqliteTable('referral', {
 });
 
 export const referralsRelations = relations(referrals, ({ one }) => ({
-	referrer: one(users, { 
+	referrer: one(users, {
 		fields: [referrals.referredBy],
 		references: [users.id],
 		relationName: 'referrer'
 	}),
 	referred: one(users, {
-		fields: [referrals.referred], 
+		fields: [referrals.referred],
 		references: [users.id],
 		relationName: 'referred'
 	})
 }));
 
-export type Referral = InferSelectModel<typeof referrals>; 
-export type ReferralInsert = InferInsertModel<typeof referrals>; 
+export type Referral = InferSelectModel<typeof referrals>;
+export type ReferralInsert = InferInsertModel<typeof referrals>;
diff --git a/apps/www/src/lib/db/schemas/user-shifts.ts b/apps/www/src/lib/db/schemas/user-shifts.ts
index 5bf51b55..f30c9542 100644
--- a/apps/www/src/lib/db/schemas/user-shifts.ts
+++ b/apps/www/src/lib/db/schemas/user-shifts.ts
@@ -3,7 +3,6 @@ import { relations, type InferSelectModel, type InferInsertModel } from 'drizzle
 import { shifts } from './shifts';
 import { users } from './users';
 
-
 export const userShifts = sqliteTable('user_shift', {
 	userId: text()
 		.notNull()
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index e1443df2..1331e8aa 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -27,8 +27,8 @@ export const usersRelations = relations(users, ({ many }) => ({
 	shifts: many(shifts),
 	memberships: many(usersGroups),
 	notifications: many(notifications),
-  referralsGiven: many(referrals, { relationName: 'referrer'}),
-  referralsReceived: many(referrals, {relationName: 'referred'})
+	referralsGiven: many(referrals, { relationName: 'referrer' }),
+	referralsReceived: many(referrals, { relationName: 'referred' })
 }));
 
 export type User = InferSelectModel<typeof users>;
diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index 49b258c5..a2b1e9e5 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -6,33 +6,22 @@ export const load: PageServerLoad = async ({ locals }) => {
 		throw redirect(307, '/login');
 	}
 
-	const [userShifts, unclaimedBeers, upcomingShifts, canUserRefer, users, referralStats] = await Promise.all([
-		locals.shiftService.findCompletedShiftsByUserId(locals.user.id),
-		locals.beerService.getTotalAvailableBeers(locals.user.id),
-		locals.shiftService.findUpcomingShiftsByUserId(locals.user.id),
-		locals.referralService.canUserRefer(locals.user.id),
-		locals.userService.findAll().then((users) =>
-			users.map((user) => ({
-				label: user.name,
-				value: user.id
-			}))
-		),
-    locals.referralService.getReferralStats(locals.user.id)
-	]);
+	const [userShifts, unclaimedBeers, upcomingShifts, canUserRefer, users, referralStats] =
+		await Promise.all([
+			locals.shiftService.findCompletedShiftsByUserId(locals.user.id),
+			locals.beerService.getTotalAvailableBeers(locals.user.id),
+			locals.shiftService.findUpcomingShiftsByUserId(locals.user.id),
+			locals.referralService.canUserRefer(locals.user.id),
+			locals.userService.findAll().then((users) =>
+				users.map((user) => ({
+					label: user.name,
+					value: user.id
+				}))
+			),
+			locals.referralService.getReferralStats(locals.user.id)
+		]);
 
-	checkAndCompleteReferrals(locals).catch(console.error);
-
-	return {
-		shiftsCompleted: userShifts.length,
-		unclaimedBeers: unclaimedBeers,
-		upcomingShifts,
-		canRefer: canUserRefer,
-		users,
-    referralStats
-	};
-};
-
-async function checkAndCompleteReferrals(locals: any) {
+	// Cheks if an referred user has had it first shift.
 	try {
 		const allUsers = await locals.userService.findAll();
 
@@ -49,7 +38,16 @@ async function checkAndCompleteReferrals(locals: any) {
 	} catch (error) {
 		console.error('Referral check failed:', error);
 	}
-}
+
+	return {
+		shiftsCompleted: userShifts.length,
+		unclaimedBeers: unclaimedBeers,
+		upcomingShifts,
+		canRefer: canUserRefer,
+		users,
+		referralStats
+	};
+};
 
 export const actions: Actions = {
 	refer: async ({ request, locals }) => {
@@ -60,9 +58,9 @@ export const actions: Actions = {
 		const formData = await request.formData();
 		const referrerId = formData.get('referrerId')?.toString();
 
-		// if (referrerId === locals.user.id) {
-		// 	return fail(400, { error: 'Du kan ikke referrere deg selv' });
-		// }
+		if (referrerId === locals.user.id) {
+			return fail(400, { error: 'Du kan ikke referrere deg selv' });
+		}
 
 		if (!referrerId) {
 			return fail(400, { error: 'No person found' });
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index 2904b11b..83e8523e 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -15,7 +15,6 @@
 </svelte:head>
 
 <div class="space-y-10">
-
 	{#if data.canRefer}
 		<form method="POST" action="?/refer" use:enhance>
 			<div class="rounded-lg border-2 bg-background p-4 shadow-sm">
@@ -64,7 +63,7 @@
 		</div>
 	</div>
 
-<section>
+	<section>
 		<Heading level={2}>Referral Stats</Heading>
 		<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-3">
 			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
@@ -73,11 +72,15 @@
 			</div>
 			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
 				<span class="text-gray-600">Fullført 1 vakt:</span>
-				<span class="text-2xl font-medium text-green-600">{data.referralStats.completedReferrals}</span>
+				<span class="text-2xl font-medium text-green-600"
+					>{data.referralStats.completedReferrals}</span
+				>
 			</div>
 			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
 				<span class="text-gray-600">Ventende:</span>
-				<span class="text-2xl font-medium text-orange-600">{data.referralStats.pendingReferrals}</span>
+				<span class="text-2xl font-medium text-orange-600"
+					>{data.referralStats.pendingReferrals}</span
+				>
 			</div>
 		</div>
 	</section>

From 2a4e010f5a4b922313c08a8f4fdda5389da19015 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 24 Jul 2025 17:42:29 +0200
Subject: [PATCH 06/17] fixed referring

---
 apps/www/src/lib/services/referral.service.ts | 7 +++----
 apps/www/src/routes/portal/+page.server.ts    | 3 ++-
 apps/www/src/routes/portal/+page.svelte       | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/lib/services/referral.service.ts b/apps/www/src/lib/services/referral.service.ts
index 74e59383..f9222ead 100644
--- a/apps/www/src/lib/services/referral.service.ts
+++ b/apps/www/src/lib/services/referral.service.ts
@@ -64,12 +64,11 @@ export class ReferralService {
 	}
 
 	async canUserRefer(userId: string) {
-		const existingReferrals = await this.#db
+		const existingReferral = await this.#db
 			.select()
 			.from(referrals)
-			.where(eq(referrals.referredBy, userId));
-
-		return existingReferrals.length === 0;
+			.where(eq(referrals.referred, userId));
+		return existingReferral.length === 0;
 	}
 
 	async findPendingReferralForUser(userId: string) {
diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index a2b1e9e5..87807d53 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -45,7 +45,8 @@ export const load: PageServerLoad = async ({ locals }) => {
 		upcomingShifts,
 		canRefer: canUserRefer,
 		users,
-		referralStats
+		referralStats,
+    currentUserId: locals.user.id
 	};
 };
 
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index 83e8523e..06a8196b 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -31,7 +31,7 @@
 									onchange={(option) => {
 										selectedReferrerId = option?.value || '';
 									}}
-									options={data.users}
+                  options={data.users.filter(user => user.value !== data.currentUserId)}
 									placeholder="Søk etter navn..."
 									class="w-full"
 								/>

From 2b7b6a094fd2aa1d464be1764c4f6f8564cdc096 Mon Sep 17 00:00:00 2001
From: "Gard.Kalland" <github.blunderer148@passmail.net>
Date: Tue, 12 Aug 2025 12:22:48 +0200
Subject: [PATCH 07/17] new admin

---
 apps/www/src/routes/portal/admin/+page.svelte | 200 +++++--
 .../portal/admin/user/[id]/+page.server.ts    |  55 +-
 .../portal/admin/user/[id]/+page.svelte       | 503 ++++++++++++++++++
 .../routes/portal/admin/user/[id]/+server.ts  |  25 -
 4 files changed, 698 insertions(+), 85 deletions(-)
 create mode 100644 apps/www/src/routes/portal/admin/user/[id]/+page.svelte
 delete mode 100644 apps/www/src/routes/portal/admin/user/[id]/+server.ts

diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index 93d3984b..95cd3091 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -1,75 +1,161 @@
 <script lang="ts">
 	import Heading from '$lib/components/ui/Heading.svelte';
-	import UserCard from '$lib/components/cards/UserCard.svelte';
-	import UserDetailModal from '$lib/components/cards/UserDetailModal.svelte';
 	import type { User } from '$lib/db/schemas';
 	import Input from '$lib/components/ui/Input.svelte';
 
 	let { data } = $props();
-
 	let search = $state('');
-	let selectedUser = $state<User | null>(null);
-	let isModalOpen = $state(false);
+	let selectedRole = $state('all');
+	let sortBy = $state('name');
+	let sortOrder = $state<'asc' | 'desc'>('asc');
 
-	let boardMembers = $derived.by(() =>
-		data.users
-			.filter((user: User) => {
-				return user.role === 'board' && user.name.toLowerCase().includes(search.toLowerCase());
-			})
-			.sort((a, b) => a.name.localeCompare(b.name))
-	);
+let filteredUsers = $derived.by(() => {
+	const searchTerm = search.toLowerCase();
+	return data.users
+		.filter((user: User) => {
+			const matchesSearch = user.name.toLowerCase().includes(searchTerm) ||
+				(user.altEmail ?? user.email).toLowerCase().includes(searchTerm);
+			return (selectedRole === 'all' || user.role === selectedRole) && matchesSearch;
+		})
+		.sort((a, b) => {
+			const getVal = (u: User) => sortBy === 'name' ? u.name.toLowerCase() : u.role;
+			const comp = getVal(a).localeCompare(getVal(b));
+			return sortOrder === 'asc' ? comp : -comp;
+		});
+});
 
-	let normalMembers = $derived.by(() =>
-		data.users
-			.filter((user: User) => {
-				return user.role === 'normal' && user.name.toLowerCase().includes(search.toLowerCase());
-			})
-			.sort((a, b) => a.name.localeCompare(b.name))
-	);
+  function handleSort(column: string) {
+    sortOrder = sortBy === column ? (sortOrder === 'asc' ? 'desc' : 'asc') : 'asc';
+    sortBy = column;
+  }
 
-	function closeModal() {
-		isModalOpen = false;
-		selectedUser = null;
-	}
 </script>
 
 <svelte:head>
-	<title>Admin - User Management</title>
+	<title>Admin</title>
 </svelte:head>
 
-{#if isModalOpen && selectedUser}
-	<UserDetailModal {selectedUser} onClose={closeModal} />
-{/if}
+<div class="space-y-6">
+	<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+		<Heading>Admin side</Heading>
+		<div class="flex items-center gap-2 text-sm text-gray-600">
+			<span class="font-medium">{filteredUsers.length}</span>
+			{filteredUsers.length === 1 ? 'bruker' : 'brukere'}
+		</div>
+	</div>
 
-<section class="space-y-6">
-	<Heading>Styret</Heading>
-	<ul class="grid grid-cols-1 gap-4 md:grid-cols-3">
-		{#each boardMembers as user (user.id)}
-			<li>
-				<UserCard
-					{user}
-					onSelect={() => {
-						selectedUser = user;
-						isModalOpen = true;
-					}}
+	<div class="bg-background p-4 rounded-lg border border-gray shadow-sm">
+		<div class="flex flex-col sm:flex-row gap-4">
+			<div class="flex-1">
+				<Input 
+					class="w-full" 
+					type="search" 
+					placeholder="Søk etter navn eller e-post..." 
+					bind:value={search} 
 				/>
-			</li>
-		{/each}
-	</ul>
-</section>
+			</div>
+			<div class="sm:w-48">
+				<select 
+					bind:value={selectedRole}
+					class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+				>
+					<option value="all">Alle roller</option>
+					<option value="board">Styret</option>
+					<option value="normal">Frivillige</option>
+				</select>
+			</div>
+		</div>
+	</div>
 
-<section class="mt-12 space-y-6">
-	<Heading>Frivillige</Heading>
-	<Input class="w-full" type="search" placeholder="Søk etter frivillige" bind:value={search} />
-	<ul class="grid grid-cols-1 gap-4 md:grid-cols-3">
-		{#each normalMembers as user (user.id)}
-			<UserCard
-				{user}
-				onSelect={() => {
-					selectedUser = user;
-					isModalOpen = true;
-				}}
-			/>
-		{/each}
-	</ul>
-</section>
+	<div class="bg-background rounded-lg border border-gray shadow-lg overflow-hidden">
+		<div class="overflow-x-auto">
+			<table class="w-full">
+				<thead class="bg-gray-200 border-b border-gray">
+					<tr>
+						<th class="px-6 py-3 text-left">
+							<button 
+								class="flex items-center gap-1 text-xs font-medium text-gray-500 uppercase tracking-wider hover:text-gray-700 transition-colors"
+								onclick={() => handleSort('name')}
+							>
+								Navn
+								{#if sortBy === 'name'}
+									<span class="text-gray-400">
+										{sortOrder === 'asc' ? '↑' : '↓'}
+									</span>
+								{/if}
+							</button>
+						</th>
+						<th class="flex items-center px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+								E-post
+						</th>
+						<th class="px-6 py-3 text-left">
+							<button 
+								class="flex items-center gap-1 text-xs font-medium text-gray-500 uppercase tracking-wider hover:text-gray-700 transition-colors"
+								onclick={() => handleSort('role')}
+							>
+								Rolle
+								{#if sortBy === 'role'}
+									<span class="text-gray-400">
+										{sortOrder === 'asc' ? '↑' : '↓'}
+									</span>
+								{/if}
+							</button>
+						</th>
+						<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+							Handlinger
+						</th>
+					</tr>
+				</thead>
+				<tbody class="divide-y divide-gray-200">
+					{#each filteredUsers as user (user.id)}
+						<tr class="hover:bg-gray-50 transition-colors">
+							<td class="px-6 py-4 whitespace-nowrap">
+								<div class="flex items-center">
+									<div class="flex-shrink-0 h-8 w-8">
+										<div class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center">
+											<span class="text-sm font-medium text-gray-700">
+												{user.name.charAt(0).toUpperCase()}
+											</span>
+										</div>
+									</div>
+									<div class="ml-3">
+										<div class="text-sm font-medium text-gray-900">{user.name}</div>
+									</div>
+								</div>
+							</td>
+							<td class="px-6 py-4 whitespace-nowrap">
+								<div class="text-sm text-gray-900">{user.altEmail || user.email}</div>
+							</td>
+							<td class="px-6 py-4 whitespace-nowrap">
+								<span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full border {user.role === 'board' ? 'bg-purple-100 text-purple-800 border-purple-200' : 'bg-blue-100 text-blue-800 border-blue-200'}">
+                  {user.role === 'board' ? 'Styret' : 'Frivillig'}
+								</span>
+							</td>
+							<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                <a 
+                  href="./admin/user/{user.id}" 
+                  class="text-blue-600 hover:text-blue-900 transition-colors font-medium"
+                >
+                  Vis detaljer
+                </a>
+							</td>
+						</tr>
+					{/each}
+					{#if filteredUsers.length === 0}
+						<tr>
+							<td colspan="5" class="px-6 py-12 text-center text-gray-500">
+								<div class="flex flex-col items-center gap-2">
+									<div class="text-4xl">👤</div>
+									<div class="text-sm">Ingen brukere funnet</div>
+									{#if search}
+										<div class="text-xs text-gray-400">Prøv å endre søkekriteriene</div>
+									{/if}
+								</div>
+							</td>
+						</tr>
+					{/if}
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index edafe6c7..301ef960 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -1,7 +1,56 @@
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad, Actions } from './$types';
 import { fail } from '@sveltejs/kit';
-import type { Actions } from './$types';
+
+export const load: PageServerLoad = async ({ params, locals }) => {
+	const userId = params.id;
+
+	if (!locals.user || locals.user.role !== 'board') {
+		throw error(401, 'Unauthorized');
+	}
+
+	if (!userId) {
+		throw error(404, 'User ID not provided');
+	}
+
+	const user = await locals.userService.findById(userId);
+	if (!user) {
+		throw error(404, 'User not found');
+	}
+
+	const userShifts = await locals.shiftService.findCompletedShiftsByUserId(userId);
+	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(userId);
+  const referrals = await locals.referralService.getReferralStats(userId);
+
+	return {
+		user,
+		timesVolunteered: userShifts.length,
+		unclaimedBeers,
+    referrals
+	};
+};
+
 
 export const actions: Actions = {
+
+
+  updateUser: async ({ params, request, locals }) => {
+    const userId = params.id;
+    const formData = await request.formData();
+
+    const updateData = {
+      // name: formData.get('name')?.toString(),
+      // email: formData.get('email')?.toString(),
+      role: formData.get('role')?.toString(),
+      // phone: formData.get('phone')?.toString(),
+      // notes: formData.get('notes')?.toString()
+    };
+
+    await locals.userService.updateUser(userId, updateData);
+
+    return { success: true };
+  },
+
 	addBeers: async ({ params, request, locals }) => {
 		const userId = params.id;
 		if (!locals.user || locals.user.role !== 'board') {
@@ -39,7 +88,7 @@ export const actions: Actions = {
 		if (confirmDelete !== user?.name) {
 			return fail(400, {
 				success: false,
-				message: "Names dosen't match"
+				message: "Names doesn't match"
 			});
 		}
 		const success = await locals.userService.deleteUser(userId);
@@ -57,6 +106,6 @@ export const actions: Actions = {
 			});
 		}
 
-		return { success: true };
+		return { success: true, message: `${user.name} er no slettet!`};
 	}
 };
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
new file mode 100644
index 00000000..e9b7b03d
--- /dev/null
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -0,0 +1,503 @@
+<script lang="ts">
+	import Heading from '$lib/components/ui/Heading.svelte';
+	import Input from '$lib/components/ui/Input.svelte';
+	import type { User } from '$lib/db/schemas';
+	import { initials, mailto } from '$lib/utils';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+	import { enhance } from '$app/forms';
+
+	let { data } = $props();
+	let user = data.user as User;
+	let isEditing = $state(false);
+	let editForm = $state({
+		name: data.user.name,
+		email: data.user.altEmail || user.email,
+		role: data.user.role,
+		phone: data.user.phone || '',
+		notes: data.user.notes || ''
+	});
+	let showDeleteConfirm = $state(false);
+	let showAddBeers = $state(false);
+	let additionalBeers = $state(0);
+	let deleteConfirmName = $state('');
+	let isSubmitting = $state(false);
+  let knowTheShit = $state(false);
+  let toastMessage = $state('');
+
+  function showToast(message: string) {
+    toastMessage = message;
+    setTimeout(() => {
+      toastMessage = '';
+    }, 3000);
+  }
+
+	function toggleEdit() {
+		if (isEditing) {
+			// Reset form if canceling
+			editForm = {
+        name: data.user.name,
+        email: data.user.altEmail || user.email,
+        role: data.user.role,
+        phone: data.user.phone || '',
+        notes: data.user.notes || ''
+			};
+		}
+		isEditing = !isEditing;
+	}
+
+	function getRoleBadgeClass(role: string) {
+		switch (role) {
+			case 'board':
+				return 'bg-purple-100 text-purple-800 border-purple-200';
+			case 'normal':
+				return 'bg-blue-100 text-blue-800 border-blue-200';
+			case 'admin':
+				return 'bg-red-100 text-red-800 border-red-200';
+			default:
+				return 'bg-gray-100 text-gray-800 border-gray-200';
+		}
+	}
+
+	function getRoleLabel(role: string) {
+		switch (role) {
+			case 'board':
+				return 'Styret';
+			case 'normal':
+				return 'Frivillig';
+			case 'admin':
+				return 'Administrator';
+			default:
+				return role;
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Admin - {user.name}</title>
+</svelte:head>
+
+<div class="space-y-6">
+	<a
+		class="flex items-center gap-4 text-gray-500 transition-colors hover:text-gray-700"
+		href="/portal/admin/"
+	>
+		← Tilbake til admin page
+	</a>
+
+	<div class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm">
+		<div class="flex items-start justify-between">
+			<div class="flex items-center gap-4">
+				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
+					<span class="text-2xl font-semibold text-gray-700">
+						{user.name.charAt(0).toUpperCase()}
+					</span>
+				</div>
+				<div>
+					<Heading class="mb-1">{user.name}</Heading>
+					<div class="flex items-center gap-3">
+						<span
+							class="inline-flex rounded-full border px-3 py-1 text-sm font-semibold {getRoleBadgeClass(
+								user.role
+							)}"
+						>
+							{getRoleLabel(user.role)}
+						</span>
+					</div>
+				</div>
+			</div>
+			<div class="flex gap-2">
+				{#if !isEditing}
+					<button
+						onclick={toggleEdit}
+						class="rounded-md bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700"
+					>
+						Rediger
+					</button>
+				{:else}
+					<button
+						onclick={toggleEdit}
+						class="rounded-md bg-gray-300 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-400"
+						disabled={isSubmitting}
+					>
+						Avbryt
+					</button>
+					
+					<form
+						method="POST"
+						action="?/updateUser"
+						class="inline"
+						use:enhance={() => {
+							isSubmitting = true;
+							return async ({ result }) => {
+								isSubmitting = false;
+								if (result.type === 'success') {
+									user = { ...user, ...editForm };
+									isEditing = false;
+									showToast(`${user.name} oppdatert`);
+								} else {
+									console.error('Failed to save user');
+									showToast('Feil ved lagring');
+								}
+							};
+						}}
+					>
+						<input type="hidden" name="name" value={editForm.name} />
+						<input type="hidden" name="email" value={editForm.email} />
+						<input type="hidden" name="role" value={editForm.role} />
+						<input type="hidden" name="phone" value={editForm.phone} />
+						<input type="hidden" name="notes" value={editForm.notes} />
+						
+						<button
+							type="submit"
+							class="rounded-md bg-green-600 px-4 py-2 text-white transition-colors hover:bg-green-700 disabled:opacity-50"
+							disabled={isSubmitting}
+						>
+							{isSubmitting ? 'Lagrer...' : 'Lagre'}
+						</button>
+					</form>
+				{/if}
+			</div>
+		</div>
+	</div>
+
+	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+		<!-- Main Info -->
+		<div class="space-y-6 lg:col-span-2">
+			<!-- Basic Information -->
+			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
+				</div>
+				<div class="space-y-4 p-6">
+					{#if isEditing}
+						<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+							<div>
+								<label class="mb-1 block text-sm font-medium text-gray-700">Navn</label>
+								<Input bind:value={editForm.name} placeholder="Fullt navn" />
+							</div>
+							<div>
+								<label class="mb-1 block text-sm font-medium text-gray-700">E-post</label>
+								<Input bind:value={editForm.email} type="email" placeholder="bruker@eksempel.no" />
+							</div>
+							<div>
+								<label class="mb-1 block text-sm font-medium text-gray-700">Telefon</label>
+								<Input bind:value={editForm.phone} type="tel" placeholder="+47 123 45 678" />
+							</div>
+							<div>
+								<label class="mb-1 block text-sm font-medium text-gray-700">Rolle</label>
+								<div class="flex items-center gap-2">
+									<label class="relative cursor-pointer">
+										<input
+											type="radio"
+											name="role"
+											value="normal"
+											class="peer hidden"
+											bind:group={editForm.role}
+										/>
+										<span
+											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
+											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-blue-600
+											  peer-checked:text-white transition-colors"
+										>
+											Frivillig
+										</span>
+									</label>
+
+									<label class="relative cursor-pointer">
+										<input
+											type="radio"
+											name="role"
+											value="board"
+											class="peer hidden"
+											bind:group={editForm.role}
+										/>
+										<span
+											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
+											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-purple-600
+											  peer-checked:text-white transition-colors"
+										>
+											Styret
+										</span>
+									</label>
+
+									<label class="relative cursor-pointer">
+										<input
+											type="radio"
+											name="role"
+											value="admin"
+											class="peer hidden"
+											bind:group={editForm.role}
+										/>
+										<span
+											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
+											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-red-600
+											  peer-checked:text-white transition-colors"
+										>
+											Administrator
+										</span>
+									</label>
+								</div>
+							</div>
+						</div>
+						<div>
+							<label class="mb-1 block text-sm font-medium text-gray-700">Notater</label>
+							<textarea
+								bind:value={editForm.notes}
+								rows="3"
+								class="w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
+								placeholder="Interne notater om brukeren..."
+							></textarea>
+						</div>
+					{:else}
+						<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Navn</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.name}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">E-post</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.email || 'Ikke oppgitt'}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Telefon</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.phone || 'Ikke oppgitt'}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Rolle</dt>
+								<dd class="mt-1">
+									<span
+										class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {getRoleBadgeClass(
+											user.role
+										)}"
+									>
+										{getRoleLabel(user.role)}
+									</span>
+								</dd>
+							</div>
+							{#if user.notes}
+								<div class="md:col-span-2">
+									<dt class="text-sm font-medium text-gray-500">Notater</dt>
+									<dd class="mt-1 text-sm text-gray-900">{user.notes}</dd>
+								</div>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			</div>
+
+			<!-- Activity Log -->
+			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
+				</div>
+				<div class="p-6">
+					<div class="space-y-3">
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-blue-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Totale referreinger</p>
+                <p class="text-xs text-gray-500">{data.referrals.totalReferrals}</p>
+							</div>
+						</div>
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-green-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Godkjente referreringer</p>
+								<p class="text-xs text-gray-500">{data.referrals.completedReferrals}</p>
+							</div>
+						</div>
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-yellow-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Ventende referreringer</p>
+								<p class="text-xs text-gray-500">{data.referrals.pendingReferrals}</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="space-y-6">
+			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
+				</div>
+				<div class="space-y-4 p-6">
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Antall ganger stått (sem)</span>
+						<span class="text-sm font-semibold text-gray-900">{data.timesVolunteered || 0}</span>
+					</div>
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Antall Bonger</span>
+						<span class="text-sm font-semibold text-gray-900">{data.unclaimedBeers || 0}</span>
+					</div>
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Kommende arrangemennt</span>
+						<span class="text-sm font-semibold text-gray-900">I dag</span>
+					</div>
+				</div>
+			</div>
+
+			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Handlinger</h3>
+				</div>
+				<div class="space-y-2 p-6">
+					<a
+						href="mailto:{data.user.altEmail || data.user.email}"
+						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+					>
+						📧 Send e-post
+					</a>
+					<button
+						onclick={() => (showAddBeers = true)}
+						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+					>
+						🍺 Legg til / Fjern bonger
+					</button>
+					<button
+						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+					>
+          {#if knowTheShit === false}  
+						❌ Fått opplæring?
+          {:else}
+            ✅ Fått opplæring
+          {/if}
+					</button>
+					<div class="border-t border-gray-200 pt-2">
+						<button
+							onclick={() => (showDeleteConfirm = true)}
+							class="w-full rounded-md px-4 py-2 text-left text-sm text-red-600 transition-colors hover:bg-red-50"
+						>
+							🗑️ Slett bruker
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+{#if showAddBeers}
+	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
+		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
+			<h3 class="mb-2 text-lg font-semibold text-gray-900">Legg til øl</h3>
+			<p class="mb-4 text-sm text-gray-600">
+        Det du srkiver her, vil endre på antall ekstra bonger <strong>{user.name}</strong>  har tilgjengelig.
+			</p>
+			<p class="mb-4 text-sm text-gray-600">
+        Påvirker ikke antall bonger som dei har stått for
+			</p>
+			<form
+				method="POST"
+				action="?/addBeers"
+				use:enhance={() => {
+					return async ({ result }) => {
+						if (result.type === 'success') {
+							showAddBeers = false;
+							window.location.reload();
+						}
+					};
+				}}
+			>
+				<div class="mb-4">
+					<Input
+						type="number"
+						name="additionalBeers"
+						bind:value={additionalBeers}
+						placeholder="Antall øl"
+						class="w-full"
+					/>
+				</div>
+				<div class="flex justify-end gap-3">
+					<button
+						type="button"
+						onclick={() => (showAddBeers = false)}
+						class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
+					>
+						Avbryt
+					</button>
+					<button
+						type="submit"
+						class="rounded-md bg-blue-600 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-700"
+					>
+						Legg til
+					</button>
+				</div>
+			</form>
+		</div>
+	</div>
+{/if}
+
+{#if showDeleteConfirm}
+	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
+		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
+			<h3 class="mb-2 text-lg font-semibold text-gray-900">Slett bruker</h3>
+			<p class="mb-4 text-sm text-gray-600">
+				Er du sikker på at du vil slette <strong>{user.name}</strong>? Skriv inn brukerens navn for
+				å bekrefte.
+			</p>
+      <form
+        method="POST"
+        action="?/deleteUser"
+        use:enhance={() => {
+        return async ({ result }) => {
+        if (result.type === 'success') {
+        showDeleteConfirm = false;
+        deleteConfirmName = '';
+        showToast(result.data.message);
+
+        setTimeout(() => {
+        goto('/portal/admin');
+        }, 2000);
+        } else {
+        console.error('Failed to delete user');
+        }
+        };
+        }}
+      >
+				<div class="mb-4">
+					<Input
+						name="confirmDelete"
+						bind:value={deleteConfirmName}
+						placeholder={user.name}
+						class="w-full"
+					/>
+				</div>
+				<div class="flex justify-end gap-3">
+					<button
+						type="button"
+						onclick={() => {
+							showDeleteConfirm = false;
+							deleteConfirmName = '';
+						}}
+						class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
+					>
+						Avbryt
+					</button>
+					<button
+						type="submit"
+						disabled={deleteConfirmName !== user.name}
+						class="rounded-md bg-red-600 px-4 py-2 text-sm text-white transition-colors hover:bg-red-700 disabled:cursor-not-allowed disabled:opacity-50"
+					>
+						Slett bruker
+					</button>
+				</div>
+			</form>
+		</div>
+	</div>
+{/if}
+
+{#if toastMessage}
+	<div class="fixed bottom-4 right-4 z-50 rounded-md bg-green-100 border border-green-400 px-4 py-3 text-green-700 shadow-lg">
+		{toastMessage}
+	</div>
+{/if}
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+server.ts b/apps/www/src/routes/portal/admin/user/[id]/+server.ts
deleted file mode 100644
index 1a1abf85..00000000
--- a/apps/www/src/routes/portal/admin/user/[id]/+server.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { json, error } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async ({ params, locals }) => {
-	const userId = params.id;
-
-	if (!locals.user || locals.user.role !== 'board') {
-		throw error(401, 'Unauthorized');
-	}
-
-	const user = await locals.userService.findById(userId);
-
-	if (!user) {
-		throw error(404, 'User not found');
-	}
-
-	const userShifts = await locals.shiftService.findCompletedShiftsByUserId(userId);
-	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(userId);
-
-	return json({
-		...user,
-		timesVolunteered: userShifts.length,
-		unclaimedBeers: unclaimedBeers
-	});
-};

From 5a164756b1fa52c53b12cd4429f1831f16bc9f4d Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Tue, 12 Aug 2025 14:58:02 +0200
Subject: [PATCH 08/17] Db change and new admin

---
 .../migrations/0017_magenta_white_tiger.sql   |   1 +
 apps/www/migrations/meta/0017_snapshot.json   | 651 ++++++++++++++++++
 apps/www/migrations/meta/_journal.json        |   7 +
 apps/www/src/lib/db/schemas/users.ts          |   5 +-
 apps/www/src/lib/services/user.service.ts     |   9 +
 apps/www/src/routes/portal/+page.server.ts    |   2 +-
 apps/www/src/routes/portal/+page.svelte       |   2 +-
 apps/www/src/routes/portal/admin/+page.svelte | 115 ++--
 .../portal/admin/user/[id]/+page.server.ts    |  38 +-
 .../portal/admin/user/[id]/+page.svelte       | 180 ++---
 10 files changed, 827 insertions(+), 183 deletions(-)
 create mode 100644 apps/www/migrations/0017_magenta_white_tiger.sql
 create mode 100644 apps/www/migrations/meta/0017_snapshot.json

diff --git a/apps/www/migrations/0017_magenta_white_tiger.sql b/apps/www/migrations/0017_magenta_white_tiger.sql
new file mode 100644
index 00000000..590010c0
--- /dev/null
+++ b/apps/www/migrations/0017_magenta_white_tiger.sql
@@ -0,0 +1 @@
+ALTER TABLE `user` ADD `phone` text;
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0017_snapshot.json b/apps/www/migrations/meta/0017_snapshot.json
new file mode 100644
index 00000000..d0ee430e
--- /dev/null
+++ b/apps/www/migrations/meta/0017_snapshot.json
@@ -0,0 +1,651 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "8407e343-eae1-4da2-a53b-0e85669d188c",
+  "prevId": "1a3be43f-016f-42b5-ba0d-cfa4acb79731",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/_journal.json b/apps/www/migrations/meta/_journal.json
index 39fa5b7e..cc310ca9 100644
--- a/apps/www/migrations/meta/_journal.json
+++ b/apps/www/migrations/meta/_journal.json
@@ -120,6 +120,13 @@
       "when": 1749817905456,
       "tag": "0016_sharp_zeigeist",
       "breakpoints": true
+    },
+    {
+      "idx": 17,
+      "version": "6",
+      "when": 1754997549964,
+      "tag": "0017_magenta_white_tiger",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index 1331e8aa..e81b7840 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -16,8 +16,9 @@ export const users = sqliteTable(
 		role: text({ enum: ['board', 'normal'] })
 			.notNull()
 			.default('normal'),
-		additionalBeers: integer().default(0).notNull(),
-		altEmail: text()
+		altEmail: text(),
+		phone: text(),
+		additionalBeers: integer().default(0).notNull()
 	},
 	(t) => [uniqueIndex('email_idx').on(t.email), uniqueIndex('feide_id_idx').on(t.feideId)]
 );
diff --git a/apps/www/src/lib/services/user.service.ts b/apps/www/src/lib/services/user.service.ts
index 47d7a38b..2afefa54 100644
--- a/apps/www/src/lib/services/user.service.ts
+++ b/apps/www/src/lib/services/user.service.ts
@@ -45,6 +45,15 @@ export class UserService {
 			.then((rows) => rows[0]);
 	}
 
+	async updatePhone(userId: string, phonenr: string) {
+		return await this.#db
+			.update(users)
+			.set({ phone: phonenr })
+			.where(eq(users.id, userId))
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
 	async findById(userId: string) {
 		const user = await this.#db
 			.select()
diff --git a/apps/www/src/routes/portal/+page.server.ts b/apps/www/src/routes/portal/+page.server.ts
index 87807d53..7e732790 100644
--- a/apps/www/src/routes/portal/+page.server.ts
+++ b/apps/www/src/routes/portal/+page.server.ts
@@ -46,7 +46,7 @@ export const load: PageServerLoad = async ({ locals }) => {
 		canRefer: canUserRefer,
 		users,
 		referralStats,
-    currentUserId: locals.user.id
+		currentUserId: locals.user.id
 	};
 };
 
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index 06a8196b..879b11f5 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -31,7 +31,7 @@
 									onchange={(option) => {
 										selectedReferrerId = option?.value || '';
 									}}
-                  options={data.users.filter(user => user.value !== data.currentUserId)}
+									options={data.users.filter((user) => user.value !== data.currentUserId)}
 									placeholder="Søk etter navn..."
 									class="w-full"
 								/>
diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index 95cd3091..717b7e89 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -9,26 +9,26 @@
 	let sortBy = $state('name');
 	let sortOrder = $state<'asc' | 'desc'>('asc');
 
-let filteredUsers = $derived.by(() => {
-	const searchTerm = search.toLowerCase();
-	return data.users
-		.filter((user: User) => {
-			const matchesSearch = user.name.toLowerCase().includes(searchTerm) ||
-				(user.altEmail ?? user.email).toLowerCase().includes(searchTerm);
-			return (selectedRole === 'all' || user.role === selectedRole) && matchesSearch;
-		})
-		.sort((a, b) => {
-			const getVal = (u: User) => sortBy === 'name' ? u.name.toLowerCase() : u.role;
-			const comp = getVal(a).localeCompare(getVal(b));
-			return sortOrder === 'asc' ? comp : -comp;
-		});
-});
-
-  function handleSort(column: string) {
-    sortOrder = sortBy === column ? (sortOrder === 'asc' ? 'desc' : 'asc') : 'asc';
-    sortBy = column;
-  }
+	let filteredUsers = $derived.by(() => {
+		const searchTerm = search.toLowerCase();
+		return data.users
+			.filter((user: User) => {
+				const matchesSearch =
+					user.name.toLowerCase().includes(searchTerm) ||
+					(user.altEmail ?? user.email).toLowerCase().includes(searchTerm);
+				return (selectedRole === 'all' || user.role === selectedRole) && matchesSearch;
+			})
+			.sort((a, b) => {
+				const getVal = (u: User) => (sortBy === 'name' ? u.name.toLowerCase() : u.role);
+				const comp = getVal(a).localeCompare(getVal(b));
+				return sortOrder === 'asc' ? comp : -comp;
+			});
+	});
 
+	function handleSort(column: string) {
+		sortOrder = sortBy === column ? (sortOrder === 'asc' ? 'desc' : 'asc') : 'asc';
+		sortBy = column;
+	}
 </script>
 
 <svelte:head>
@@ -36,7 +36,7 @@ let filteredUsers = $derived.by(() => {
 </svelte:head>
 
 <div class="space-y-6">
-	<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+	<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
 		<Heading>Admin side</Heading>
 		<div class="flex items-center gap-2 text-sm text-gray-600">
 			<span class="font-medium">{filteredUsers.length}</span>
@@ -44,20 +44,20 @@ let filteredUsers = $derived.by(() => {
 		</div>
 	</div>
 
-	<div class="bg-background p-4 rounded-lg border border-gray shadow-sm">
-		<div class="flex flex-col sm:flex-row gap-4">
+	<div class="border-gray rounded-lg border bg-background p-4 shadow-sm">
+		<div class="flex flex-col gap-4 sm:flex-row">
 			<div class="flex-1">
-				<Input 
-					class="w-full" 
-					type="search" 
-					placeholder="Søk etter navn eller e-post..." 
-					bind:value={search} 
+				<Input
+					class="w-full"
+					type="search"
+					placeholder="Søk etter navn eller e-post..."
+					bind:value={search}
 				/>
 			</div>
 			<div class="sm:w-48">
-				<select 
+				<select
 					bind:value={selectedRole}
-					class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+					class="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
 				>
 					<option value="all">Alle roller</option>
 					<option value="board">Styret</option>
@@ -67,14 +67,14 @@ let filteredUsers = $derived.by(() => {
 		</div>
 	</div>
 
-	<div class="bg-background rounded-lg border border-gray shadow-lg overflow-hidden">
+	<div class="border-gray overflow-hidden rounded-lg border bg-background shadow-lg">
 		<div class="overflow-x-auto">
 			<table class="w-full">
-				<thead class="bg-gray-200 border-b border-gray">
+				<thead class="border-gray border-b bg-gray-200">
 					<tr>
 						<th class="px-6 py-3 text-left">
-							<button 
-								class="flex items-center gap-1 text-xs font-medium text-gray-500 uppercase tracking-wider hover:text-gray-700 transition-colors"
+							<button
+								class="flex items-center gap-1 text-xs font-medium uppercase tracking-wider text-gray-500 transition-colors hover:text-gray-700"
 								onclick={() => handleSort('name')}
 							>
 								Navn
@@ -85,12 +85,14 @@ let filteredUsers = $derived.by(() => {
 								{/if}
 							</button>
 						</th>
-						<th class="flex items-center px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-								E-post
+						<th
+							class="flex items-center px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500"
+						>
+							E-post
 						</th>
 						<th class="px-6 py-3 text-left">
-							<button 
-								class="flex items-center gap-1 text-xs font-medium text-gray-500 uppercase tracking-wider hover:text-gray-700 transition-colors"
+							<button
+								class="flex items-center gap-1 text-xs font-medium uppercase tracking-wider text-gray-500 transition-colors hover:text-gray-700"
 								onclick={() => handleSort('role')}
 							>
 								Rolle
@@ -101,18 +103,20 @@ let filteredUsers = $derived.by(() => {
 								{/if}
 							</button>
 						</th>
-						<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+						<th
+							class="px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500"
+						>
 							Handlinger
 						</th>
 					</tr>
 				</thead>
 				<tbody class="divide-y divide-gray-200">
 					{#each filteredUsers as user (user.id)}
-						<tr class="hover:bg-gray-50 transition-colors">
-							<td class="px-6 py-4 whitespace-nowrap">
+						<tr class="transition-colors hover:bg-gray-50">
+							<td class="whitespace-nowrap px-6 py-4">
 								<div class="flex items-center">
-									<div class="flex-shrink-0 h-8 w-8">
-										<div class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center">
+									<div class="h-8 w-8 flex-shrink-0">
+										<div class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-300">
 											<span class="text-sm font-medium text-gray-700">
 												{user.name.charAt(0).toUpperCase()}
 											</span>
@@ -123,21 +127,26 @@ let filteredUsers = $derived.by(() => {
 									</div>
 								</div>
 							</td>
-							<td class="px-6 py-4 whitespace-nowrap">
+							<td class="whitespace-nowrap px-6 py-4">
 								<div class="text-sm text-gray-900">{user.altEmail || user.email}</div>
 							</td>
-							<td class="px-6 py-4 whitespace-nowrap">
-								<span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full border {user.role === 'board' ? 'bg-purple-100 text-purple-800 border-purple-200' : 'bg-blue-100 text-blue-800 border-blue-200'}">
-                  {user.role === 'board' ? 'Styret' : 'Frivillig'}
+							<td class="whitespace-nowrap px-6 py-4">
+								<span
+									class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.role ===
+									'board'
+										? 'border-purple-200 bg-purple-100 text-purple-800'
+										: 'border-blue-200 bg-blue-100 text-blue-800'}"
+								>
+									{user.role === 'board' ? 'Styret' : 'Frivillig'}
 								</span>
 							</td>
-							<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                <a 
-                  href="./admin/user/{user.id}" 
-                  class="text-blue-600 hover:text-blue-900 transition-colors font-medium"
-                >
-                  Vis detaljer
-                </a>
+							<td class="whitespace-nowrap px-6 py-4 text-right text-sm font-medium">
+								<a
+									href="./admin/user/{user.id}"
+									class="font-medium text-blue-600 transition-colors hover:text-blue-900"
+								>
+									Vis detaljer
+								</a>
 							</td>
 						</tr>
 					{/each}
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index 301ef960..c9d4a9d5 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -20,36 +20,30 @@ export const load: PageServerLoad = async ({ params, locals }) => {
 
 	const userShifts = await locals.shiftService.findCompletedShiftsByUserId(userId);
 	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(userId);
-  const referrals = await locals.referralService.getReferralStats(userId);
+	const referrals = await locals.referralService.getReferralStats(userId);
 
 	return {
 		user,
 		timesVolunteered: userShifts.length,
 		unclaimedBeers,
-    referrals
+		referrals
 	};
 };
 
-
 export const actions: Actions = {
-
-
-  updateUser: async ({ params, request, locals }) => {
-    const userId = params.id;
-    const formData = await request.formData();
-
-    const updateData = {
-      // name: formData.get('name')?.toString(),
-      // email: formData.get('email')?.toString(),
-      role: formData.get('role')?.toString(),
-      // phone: formData.get('phone')?.toString(),
-      // notes: formData.get('notes')?.toString()
-    };
-
-    await locals.userService.updateUser(userId, updateData);
-
-    return { success: true };
-  },
+	updateUser: async ({ params, request, locals }) => {
+		const userId = params.id;
+		const formData = await request.formData();
+		const role = formData.get('role')?.toString() as 'board' | 'normal';
+		const phone = formData.get('phone')?.toString();
+		if (phone) {
+			await locals.userService.updatePhone(userId, phone);
+		}
+		if (role) {
+			await locals.userService.updateUserRole(userId, role);
+		}
+		return { success: true };
+	},
 
 	addBeers: async ({ params, request, locals }) => {
 		const userId = params.id;
@@ -106,6 +100,6 @@ export const actions: Actions = {
 			});
 		}
 
-		return { success: true, message: `${user.name} er no slettet!`};
+		return { success: true, message: `${user.name} er no slettet!` };
 	}
 };
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index e9b7b03d..84b2ebba 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -4,43 +4,39 @@
 	import type { User } from '$lib/db/schemas';
 	import { initials, mailto } from '$lib/utils';
 	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
 	import { enhance } from '$app/forms';
 
 	let { data } = $props();
-	let user = data.user as User;
+	let user = $state(data.user as User);
 	let isEditing = $state(false);
+
 	let editForm = $state({
-		name: data.user.name,
-		email: data.user.altEmail || user.email,
+		email: data.user.altEmail || data.user.email,
 		role: data.user.role,
-		phone: data.user.phone || '',
-		notes: data.user.notes || ''
+		phone: data.user.phone || ''
 	});
+
 	let showDeleteConfirm = $state(false);
 	let showAddBeers = $state(false);
 	let additionalBeers = $state(0);
 	let deleteConfirmName = $state('');
 	let isSubmitting = $state(false);
-  let knowTheShit = $state(false);
-  let toastMessage = $state('');
+	let knowTheShit = $state(false);
+	let toastMessage = $state('');
 
-  function showToast(message: string) {
-    toastMessage = message;
-    setTimeout(() => {
-      toastMessage = '';
-    }, 3000);
-  }
+	function showToast(message: string) {
+		toastMessage = message;
+		setTimeout(() => {
+			toastMessage = '';
+		}, 3000);
+	}
 
 	function toggleEdit() {
 		if (isEditing) {
-			// Reset form if canceling
 			editForm = {
-        name: data.user.name,
-        email: data.user.altEmail || user.email,
-        role: data.user.role,
-        phone: data.user.phone || '',
-        notes: data.user.notes || ''
+				email: data.user.altEmail || user.email,
+				role: data.user.role,
+				phone: data.user.phone || ''
 			};
 		}
 		isEditing = !isEditing;
@@ -90,7 +86,7 @@
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
 					<span class="text-2xl font-semibold text-gray-700">
-						{user.name.charAt(0).toUpperCase()}
+						{initials(data.user.name)}
 					</span>
 				</div>
 				<div>
@@ -122,7 +118,7 @@
 					>
 						Avbryt
 					</button>
-					
+
 					<form
 						method="POST"
 						action="?/updateUser"
@@ -142,12 +138,10 @@
 							};
 						}}
 					>
-						<input type="hidden" name="name" value={editForm.name} />
 						<input type="hidden" name="email" value={editForm.email} />
 						<input type="hidden" name="role" value={editForm.role} />
 						<input type="hidden" name="phone" value={editForm.phone} />
-						<input type="hidden" name="notes" value={editForm.notes} />
-						
+
 						<button
 							type="submit"
 							class="rounded-md bg-green-600 px-4 py-2 text-white transition-colors hover:bg-green-700 disabled:opacity-50"
@@ -162,9 +156,7 @@
 	</div>
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
-		<!-- Main Info -->
 		<div class="space-y-6 lg:col-span-2">
-			<!-- Basic Information -->
 			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
@@ -173,19 +165,33 @@
 					{#if isEditing}
 						<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 							<div>
-								<label class="mb-1 block text-sm font-medium text-gray-700">Navn</label>
-								<Input bind:value={editForm.name} placeholder="Fullt navn" />
+								<dt class="text-sm font-medium text-gray-500">Navn</dt>
+								<dd class="mt-1 text-sm text-gray-900">{data.user.name}</dd>
 							</div>
 							<div>
-								<label class="mb-1 block text-sm font-medium text-gray-700">E-post</label>
-								<Input bind:value={editForm.email} type="email" placeholder="bruker@eksempel.no" />
+								<label for="edit-email" class="mb-1 block text-sm font-medium text-gray-700"
+									>E-post</label
+								>
+								<Input
+									id="edit-email"
+									bind:value={editForm.email}
+									type="email"
+									placeholder="bruker@eksempel.no"
+								/>
 							</div>
 							<div>
-								<label class="mb-1 block text-sm font-medium text-gray-700">Telefon</label>
-								<Input bind:value={editForm.phone} type="tel" placeholder="+47 123 45 678" />
+								<label for="edit-phone" class="mb-1 block text-sm font-medium text-gray-700"
+									>Telefon</label
+								>
+								<Input
+									id="edit-phone"
+									bind:value={editForm.phone}
+									type="tel"
+									placeholder="+47 123 45 678"
+								/>
 							</div>
 							<div>
-								<label class="mb-1 block text-sm font-medium text-gray-700">Rolle</label>
+								<div class="mb-1 block text-sm font-medium text-gray-700">Rolle</div>
 								<div class="flex items-center gap-2">
 									<label class="relative cursor-pointer">
 										<input
@@ -197,8 +203,8 @@
 										/>
 										<span
 											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
-											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-blue-600
-											  peer-checked:text-white transition-colors"
+											  transition-colors hover:bg-gray-200 peer-checked:border-transparent
+											  peer-checked:bg-blue-600 peer-checked:text-white"
 										>
 											Frivillig
 										</span>
@@ -214,41 +220,15 @@
 										/>
 										<span
 											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
-											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-purple-600
-											  peer-checked:text-white transition-colors"
+											  transition-colors hover:bg-gray-200 peer-checked:border-transparent
+											  peer-checked:bg-purple-600 peer-checked:text-white"
 										>
 											Styret
 										</span>
 									</label>
-
-									<label class="relative cursor-pointer">
-										<input
-											type="radio"
-											name="role"
-											value="admin"
-											class="peer hidden"
-											bind:group={editForm.role}
-										/>
-										<span
-											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
-											  hover:bg-gray-200 peer-checked:border-transparent peer-checked:bg-red-600
-											  peer-checked:text-white transition-colors"
-										>
-											Administrator
-										</span>
-									</label>
 								</div>
 							</div>
 						</div>
-						<div>
-							<label class="mb-1 block text-sm font-medium text-gray-700">Notater</label>
-							<textarea
-								bind:value={editForm.notes}
-								rows="3"
-								class="w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
-								placeholder="Interne notater om brukeren..."
-							></textarea>
-						</div>
 					{:else}
 						<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
 							<div>
@@ -275,18 +255,11 @@
 									</span>
 								</dd>
 							</div>
-							{#if user.notes}
-								<div class="md:col-span-2">
-									<dt class="text-sm font-medium text-gray-500">Notater</dt>
-									<dd class="mt-1 text-sm text-gray-900">{user.notes}</dd>
-								</div>
-							{/if}
 						</div>
 					{/if}
 				</div>
 			</div>
 
-			<!-- Activity Log -->
 			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
@@ -299,7 +272,7 @@
 							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-blue-400"></div>
 							<div class="flex-1">
 								<p class="text-sm text-gray-900">Totale referreinger</p>
-                <p class="text-xs text-gray-500">{data.referrals.totalReferrals}</p>
+								<p class="text-xs text-gray-500">{data.referrals.totalReferrals}</p>
 							</div>
 						</div>
 						<div
@@ -352,30 +325,30 @@
 				</div>
 				<div class="space-y-2 p-6">
 					<a
-						href="mailto:{data.user.altEmail || data.user.email}"
 						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+						href={mailto(data.user.altEmail || data.user.email)}
 					>
 						📧 Send e-post
 					</a>
 					<button
-						onclick={() => (showAddBeers = true)}
 						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+						onclick={() => (showAddBeers = true)}
 					>
 						🍺 Legg til / Fjern bonger
 					</button>
 					<button
 						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
 					>
-          {#if knowTheShit === false}  
-						❌ Fått opplæring?
-          {:else}
-            ✅ Fått opplæring
-          {/if}
+						{#if knowTheShit === false}
+							❌ Fått opplæring?
+						{:else}
+							✅ Fått opplæring
+						{/if}
 					</button>
 					<div class="border-t border-gray-200 pt-2">
 						<button
-							onclick={() => (showDeleteConfirm = true)}
 							class="w-full rounded-md px-4 py-2 text-left text-sm text-red-600 transition-colors hover:bg-red-50"
+							onclick={() => (showDeleteConfirm = true)}
 						>
 							🗑️ Slett bruker
 						</button>
@@ -391,11 +364,9 @@
 		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Legg til øl</h3>
 			<p class="mb-4 text-sm text-gray-600">
-        Det du srkiver her, vil endre på antall ekstra bonger <strong>{user.name}</strong>  har tilgjengelig.
-			</p>
-			<p class="mb-4 text-sm text-gray-600">
-        Påvirker ikke antall bonger som dei har stått for
+				Det du srkiver her, vil endre på antall ekstra bonger <strong>{user.name}</strong> har tilgjengelig.
 			</p>
+			<p class="mb-4 text-sm text-gray-600">Påvirker ikke antall bonger som dei har stått for</p>
 			<form
 				method="POST"
 				action="?/addBeers"
@@ -445,25 +416,24 @@
 				Er du sikker på at du vil slette <strong>{user.name}</strong>? Skriv inn brukerens navn for
 				å bekrefte.
 			</p>
-      <form
-        method="POST"
-        action="?/deleteUser"
-        use:enhance={() => {
-        return async ({ result }) => {
-        if (result.type === 'success') {
-        showDeleteConfirm = false;
-        deleteConfirmName = '';
-        showToast(result.data.message);
-
-        setTimeout(() => {
-        goto('/portal/admin');
-        }, 2000);
-        } else {
-        console.error('Failed to delete user');
-        }
-        };
-        }}
-      >
+			<form
+				method="POST"
+				action="?/deleteUser"
+				use:enhance={() => {
+					return async ({ result }) => {
+						if (result.type === 'success') {
+							showDeleteConfirm = false;
+							deleteConfirmName = '';
+							showToast((result.data as { message: string }).message);
+							setTimeout(() => {
+								goto('/portal/admin');
+							}, 2000);
+						} else {
+							console.error('Failed to delete user');
+						}
+					};
+				}}
+			>
 				<div class="mb-4">
 					<Input
 						name="confirmDelete"
@@ -497,7 +467,9 @@
 {/if}
 
 {#if toastMessage}
-	<div class="fixed bottom-4 right-4 z-50 rounded-md bg-green-100 border border-green-400 px-4 py-3 text-green-700 shadow-lg">
+	<div
+		class="fixed bottom-4 right-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
+	>
 		{toastMessage}
 	</div>
 {/if}

From bc868032e0789e90a0f2cca280d0d28bf7609d40 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Tue, 12 Aug 2025 20:21:20 +0200
Subject: [PATCH 09/17] added phone to profile

---
 apps/www/src/routes/portal/admin/+page.svelte |  3 +-
 .../portal/admin/user/[id]/+page.server.ts    |  4 +-
 .../portal/admin/user/[id]/+page.svelte       | 56 ++++++-------------
 .../src/routes/portal/profil/+page.server.ts  | 38 ++++++++-----
 .../www/src/routes/portal/profil/+page.svelte | 12 +++-
 5 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index 717b7e89..d163a885 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -2,6 +2,7 @@
 	import Heading from '$lib/components/ui/Heading.svelte';
 	import type { User } from '$lib/db/schemas';
 	import Input from '$lib/components/ui/Input.svelte';
+	import { initials } from '$lib/utils.js';
 
 	let { data } = $props();
 	let search = $state('');
@@ -118,7 +119,7 @@
 									<div class="h-8 w-8 flex-shrink-0">
 										<div class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-300">
 											<span class="text-sm font-medium text-gray-700">
-												{user.name.charAt(0).toUpperCase()}
+												{initials(user.name)}
 											</span>
 										</div>
 									</div>
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index c9d4a9d5..c7077b7e 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -21,12 +21,14 @@ export const load: PageServerLoad = async ({ params, locals }) => {
 	const userShifts = await locals.shiftService.findCompletedShiftsByUserId(userId);
 	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(userId);
 	const referrals = await locals.referralService.getReferralStats(userId);
+	const shifts = await locals.shiftService.findUpcomingShiftsByUserId(userId);
 
 	return {
 		user,
 		timesVolunteered: userShifts.length,
 		unclaimedBeers,
-		referrals
+		referrals,
+		shifts
 	};
 };
 
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index 84b2ebba..7b50cbb1 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -34,39 +34,13 @@
 	function toggleEdit() {
 		if (isEditing) {
 			editForm = {
-				email: data.user.altEmail || user.email,
+				email: data.user.altEmail || data.user.email,
 				role: data.user.role,
 				phone: data.user.phone || ''
 			};
 		}
 		isEditing = !isEditing;
 	}
-
-	function getRoleBadgeClass(role: string) {
-		switch (role) {
-			case 'board':
-				return 'bg-purple-100 text-purple-800 border-purple-200';
-			case 'normal':
-				return 'bg-blue-100 text-blue-800 border-blue-200';
-			case 'admin':
-				return 'bg-red-100 text-red-800 border-red-200';
-			default:
-				return 'bg-gray-100 text-gray-800 border-gray-200';
-		}
-	}
-
-	function getRoleLabel(role: string) {
-		switch (role) {
-			case 'board':
-				return 'Styret';
-			case 'normal':
-				return 'Frivillig';
-			case 'admin':
-				return 'Administrator';
-			default:
-				return role;
-		}
-	}
 </script>
 
 <svelte:head>
@@ -93,11 +67,12 @@
 					<Heading class="mb-1">{user.name}</Heading>
 					<div class="flex items-center gap-3">
 						<span
-							class="inline-flex rounded-full border px-3 py-1 text-sm font-semibold {getRoleBadgeClass(
-								user.role
-							)}"
+							class="inline-flex rounded-full border px-3 py-1 text-sm font-semibold {user.role ===
+							'board'
+								? 'border-purple-200 bg-purple-100 text-purple-800'
+								: 'border-blue-200 bg-blue-100 text-blue-800'}"
 						>
-							{getRoleLabel(user.role)}
+							{user.role === 'board' ? 'Styret' : 'Frivillig'}
 						</span>
 					</div>
 				</div>
@@ -176,7 +151,7 @@
 									id="edit-email"
 									bind:value={editForm.email}
 									type="email"
-									placeholder="bruker@eksempel.no"
+									placeholder="ola.nordmann@eksempel.no"
 								/>
 							</div>
 							<div>
@@ -237,7 +212,7 @@
 							</div>
 							<div>
 								<dt class="text-sm font-medium text-gray-500">E-post</dt>
-								<dd class="mt-1 text-sm text-gray-900">{user.email || 'Ikke oppgitt'}</dd>
+								<dd class="mt-1 text-sm text-gray-900">{user.altEmail || user.email}</dd>
 							</div>
 							<div>
 								<dt class="text-sm font-medium text-gray-500">Telefon</dt>
@@ -247,11 +222,12 @@
 								<dt class="text-sm font-medium text-gray-500">Rolle</dt>
 								<dd class="mt-1">
 									<span
-										class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {getRoleBadgeClass(
-											user.role
-										)}"
+										class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.role ===
+										'board'
+											? 'border-purple-200 bg-purple-100 text-purple-800'
+											: 'border-blue-200 bg-blue-100 text-blue-800'}"
 									>
-										{getRoleLabel(user.role)}
+										{user.role === 'board' ? 'Styret' : 'Frivillig'}
 									</span>
 								</dd>
 							</div>
@@ -313,8 +289,10 @@
 						<span class="text-sm font-semibold text-gray-900">{data.unclaimedBeers || 0}</span>
 					</div>
 					<div class="flex justify-between">
-						<span class="text-sm text-gray-600">Kommende arrangemennt</span>
-						<span class="text-sm font-semibold text-gray-900">I dag</span>
+						<span class="text-sm text-gray-600">Kommende arrangement</span>
+						<span class="text-sm font-semibold text-gray-900">
+							{data.shifts?.length > 0 ? data.shifts[0].event?.name : 'Ingen'}
+						</span>
 					</div>
 				</div>
 			</div>
diff --git a/apps/www/src/routes/portal/profil/+page.server.ts b/apps/www/src/routes/portal/profil/+page.server.ts
index f86d398e..4bd259e9 100644
--- a/apps/www/src/routes/portal/profil/+page.server.ts
+++ b/apps/www/src/routes/portal/profil/+page.server.ts
@@ -17,29 +17,37 @@ export const actions: Actions = {
 		if (!locals.user) {
 			throw redirect(307, '/login');
 		}
+		const userId = locals.user.id;
 		const data = await request.formData();
 		const altEmail = data.get('altEmail') as string;
+		const phone = data.get('phone') as string;
 
-		if (!isValidEmail(altEmail)) {
-			return fail(400, {
-				success: false,
-				message: 'Ugyldig e-postadresse',
-				altEmail
-			});
-		}
+		if (altEmail) {
+			if (!isValidEmail(altEmail)) {
+				return fail(400, {
+					success: false,
+					message: 'Ugyldig e-postadresse',
+					altEmail
+				});
+			}
+
+			const mail = await locals.userService.updateAltEmail(userId, altEmail);
 
-		const success = await locals.userService.updateAltEmail(locals.user.id, altEmail);
-		if (!success) {
-			return fail(500, {
-				success: false,
-				message: 'Kunne ikke oppdatere e-postadresse',
-				altEmail
-			});
+			if (!mail) {
+				return fail(500, {
+					success: false,
+					message: 'Kunne ikke oppdatere e-postadresse',
+					altEmail
+				});
+			}
 		}
 
+		if (phone) {
+			await locals.userService.updatePhone(userId, phone);
+		}
 		return {
 			success: true,
-			message: 'E-postadresse er oppdatert!'
+			message: 'Bruker er oppdatert!'
 		};
 	}
 };
diff --git a/apps/www/src/routes/portal/profil/+page.svelte b/apps/www/src/routes/portal/profil/+page.svelte
index 175a79f6..ce8e291b 100644
--- a/apps/www/src/routes/portal/profil/+page.svelte
+++ b/apps/www/src/routes/portal/profil/+page.svelte
@@ -37,7 +37,7 @@
 							<h3 class="flex items-center gap-2 text-lg font-medium text-gray-800">
 								Kontaktinformasjon
 							</h3>
-							<p class="text-sm text-gray-600">Oppdater din alternative e-postadresse</p>
+							<p class="text-sm text-gray-600">Oppdater din kontaktinformasjon</p>
 						</div>
 						<div class="space-y-4">
 							<FormInput
@@ -49,6 +49,16 @@
 								placeholder="din.epost@example.com"
 							/>
 						</div>
+						<div class="space-y-4">
+							<FormInput
+								type="phone"
+								id="phone"
+								name="phone"
+								label="Telefon nr"
+								bind:value={data.user.phone}
+								placeholder="+47 12 345 678"
+							/>
+						</div>
 					</div>
 				</div>
 				<div class="flex justify-end pt-6">

From 0732a9121a9b88969b997d133bf7e7e2f1fe6536 Mon Sep 17 00:00:00 2001
From: "Gard.Kalland" <github.blunderer148@passmail.net>
Date: Wed, 13 Aug 2025 16:44:56 +0200
Subject: [PATCH 10/17] training

---
 .../src/lib/components/portal/Training.svelte | 246 ++++++++++++++++++
 1 file changed, 246 insertions(+)
 create mode 100644 apps/www/src/lib/components/portal/Training.svelte

diff --git a/apps/www/src/lib/components/portal/Training.svelte b/apps/www/src/lib/components/portal/Training.svelte
new file mode 100644
index 00000000..b2264a72
--- /dev/null
+++ b/apps/www/src/lib/components/portal/Training.svelte
@@ -0,0 +1,246 @@
+<script lang="ts">
+	interface TrainingItem {
+		id: number;
+		title: string;
+		description: string;
+		completed: boolean;
+	}
+
+	interface Props {
+		userId?: string | number | null;
+		isOpen: boolean;
+		userName?: string;
+		onclose?: () => void;
+		onsave?: (data: { userId: string | number; items: TrainingItem[]; completionStatus: { completedCount: number; totalCount: number; isComplete: boolean } }) => void;
+	}
+
+	let { 
+		userId = null, 
+		isOpen = false, 
+		userName = "bruker",
+		onclose,
+		onsave
+	}: Props = $props();
+
+	const defaultTrainingItems = [
+		{ id: 1, title: 'Sikkerhetsprosedyrer', description: 'Kjennskap til nødutganger og sikkerhetstiltak', completed: false },
+		{ id: 2, title: 'Kassasystem', description: 'Betjening av kasse og betalingsløsninger', completed: false },
+		{ id: 3, title: 'Produktkjennskap', description: 'Oversikt over øl, mat og priser', completed: false },
+		{ id: 4, title: 'Kundeservice', description: 'Håndtering av kunder og konfliktsituasjoner', completed: false },
+		{ id: 5, title: 'Oppstilling og nedrigging', description: 'Prosedyrer for start og slutt av arrangement', completed: false },
+		{ id: 6, title: 'Kommunikasjon', description: 'Bruk av radio/kommunikasjonssystemer', completed: false }
+	];
+
+	let trainingItems = $state([...defaultTrainingItems]);
+	let isSaving = $state(false);
+	let isLoading = $state(false);
+
+	let isTrainingMode = $derived(userId !== null && userId !== undefined);
+	let modalTitle = $derived(isTrainingMode ? `Opplæring for ${userName}` : 'Opplæringsliste');
+	let modalDescription = $derived(isTrainingMode 
+		? 'Marker av hvert punkt etter som opplæringen blir fullført'
+		: 'Oversikt over alle opplæringspunkter som må gjennomgås');
+
+	$effect(async () => {
+		if (isTrainingMode && isOpen) {
+			isLoading = true;
+			try {
+				const response = await fetch(`/api/training/${userId}`);
+				if (response.ok) {
+					const userData = await response.json();
+					trainingItems = userData.trainingData || [...defaultTrainingItems];
+				} else {
+					// If no data exists, start with default items
+					trainingItems = [...defaultTrainingItems];
+				}
+			} catch (error) {
+				console.error('Failed to load training data:', error);
+				trainingItems = [...defaultTrainingItems];
+			} finally {
+				isLoading = false;
+			}
+		} else if (!isTrainingMode) {
+			// In reference mode, always show default unchecked items
+			trainingItems = [...defaultTrainingItems];
+		}
+	});
+
+	function getCompletionStatus() {
+		const completedCount = trainingItems.filter(item => item.completed).length;
+		const totalCount = trainingItems.length;
+		return { completedCount, totalCount, isComplete: completedCount === totalCount };
+	}
+
+	function toggleTrainingItem(itemId: number) {
+		// Only allow toggling in training mode
+		if (!isTrainingMode) return;
+		
+		const item = trainingItems.find(item => item.id === itemId);
+		if (item) {
+			item.completed = !item.completed;
+		}
+	}
+
+	async function handleSave() {
+		if (!isTrainingMode) return;
+		
+		const completionStatus = getCompletionStatus();
+		if (!completionStatus.isComplete) {
+			// Don't save if not complete - they need to finish everything
+			return;
+		}
+		
+		isSaving = true;
+		
+		try {
+			// For now, just simulate a save
+			// Later you can add your actual API call here
+			await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call
+			
+			// Uncomment when you have your API ready:
+			// const response = await fetch(`/api/training/${userId}`, {
+			// 	method: 'POST',
+			// 	headers: {
+			// 		'Content-Type': 'application/json',
+			// 	},
+			// 	body: JSON.stringify({
+			// 		trainingData: trainingItems,
+			// 		completedAt: new Date().toISOString()
+			// 	})
+			// });
+			// 
+			// if (!response.ok) {
+			// 	throw new Error('Failed to save training data');
+			// }
+			
+			if (onsave) {
+				onsave({ userId, items: trainingItems, completionStatus });
+			}
+		} catch (error) {
+			console.error('Failed to save training progress:', error);
+			// You might want to show an error toast here
+		} finally {
+			isSaving = false;
+		}
+	}
+
+	function handleClose() {
+		if (onclose) {
+			onclose();
+		}
+	}
+</script>
+
+{#if isOpen}
+	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
+		<div class="mx-4 w-full max-w-2xl max-h-[80vh] overflow-y-auto rounded-lg bg-white">
+			<div class="sticky top-0 border-b border-gray-200 bg-white px-6 py-4">
+				<h3 class="text-lg font-semibold text-gray-900">{modalTitle}</h3>
+				<p class="text-sm text-gray-600">{modalDescription}</p>
+			</div>
+			
+			<div class="p-6">
+				<div class="space-y-4">
+					{#each trainingItems as item (item.id)}
+						<div class="flex items-start gap-3 p-3 rounded-lg border transition-all duration-200 {item.completed ? 'bg-green-50 border-green-200' : 'bg-gray-50 border-gray-200'} {isTrainingMode ? 'hover:border-gray-300' : ''}">
+							<button
+								class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
+								onclick={() => toggleTrainingItem(item.id)}
+								disabled={!isTrainingMode || isSaving}
+							>
+								<div class="w-5 h-5 rounded border-2 flex items-center justify-center {item.completed ? 'bg-green-500 border-green-500' : isTrainingMode ? 'border-gray-300 hover:border-gray-400' : 'border-gray-300'} transition-colors">
+									{#if item.completed}
+										<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
+										</svg>
+									{/if}
+								</div>
+							</button>
+							
+							<div class="flex-1">
+								<h4 class="font-medium text-gray-900 transition-all duration-200 {item.completed ? 'line-through text-gray-500' : ''}">{item.title}</h4>
+								<p class="text-sm text-gray-600 transition-all duration-200 {item.completed ? 'line-through text-gray-400' : ''}">{item.description}</p>
+							</div>
+						</div>
+					{/each}
+				</div>
+
+					{#if isTrainingMode}
+						<div class="mt-6 p-4 bg-blue-50 rounded-lg">
+							<div class="flex items-center justify-between">
+								<div>
+									<p class="font-medium text-blue-900">Fremgang</p>
+									<p class="text-sm text-blue-700">{getCompletionStatus().completedCount} av {getCompletionStatus().totalCount} punkter fullført</p>
+								</div>
+								<div class="text-right">
+									<div class="text-2xl font-bold text-blue-600">
+										{Math.round((getCompletionStatus().completedCount / getCompletionStatus().totalCount) * 100)}%
+									</div>
+								</div>
+							</div>
+							<div class="mt-2 w-full bg-blue-200 rounded-full h-2">
+								<div 
+									class="bg-blue-600 h-2 rounded-full transition-all duration-300" 
+									style="width: {(getCompletionStatus().completedCount / getCompletionStatus().totalCount) * 100}%"
+								></div>
+							</div>
+						</div>
+
+						{#if getCompletionStatus().isComplete}
+							<div class="mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
+								<div class="flex items-center gap-2">
+									<svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+									</svg>
+									<p class="font-medium text-green-800">Gratulerer! All opplæring er fullført.</p>
+								</div>
+							</div>
+						{/if}
+					{:else}
+						<div class="mt-6 p-4 bg-gray-50 border border-gray-200 rounded-lg">
+							<div class="flex items-center gap-2">
+								<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+								</svg>
+								<p class="text-sm text-gray-700">Dette er en referanseliste over opplæringspunkter.</p>
+							</div>
+						</div>
+					{/if}
+			</div>
+
+			<div class="sticky bottom-0 border-t border-gray-200 bg-white px-6 py-4">
+				<div class="flex justify-end gap-3">
+					<button
+						type="button"
+						onclick={handleClose}
+						class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
+						disabled={isSaving}
+					>
+						Lukk
+					</button>
+					{#if isTrainingMode}
+						<button
+							type="button"
+							onclick={handleSave}
+							disabled={isSaving || !getCompletionStatus().isComplete}
+							class="rounded-md px-4 py-2 text-sm text-white transition-colors disabled:opacity-50 {getCompletionStatus().isComplete ? 'bg-green-600 hover:bg-green-700' : 'bg-gray-400 cursor-not-allowed'}"
+						>
+							{#if isSaving}
+								<span class="flex items-center gap-2">
+									<svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+									</svg>
+									Lagrer...
+								</span>
+							{:else if getCompletionStatus().isComplete}
+								✅ Fullfør opplæring
+							{:else}
+								Fullfør alle punkter først
+							{/if}
+						</button>
+					{/if}
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}

From af4156463fbadb6c02a7b8c6a48d91794e8e57d3 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Wed, 13 Aug 2025 22:32:12 +0200
Subject: [PATCH 11/17] fixed mobile and logic

---
 CLAUDE.md                                     | 201 ++++++
 "apps/www/Sjekkliste_oppl\303\246ring.pdf"    | Bin 0 -> 75990 bytes
 apps/www/migrations/0018_nostalgic_boomer.sql |   1 +
 apps/www/migrations/meta/0018_snapshot.json   | 659 ++++++++++++++++++
 apps/www/migrations/meta/_journal.json        |   7 +
 .../src/lib/components/portal/Training.svelte | 185 +++--
 apps/www/src/lib/db/schemas/users.ts          |   3 +-
 apps/www/src/lib/services/referral.service.ts |  44 +-
 apps/www/src/lib/services/user.service.ts     |   9 +
 .../src/routes/portal/admin/+page.server.ts   |   2 +-
 apps/www/src/routes/portal/admin/+page.svelte |  57 +-
 .../portal/admin/user/[id]/+page.server.ts    |  35 +
 .../portal/admin/user/[id]/+page.svelte       |  91 ++-
 13 files changed, 1166 insertions(+), 128 deletions(-)
 create mode 100644 CLAUDE.md
 create mode 100644 "apps/www/Sjekkliste_oppl\303\246ring.pdf"
 create mode 100644 apps/www/migrations/0018_nostalgic_boomer.sql
 create mode 100644 apps/www/migrations/meta/0018_snapshot.json

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 00000000..7a783863
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,201 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+**Programmerbar** is a Norwegian student bar website built as a monorepo using pnpm workspaces and Turbo. The system manages events, volunteer shifts, user authentication via Feide (Norwegian education SSO), and beer credit tracking. The architecture is built specifically for Cloudflare's ecosystem.
+
+## Architecture
+
+### Monorepo Structure
+
+- `apps/www/` - Main SvelteKit application (primary codebase)
+- `apps/cms/` - Sanity headless CMS for content management
+- `internal/emails/` - React Email templates for notifications
+
+### Technology Stack
+
+- **Frontend**: SvelteKit 2.28 with Svelte 5, Tailwind CSS v4
+- **Database**: Cloudflare D1 (SQLite) with Drizzle ORM 0.44
+- **Auth**: Lucia v3 with Feide OAuth integration
+- **Deployment**: Cloudflare Pages with automatic deployments
+- **Email**: Resend API with React Email templates
+- **CMS**: Sanity v4 for product/content management
+
+### Service Architecture
+
+The application uses a service layer pattern with dependency injection via SvelteKit `locals`. All services are available in `app.d.ts`:
+
+- `userService` - User CRUD, role management (board/normal)
+- `eventService` - Event creation and management
+- `shiftService` - Volunteer shift scheduling and assignments
+- `emailService` - Automated email notifications
+- `beerService` - Product catalog and credit tracking
+- `invitationService` - User invitation system
+- `statusService` - KV-based status tracking
+- `notificationService` - User notifications
+- `groupsService` - User group management
+- `banService` - IP banning for abuse prevention
+
+## Development Commands
+
+### Setup
+
+```bash
+# Copy environment variables
+cp apps/www/.dev.vars.example apps/www/.dev.vars
+# Fill in Resend API key, Feide OAuth credentials
+
+# Install dependencies
+pnpm install
+
+# Apply local database migrations
+pnpm db:migrate:local
+
+# Start all development servers (website + CMS)
+pnpm dev
+```
+
+### Common Tasks
+
+```bash
+# Development
+pnpm dev                    # Start all services (website: :5173, CMS: :3333)
+
+# Database
+pnpm db:generate           # Generate migration from schema changes
+pnpm db:migrate:local      # Apply migrations to local D1 database
+pnpm db:migrate            # Apply migrations to production
+
+# Code Quality
+pnpm lint                  # ESLint + Prettier check
+pnpm format                # Auto-format code
+pnpm check                 # TypeScript + Svelte checks
+
+# Testing
+pnpm test:unit             # Vitest unit tests (apps/www)
+pnpm test:integration      # Playwright e2e tests
+
+# Build & Deploy
+pnpm build                 # Build all packages
+pnpm preview               # Local production preview
+```
+
+### Database Management
+
+```bash
+# Create user invitation (required for first login)
+pnpm dlx tsx ./apps/www/scripts/add-invitation.ts "user@email.com"
+
+# Generate fake users for development
+pnpm dlx tsx ./apps/www/scripts/users.ts
+```
+
+## Database Schema (Drizzle ORM)
+
+### Core Entities
+
+- **users** - Authentication via Feide, roles (board/normal), beer credits
+- **sessions** - Lucia auth sessions
+- **events** - Event management with dates
+- **shifts** - Volunteer shifts with user assignments and event relationships
+- **groups** - User groups and memberships
+- **invitations** - User invitation system with expiration
+- **notifications** - User notification delivery
+- **claimedCredits** - Beer credit transaction tracking
+
+### Key Relationships
+
+- Users → Shifts (many-to-many via assignments)
+- Events → Shifts (one-to-many)
+- Users → Groups (many-to-many via memberships)
+- Users ↔ Invitations (email-based matching)
+
+## Authentication & Authorization
+
+### Feide Integration
+
+- **Provider**: Norwegian education federation SSO
+- **Flow**: OAuth 2.0 with Arctic library
+- **User Creation**: Automatic on first Feide login (requires invitation)
+
+### Role-Based Access
+
+- `normal` - Basic portal access, can volunteer for shifts
+- `board` - Admin access to user management, event creation, reporting
+- Route protection: `/portal/admin/*` requires board role
+
+## Portal System
+
+### User Portal (`/portal/`)
+
+- Event browsing and shift volunteering
+- Personal profile and notification management
+- Beer credit tracking and claiming
+
+### Admin Portal (`/portal/admin/`)
+
+- User management (roles, credits, deletion)
+- Event creation with shift scheduling
+- Volunteer assignment and management
+- System status and reporting
+
+## Development Patterns
+
+### Form Handling
+
+Use SvelteKit's enhanced forms with `use:enhance` for AJAX submissions. Always call `invalidateAll()` after successful mutations to refresh data.
+
+### Service Usage
+
+Access services via `locals` in server actions/load functions:
+
+```typescript
+export const actions = {
+  default: async ({ locals, request }) => {
+    await locals.userService.updateUser(userId, data);
+    return { success: true };
+  },
+};
+```
+
+### Database Migrations
+
+- Schema changes: Edit `src/lib/db/schemas/index.ts`
+- Generate migration: `pnpm db:generate`
+- Apply locally: `pnpm db:migrate:local`
+- Production migrations run automatically on deployment
+
+### Email Templates
+
+Email templates are in `internal/emails/src/templates/`. Use `EmailService` to send with proper rendering and delivery via Resend.
+
+## Deployment
+
+### Cloudflare Pages
+
+- Automatic deployment on `main` branch merges
+- Database migrations applied automatically
+- Environment variables configured in Cloudflare dashboard
+- Domain: `programmer.bar`
+
+### Required Environment Variables
+
+- `RESEND_API_KEY` - Email delivery service
+- `FEIDE_CLIENT_ID` & `FEIDE_CLIENT_SECRET` - OAuth authentication
+- Database credentials configured via Wrangler for D1 access
+
+## Common Issues
+
+### First-Time Setup
+
+Users must have invitations created before they can log in via Feide. Use the invitation script after setting up the local environment.
+
+### Service Dependencies
+
+All services require database and auth initialization. Check `src/hooks.server.ts` for service dependency injection setup.
+
+### Migration Failures
+
+If migrations fail, check D1 database status in Cloudflare dashboard and ensure proper credentials in `drizzle.config.ts`.
diff --git "a/apps/www/Sjekkliste_oppl\303\246ring.pdf" "b/apps/www/Sjekkliste_oppl\303\246ring.pdf"
new file mode 100644
index 0000000000000000000000000000000000000000..8ff963621a3242604e315e4f4fa49488a6f6091c
GIT binary patch
literal 75990
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
Sa})sV#t>nGf-0v}VgC!v%1t2v

literal 0
HcmV?d00001

diff --git a/apps/www/migrations/0018_nostalgic_boomer.sql b/apps/www/migrations/0018_nostalgic_boomer.sql
new file mode 100644
index 00000000..b4f586ae
--- /dev/null
+++ b/apps/www/migrations/0018_nostalgic_boomer.sql
@@ -0,0 +1 @@
+ALTER TABLE `user` ADD `is_trained` integer DEFAULT false NOT NULL;
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0018_snapshot.json b/apps/www/migrations/meta/0018_snapshot.json
new file mode 100644
index 00000000..47916fcf
--- /dev/null
+++ b/apps/www/migrations/meta/0018_snapshot.json
@@ -0,0 +1,659 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "97ac6625-c0a7-4b20-ba7d-94646eebd794",
+  "prevId": "8407e343-eae1-4da2-a53b-0e85669d188c",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "is_trained": {
+          "name": "is_trained",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/_journal.json b/apps/www/migrations/meta/_journal.json
index cc310ca9..eb504e73 100644
--- a/apps/www/migrations/meta/_journal.json
+++ b/apps/www/migrations/meta/_journal.json
@@ -127,6 +127,13 @@
       "when": 1754997549964,
       "tag": "0017_magenta_white_tiger",
       "breakpoints": true
+    },
+    {
+      "idx": 18,
+      "version": "6",
+      "when": 1755112934701,
+      "tag": "0018_nostalgic_boomer",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/src/lib/components/portal/Training.svelte b/apps/www/src/lib/components/portal/Training.svelte
index b2264a72..8f949c54 100644
--- a/apps/www/src/lib/components/portal/Training.svelte
+++ b/apps/www/src/lib/components/portal/Training.svelte
@@ -1,9 +1,13 @@
 <script lang="ts">
+	import { enhance } from '$app/forms';
+	import { invalidateAll } from '$app/navigation';
+
 	interface TrainingItem {
 		id: number;
 		title: string;
 		description: string;
 		completed: boolean;
+		category: string;
 	}
 
 	interface Props {
@@ -23,12 +27,28 @@
 	}: Props = $props();
 
 	const defaultTrainingItems = [
-		{ id: 1, title: 'Sikkerhetsprosedyrer', description: 'Kjennskap til nødutganger og sikkerhetstiltak', completed: false },
-		{ id: 2, title: 'Kassasystem', description: 'Betjening av kasse og betalingsløsninger', completed: false },
-		{ id: 3, title: 'Produktkjennskap', description: 'Oversikt over øl, mat og priser', completed: false },
-		{ id: 4, title: 'Kundeservice', description: 'Håndtering av kunder og konfliktsituasjoner', completed: false },
-		{ id: 5, title: 'Oppstilling og nedrigging', description: 'Prosedyrer for start og slutt av arrangement', completed: false },
-		{ id: 6, title: 'Kommunikasjon', description: 'Bruk av radio/kommunikasjonssystemer', completed: false }
+		{ id: 1, title: 'Bytte keg på en riktig måte', description: 'Lært at kegs burde bli oppbevart kjølig og stående kaldt for å holde seg', completed: false, category: 'Bruk av bar' },
+		{ id: 2, title: 'Tappe pils på en riktig måte', description: 'Riktig tapping av øl', completed: false, category: 'Bruk av bar' },
+		{ id: 3, title: 'Glassvasken', description: 'Skru på/av glassvasken, tømme og skylle glass før maskinen', completed: false, category: 'Bruk av bar' },
+		{ id: 4, title: 'Isbiter og isbitmaskin', description: 'Bruke dedikert isbit "skje", sjekke at maskinen er på og lager isbiter', completed: false, category: 'Bruk av bar' },
+		{ id: 5, title: 'Kassesystem', description: 'Åpne kassen, ta imot betaling (vanlig pris og internpris), slette/redigere priser, stenge kassen', completed: false, category: 'Bruk av bar' },
+		{ id: 6, title: 'Påfyll av varer', description: 'Fylle på varer kontinuerlig, spesielt mot slutten av vakten', completed: false, category: 'Bruk av bar' },
+		{ id: 7, title: 'Temperatursjekk', description: 'Sjekke temperatur på kjøleskap (skal bli skrevet ned)', completed: false, category: 'Bruk av bar' },
+		
+		{ id: 8, title: 'Ikke oversjenke', description: 'Aldri oversjenke da dette er ulovlig', completed: false, category: 'Lover og sikkerhet' },
+		{ id: 9, title: 'Autoritet til å si nei', description: 'Har autoritet til å si nei til å servere alkohol', completed: false, category: 'Lover og sikkerhet' },
+		{ id: 10, title: 'Skjenkeløyve og dokumenter', description: 'Hvor skjenkeløyve og opplæringsskjema er i baren, i tilfelle kontroll', completed: false, category: 'Lover og sikkerhet' },
+		{ id: 11, title: 'Nødsituasjoner', description: 'Vite hva å gjøre i nødsituasjon, for eksempel brann', completed: false, category: 'Lover og sikkerhet' },
+		{ id: 12, title: 'Fast skjenkeløyve', description: 'Baren har fast skjenkeløyve som vi kan miste hvis vi får for mange prikker', completed: false, category: 'Lover og sikkerhet' },
+		{ id: 13, title: 'Alkoholreklame', description: 'Ikke lov til å reklamere for alkohol, ikke foreslå alkohol men spørre "Hva vil du ha?"', completed: false, category: 'Lover og sikkerhet' },
+		
+		{ id: 14, title: 'Renhold i baren', description: 'Viktigheten av å holde det rent i baren og på lageret (før, under og etter servering)', completed: false, category: 'Vask og hygiene' },
+		{ id: 15, title: 'Personlig hygiene', description: 'Viktigheten av å ha god personlig hygiene', completed: false, category: 'Vask og hygiene' },
+		{ id: 16, title: 'Håndvask', description: 'Hvordan vaske hendene ordentlig', completed: false, category: 'Vask og hygiene' },
+		{ id: 17, title: 'Rengjøring av arbeidsflater', description: 'Hvordan tørke over benk og vask av gulv', completed: false, category: 'Vask og hygiene' },
+		{ id: 18, title: 'Søppelhåndtering', description: 'Hva å gjøre med papp og annet søppel, og koden til søppelstasjonen', completed: false, category: 'Vask og hygiene' },
+		{ id: 19, title: 'Vask etter kegbytte', description: 'Bytter man keg, så vasker man hendene', completed: false, category: 'Vask og hygiene' },
+		{ id: 20, title: 'Rengjøring av barutstyr', description: 'Vask og rengjør barutstyr, f.eks. tappetårn, målebeger, shaker, isøse, barskje osv.', completed: false, category: 'Vask og hygiene' }
 	];
 
 	let trainingItems = $state([...defaultTrainingItems]);
@@ -41,26 +61,37 @@
 		? 'Marker av hvert punkt etter som opplæringen blir fullført'
 		: 'Oversikt over alle opplæringspunkter som må gjennomgås');
 
-	$effect(async () => {
+	let groupedTrainingItems = $derived.by(() => {
+		const grouped = trainingItems.reduce((acc, item) => {
+			if (!acc[item.category]) {
+				acc[item.category] = [];
+			}
+			acc[item.category].push(item);
+			return acc;
+		}, {} as Record<string, TrainingItem[]>);
+		return grouped;
+	});
+
+	$effect(() => {
 		if (isTrainingMode && isOpen) {
 			isLoading = true;
-			try {
-				const response = await fetch(`/api/training/${userId}`);
-				if (response.ok) {
-					const userData = await response.json();
-					trainingItems = userData.trainingData || [...defaultTrainingItems];
-				} else {
-					// If no data exists, start with default items
+			(async () => {
+				try {
+					const response = await fetch(`/api/training/${userId}`);
+					if (response.ok) {
+						const userData = await response.json() as { trainingData?: TrainingItem[] };
+						trainingItems = userData.trainingData || [...defaultTrainingItems];
+					} else {
+						trainingItems = [...defaultTrainingItems];
+					}
+				} catch (error) {
+					console.error('Failed to load training data:', error);
 					trainingItems = [...defaultTrainingItems];
+				} finally {
+					isLoading = false;
 				}
-			} catch (error) {
-				console.error('Failed to load training data:', error);
-				trainingItems = [...defaultTrainingItems];
-			} finally {
-				isLoading = false;
-			}
+			})();
 		} else if (!isTrainingMode) {
-			// In reference mode, always show default unchecked items
 			trainingItems = [...defaultTrainingItems];
 		}
 	});
@@ -81,46 +112,19 @@
 		}
 	}
 
-	async function handleSave() {
+	function handleSave() {
 		if (!isTrainingMode) return;
 		
 		const completionStatus = getCompletionStatus();
 		if (!completionStatus.isComplete) {
-			// Don't save if not complete - they need to finish everything
 			return;
 		}
 		
 		isSaving = true;
 		
-		try {
-			// For now, just simulate a save
-			// Later you can add your actual API call here
-			await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call
-			
-			// Uncomment when you have your API ready:
-			// const response = await fetch(`/api/training/${userId}`, {
-			// 	method: 'POST',
-			// 	headers: {
-			// 		'Content-Type': 'application/json',
-			// 	},
-			// 	body: JSON.stringify({
-			// 		trainingData: trainingItems,
-			// 		completedAt: new Date().toISOString()
-			// 	})
-			// });
-			// 
-			// if (!response.ok) {
-			// 	throw new Error('Failed to save training data');
-			// }
-			
-			if (onsave) {
-				onsave({ userId, items: trainingItems, completionStatus });
-			}
-		} catch (error) {
-			console.error('Failed to save training progress:', error);
-			// You might want to show an error toast here
-		} finally {
-			isSaving = false;
+		const form = document.getElementById('trainingForm') as HTMLFormElement;
+		if (form) {
+			form.requestSubmit();
 		}
 	}
 
@@ -140,26 +144,33 @@
 			</div>
 			
 			<div class="p-6">
-				<div class="space-y-4">
-					{#each trainingItems as item (item.id)}
-						<div class="flex items-start gap-3 p-3 rounded-lg border transition-all duration-200 {item.completed ? 'bg-green-50 border-green-200' : 'bg-gray-50 border-gray-200'} {isTrainingMode ? 'hover:border-gray-300' : ''}">
-							<button
-								class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
-								onclick={() => toggleTrainingItem(item.id)}
-								disabled={!isTrainingMode || isSaving}
-							>
-								<div class="w-5 h-5 rounded border-2 flex items-center justify-center {item.completed ? 'bg-green-500 border-green-500' : isTrainingMode ? 'border-gray-300 hover:border-gray-400' : 'border-gray-300'} transition-colors">
-									{#if item.completed}
-										<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
-										</svg>
-									{/if}
-								</div>
-							</button>
-							
-							<div class="flex-1">
-								<h4 class="font-medium text-gray-900 transition-all duration-200 {item.completed ? 'line-through text-gray-500' : ''}">{item.title}</h4>
-								<p class="text-sm text-gray-600 transition-all duration-200 {item.completed ? 'line-through text-gray-400' : ''}">{item.description}</p>
+				<div class="space-y-6">
+					{#each Object.entries(groupedTrainingItems) as [category, items] (category)}
+						<div class="space-y-3">
+							<h3 class="text-lg font-semibold text-gray-800 border-b border-gray-200 pb-2">{category}</h3>
+							<div class="space-y-3">
+								{#each items as item (item.id)}
+									<div class="flex items-start gap-3 p-3 rounded-lg border transition-all duration-200 {item.completed ? 'bg-green-50 border-green-200' : 'bg-gray-50 border-gray-200'} {isTrainingMode ? 'hover:border-gray-300' : ''}">
+										<button
+											class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
+											onclick={() => toggleTrainingItem(item.id)}
+											disabled={!isTrainingMode || isSaving}
+										>
+											<div class="w-5 h-5 rounded border-2 flex items-center justify-center {item.completed ? 'bg-green-500 border-green-500' : isTrainingMode ? 'border-gray-300 hover:border-gray-400' : 'border-gray-300'} transition-colors">
+												{#if item.completed}
+													<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+														<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
+													</svg>
+												{/if}
+											</div>
+										</button>
+										
+										<div class="flex-1">
+											<h4 class="font-medium text-gray-900 transition-all duration-200 {item.completed ? 'line-through text-gray-500' : ''}">{item.title}</h4>
+											<p class="text-sm text-gray-600 transition-all duration-200 {item.completed ? 'line-through text-gray-400' : ''}">{item.description}</p>
+										</div>
+									</div>
+								{/each}
 							</div>
 						</div>
 					{/each}
@@ -242,5 +253,35 @@
 				</div>
 			</div>
 		</div>
+
+		{#if isTrainingMode}
+			<form
+				id="trainingForm"
+				method="POST"
+				action="?/completeTraining"
+				style="display: none;"
+				use:enhance={() => {
+					return async ({ result }) => {
+						isSaving = false;
+						if (result.type === 'success') {
+							const data = result.data as { trainingCompleted?: boolean } | undefined;
+							if (data?.trainingCompleted) {
+								await invalidateAll(); // Refresh page data
+								if (onsave && userId !== null) {
+									const completionStatus = getCompletionStatus();
+									onsave({ userId, items: trainingItems, completionStatus });
+								}
+							}
+						} else if (result.type === 'failure') {
+							const data = result.data as { error?: string } | undefined;
+							console.error('Failed to complete training:', data?.error);
+						}
+					};
+				}}
+			>
+				<input type="hidden" name="userId" value={userId?.toString() || ''} />
+				<input type="hidden" name="trainingData" value={JSON.stringify(trainingItems)} />
+			</form>
+		{/if}
 	</div>
 {/if}
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index e81b7840..23e020f7 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -18,7 +18,8 @@ export const users = sqliteTable(
 			.default('normal'),
 		altEmail: text(),
 		phone: text(),
-		additionalBeers: integer().default(0).notNull()
+		additionalBeers: integer().default(0).notNull(),
+		isTrained: integer({ mode: 'boolean' }).default(false).notNull()
 	},
 	(t) => [uniqueIndex('email_idx').on(t.email), uniqueIndex('feide_id_idx').on(t.feideId)]
 );
diff --git a/apps/www/src/lib/services/referral.service.ts b/apps/www/src/lib/services/referral.service.ts
index f9222ead..4592ea10 100644
--- a/apps/www/src/lib/services/referral.service.ts
+++ b/apps/www/src/lib/services/referral.service.ts
@@ -77,22 +77,34 @@ export class ReferralService {
 		});
 	}
 
-	async awardReferralCredit(referrerId: string, creditAmount = 1) {
-		const user = await this.#db.query.users.findFirst({
-			where: (row, { eq }) => eq(row.id, referrerId)
-		});
-
-		if (!user) return null;
-
-		const [updated] = await this.#db
-			.update(users)
-			.set({
-				additionalBeers: (user.additionalBeers || 0) + creditAmount
-			})
-			.where(eq(users.id, referrerId))
-			.returning();
-
-		return updated;
+	async awardReferralCredit(referrerId: string) {
+		const stats = await this.getReferralStats(referrerId);
+		const completedReferrals = stats.completedReferrals;
+		
+		const earnedBeers = Math.floor(completedReferrals / 2);
+		
+		const previousCompletedReferrals = completedReferrals - 1; 
+		const previousEarnedBeers = Math.floor(previousCompletedReferrals / 2);
+		
+		if (earnedBeers > previousEarnedBeers) {
+			const user = await this.#db.query.users.findFirst({
+				where: (row, { eq }) => eq(row.id, referrerId)
+			});
+
+			if (!user) return null;
+
+			const [updated] = await this.#db
+				.update(users)
+				.set({
+					additionalBeers: (user.additionalBeers || 0) + 1
+				})
+				.where(eq(users.id, referrerId))
+				.returning();
+
+			return updated;
+		}
+		
+		return null; 
 	}
 
 	async getReferralStats(userId: string) {
diff --git a/apps/www/src/lib/services/user.service.ts b/apps/www/src/lib/services/user.service.ts
index 2afefa54..8660728d 100644
--- a/apps/www/src/lib/services/user.service.ts
+++ b/apps/www/src/lib/services/user.service.ts
@@ -70,4 +70,13 @@ export class UserService {
 			.returning()
 			.then((rows) => rows[0]);
 	}
+
+	async updateTrainingStatus(userId: string, isTrained: boolean) {
+		return await this.#db
+			.update(users)
+			.set({ isTrained })
+			.where(eq(users.id, userId))
+			.returning()
+			.then((rows) => rows[0]);
+	}
 }
diff --git a/apps/www/src/routes/portal/admin/+page.server.ts b/apps/www/src/routes/portal/admin/+page.server.ts
index f13bba4b..878a6447 100644
--- a/apps/www/src/routes/portal/admin/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/+page.server.ts
@@ -15,7 +15,7 @@ export const load: PageServerLoad = async ({ locals }) => {
 };
 
 export const actions: Actions = {
-	default: async ({ request, locals }) => {
+	updateRole: async ({ request, locals }) => {
 		const formData = await request.formData();
 		const userId = formData.get('userId') as string;
 		const role = formData.get('role');
diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index d163a885..350e945f 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -58,7 +58,7 @@
 			<div class="sm:w-48">
 				<select
 					bind:value={selectedRole}
-					class="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
+					class="w-full rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
 				>
 					<option value="all">Alle roller</option>
 					<option value="board">Styret</option>
@@ -68,7 +68,56 @@
 		</div>
 	</div>
 
-	<div class="border-gray overflow-hidden rounded-lg border bg-background shadow-lg">
+	<div class="block sm:hidden space-y-3">
+		{#each filteredUsers as user (user.id)}
+			<div class="border border-gray rounded-lg bg-background p-4 shadow-sm">
+				<div class="flex items-center justify-between">
+					<div class="flex items-center gap-3">
+						<div class="h-10 w-10 flex-shrink-0">
+							<div class="flex h-10 w-10 items-center justify-center rounded-full bg-gray-300">
+								<span class="text-sm font-medium text-gray-700">
+									{initials(user.name)}
+								</span>
+							</div>
+						</div>
+						<div class="min-w-0 flex-1">
+							<div class="text-sm font-medium text-gray-900 truncate">{user.name}</div>
+							<div class="text-xs text-gray-500 truncate max-w-32">{user.altEmail || user.email}</div>
+						</div>
+					</div>
+					<div class="flex flex-col items-end gap-2">
+						<span
+							class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.role ===
+							'board'
+								? 'border-purple-200 bg-purple-100 text-purple-800'
+								: 'border-blue-200 bg-blue-100 text-blue-800'}"
+						>
+							{user.role === 'board' ? 'Styret' : 'Frivillig'}
+						</span>
+						<a
+							href="./admin/user/{user.id}"
+							class="text-xs font-medium text-blue-600 hover:text-blue-900"
+						>
+							Vis detaljer →
+						</a>
+					</div>
+				</div>
+			</div>
+		{/each}
+		{#if filteredUsers.length === 0}
+			<div class="border border-gray-200 rounded-lg bg-background p-8 text-center">
+				<div class="flex flex-col items-center gap-2">
+					<div class="text-4xl">👤</div>
+					<div class="text-sm text-gray-500">Ingen brukere funnet</div>
+					{#if search}
+						<div class="text-xs text-gray-400">Prøv å endre søkekriteriene</div>
+					{/if}
+				</div>
+			</div>
+		{/if}
+	</div>
+
+	<div class="hidden sm:block border-gray overflow-hidden rounded-lg border bg-background shadow-lg">
 		<div class="overflow-x-auto">
 			<table class="w-full">
 				<thead class="border-gray border-b bg-gray-200">
@@ -87,7 +136,7 @@
 							</button>
 						</th>
 						<th
-							class="flex items-center px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500"
+							class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
 						>
 							E-post
 						</th>
@@ -153,7 +202,7 @@
 					{/each}
 					{#if filteredUsers.length === 0}
 						<tr>
-							<td colspan="5" class="px-6 py-12 text-center text-gray-500">
+							<td colspan="4" class="px-6 py-12 text-center text-gray-500">
 								<div class="flex flex-col items-center gap-2">
 									<div class="text-4xl">👤</div>
 									<div class="text-sm">Ingen brukere funnet</div>
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index c7077b7e..abdf2916 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -103,5 +103,40 @@ export const actions: Actions = {
 		}
 
 		return { success: true, message: `${user.name} er no slettet!` };
+	},
+
+	completeTraining: async ({ params, request, locals }) => {
+		const userId = params.id;
+		const formData = await request.formData();
+		const trainingDataJson = formData.get('trainingData') as string;
+
+		if (!userId) {
+			return fail(400, { error: 'User ID is required' });
+		}
+
+		if (!locals.user || locals.user.role !== 'board') {
+			return fail(401, { error: 'Unauthorized' });
+		}
+
+		try {
+			const trainingData = JSON.parse(trainingDataJson);
+			
+			const isComplete = trainingData && trainingData.every((item: any) => item.completed === true);
+			
+			if (!isComplete) {
+				return fail(400, { error: 'All training items must be completed' });
+			}
+
+			const updatedUser = await locals.userService.updateTrainingStatus(userId, true);
+			
+			if (!updatedUser) {
+				return fail(404, { error: 'User not found' });
+			}
+
+			return { success: true, trainingCompleted: true };
+		} catch (err) {
+			console.error('Failed to complete training:', err);
+			return fail(500, { error: 'Failed to complete training' });
+		}
 	}
 };
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index 7b50cbb1..12f4336f 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
 	import Heading from '$lib/components/ui/Heading.svelte';
 	import Input from '$lib/components/ui/Input.svelte';
+	import Button from '$lib/components/ui/Button.svelte';
+	import TrainingChecklist from '$lib/components/portal/Training.svelte';
 	import type { User } from '$lib/db/schemas';
 	import { initials, mailto } from '$lib/utils';
 	import { goto } from '$app/navigation';
@@ -18,10 +20,13 @@
 
 	let showDeleteConfirm = $state(false);
 	let showAddBeers = $state(false);
+	let showTrainingChecklist = $state(false);
 	let additionalBeers = $state(0);
 	let deleteConfirmName = $state('');
 	let isSubmitting = $state(false);
-	let knowTheShit = $state(false);
+
+	let userHasCompletedTraining = $state(data.user.isTrained || false);
+
 	let toastMessage = $state('');
 
 	function showToast(message: string) {
@@ -41,6 +46,16 @@
 		}
 		isEditing = !isEditing;
 	}
+
+	// Handle training completion
+	function onTrainingSave(data: { completionStatus: { isComplete: boolean } }) {
+		if (data.completionStatus.isComplete) {
+			userHasCompletedTraining = true;
+			user.isTrained = true; // Update user object
+			showTrainingChecklist = false;
+			showToast(`${user.name} har fullført opplæringen! ✅`);
+		}
+	}
 </script>
 
 <svelte:head>
@@ -55,16 +70,16 @@
 		← Tilbake til admin page
 	</a>
 
-	<div class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm">
-		<div class="flex items-start justify-between">
+	<div class="rounded-lg border border-gray bg-background p-4 sm:p-6 shadow-sm">
+		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
 					<span class="text-2xl font-semibold text-gray-700">
 						{initials(data.user.name)}
 					</span>
 				</div>
-				<div>
-					<Heading class="mb-1">{user.name}</Heading>
+				<div class="min-w-0 flex-1">
+					<Heading class="mb-1 truncate">{user.name}</Heading>
 					<div class="flex items-center gap-3">
 						<span
 							class="inline-flex rounded-full border px-3 py-1 text-sm font-semibold {user.role ===
@@ -77,27 +92,24 @@
 					</div>
 				</div>
 			</div>
-			<div class="flex gap-2">
+			<div class="flex flex-col gap-2 sm:flex-row sm:gap-2">
 				{#if !isEditing}
-					<button
-						onclick={toggleEdit}
-						class="rounded-md bg-blue-600 px-4 py-2 text-white transition-colors hover:bg-blue-700"
-					>
+					<Button onclick={toggleEdit} intent="primary">
 						Rediger
-					</button>
+					</Button>
 				{:else}
-					<button
-						onclick={toggleEdit}
-						class="rounded-md bg-gray-300 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-400"
+					<Button 
+						onclick={toggleEdit} 
+						intent="outline" 
 						disabled={isSubmitting}
 					>
 						Avbryt
-					</button>
+					</Button>
 
 					<form
 						method="POST"
 						action="?/updateUser"
-						class="inline"
+						class="w-full sm:w-auto"
 						use:enhance={() => {
 							isSubmitting = true;
 							return async ({ result }) => {
@@ -117,13 +129,14 @@
 						<input type="hidden" name="role" value={editForm.role} />
 						<input type="hidden" name="phone" value={editForm.phone} />
 
-						<button
-							type="submit"
-							class="rounded-md bg-green-600 px-4 py-2 text-white transition-colors hover:bg-green-700 disabled:opacity-50"
+						<Button 
+							type="submit" 
+							intent="primary" 
 							disabled={isSubmitting}
+							class="w-full"
 						>
 							{isSubmitting ? 'Lagrer...' : 'Lagre'}
-						</button>
+						</Button>
 					</form>
 				{/if}
 			</div>
@@ -132,8 +145,8 @@
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
 		<div class="space-y-6 lg:col-span-2">
-			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4">
+			<div class="rounded-lg border border-gray bg-background shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
 				</div>
 				<div class="space-y-4 p-6">
@@ -236,8 +249,8 @@
 				</div>
 			</div>
 
-			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4">
+			<div class="rounded-lg border border-gray bg-background shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
 				<div class="p-6">
@@ -256,7 +269,7 @@
 						>
 							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-green-400"></div>
 							<div class="flex-1">
-								<p class="text-sm text-gray-900">Godkjente referreringer</p>
+								<p class="text-sm text-gray-900">Godkjente referreninger</p>
 								<p class="text-xs text-gray-500">{data.referrals.completedReferrals}</p>
 							</div>
 						</div>
@@ -275,8 +288,8 @@
 		</div>
 
 		<div class="space-y-6">
-			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4">
+			<div class="rounded-lg border border-gray bg-background shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
 				</div>
 				<div class="space-y-4 p-6">
@@ -297,8 +310,8 @@
 				</div>
 			</div>
 
-			<div class="rounded-lg border border-gray-200 bg-white shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4">
+			<div class="rounded-lg border border-gray bg-background shadow-sm">
+				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Handlinger</h3>
 				</div>
 				<div class="space-y-2 p-6">
@@ -315,12 +328,13 @@
 						🍺 Legg til / Fjern bonger
 					</button>
 					<button
-						class="w-full rounded-md px-4 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-50"
+						class="w-full rounded-md px-4 py-2 text-left text-sm transition-colors hover:bg-gray-50 {userHasCompletedTraining ? 'text-green-600' : 'text-gray-700'}"
+						onclick={() => (showTrainingChecklist = true)}
 					>
-						{#if knowTheShit === false}
-							❌ Fått opplæring?
+						{#if userHasCompletedTraining}
+							✅ Opplæring fullført
 						{:else}
-							✅ Fått opplæring
+							📋 Start opplæring
 						{/if}
 					</button>
 					<div class="border-t border-gray-200 pt-2">
@@ -337,12 +351,21 @@
 	</div>
 </div>
 
+<!-- Training Checklist Component -->
+<TrainingChecklist 
+	userId={user.id}
+	userName={user.name}
+	isOpen={showTrainingChecklist}
+	onclose={() => (showTrainingChecklist = false)}
+	onsave={onTrainingSave}
+/>
+
 {#if showAddBeers}
 	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
 		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Legg til øl</h3>
 			<p class="mb-4 text-sm text-gray-600">
-				Det du srkiver her, vil endre på antall ekstra bonger <strong>{user.name}</strong> har tilgjengelig.
+				Det du skriver her, vil endre på antall ekstra bonger <strong>{user.name}</strong> har tilgjengelig.
 			</p>
 			<p class="mb-4 text-sm text-gray-600">Påvirker ikke antall bonger som dei har stått for</p>
 			<form

From 3e327a80b5aa95c1194e9e0d9c97d00596a1777c Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Wed, 20 Aug 2025 17:08:50 +0200
Subject: [PATCH 12/17] format

---
 .../src/lib/components/portal/Training.svelte | 240 ++++--------------
 .../components/portal/TrainingActions.svelte  |  60 +++++
 .../lib/components/portal/TrainingItem.svelte |  69 +++++
 .../components/portal/TrainingProgress.svelte |  76 ++++++
 apps/www/src/lib/constants/training.ts        | 160 ++++++++++++
 apps/www/src/lib/services/referral.service.ts |  12 +-
 apps/www/src/lib/utils/training.ts            |  54 ++++
 apps/www/src/routes/portal/admin/+page.svelte |  16 +-
 .../portal/admin/user/[id]/+page.server.ts    |  10 +-
 .../portal/admin/user/[id]/+page.svelte       |  35 +--
 10 files changed, 506 insertions(+), 226 deletions(-)
 create mode 100644 apps/www/src/lib/components/portal/TrainingActions.svelte
 create mode 100644 apps/www/src/lib/components/portal/TrainingItem.svelte
 create mode 100644 apps/www/src/lib/components/portal/TrainingProgress.svelte
 create mode 100644 apps/www/src/lib/constants/training.ts
 create mode 100644 apps/www/src/lib/utils/training.ts

diff --git a/apps/www/src/lib/components/portal/Training.svelte b/apps/www/src/lib/components/portal/Training.svelte
index 8f949c54..8e7f585f 100644
--- a/apps/www/src/lib/components/portal/Training.svelte
+++ b/apps/www/src/lib/components/portal/Training.svelte
@@ -1,127 +1,72 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
 	import { invalidateAll } from '$app/navigation';
-
-	interface TrainingItem {
-		id: number;
-		title: string;
-		description: string;
-		completed: boolean;
-		category: string;
-	}
+	import type { TrainingItem } from '$lib/constants/training';
+	import { DEFAULT_TRAINING_ITEMS } from '$lib/constants/training';
+	import {
+		calculateCompletionStatus,
+		groupTrainingItemsByCategory,
+		toggleItemCompletion,
+		fetchTrainingData
+	} from '$lib/utils/training';
+	import type { CompletionStatus } from '$lib/utils/training';
+	import TrainingItemComponent from './TrainingItem.svelte';
+	import TrainingProgress from './TrainingProgress.svelte';
+	import TrainingActions from './TrainingActions.svelte';
 
 	interface Props {
 		userId?: string | number | null;
 		isOpen: boolean;
 		userName?: string;
 		onclose?: () => void;
-		onsave?: (data: { userId: string | number; items: TrainingItem[]; completionStatus: { completedCount: number; totalCount: number; isComplete: boolean } }) => void;
+		onsave?: (data: {
+			userId: string | number;
+			items: TrainingItem[];
+			completionStatus: CompletionStatus;
+		}) => void;
 	}
 
-	let { 
-		userId = null, 
-		isOpen = false, 
-		userName = "bruker",
-		onclose,
-		onsave
-	}: Props = $props();
-
-	const defaultTrainingItems = [
-		{ id: 1, title: 'Bytte keg på en riktig måte', description: 'Lært at kegs burde bli oppbevart kjølig og stående kaldt for å holde seg', completed: false, category: 'Bruk av bar' },
-		{ id: 2, title: 'Tappe pils på en riktig måte', description: 'Riktig tapping av øl', completed: false, category: 'Bruk av bar' },
-		{ id: 3, title: 'Glassvasken', description: 'Skru på/av glassvasken, tømme og skylle glass før maskinen', completed: false, category: 'Bruk av bar' },
-		{ id: 4, title: 'Isbiter og isbitmaskin', description: 'Bruke dedikert isbit "skje", sjekke at maskinen er på og lager isbiter', completed: false, category: 'Bruk av bar' },
-		{ id: 5, title: 'Kassesystem', description: 'Åpne kassen, ta imot betaling (vanlig pris og internpris), slette/redigere priser, stenge kassen', completed: false, category: 'Bruk av bar' },
-		{ id: 6, title: 'Påfyll av varer', description: 'Fylle på varer kontinuerlig, spesielt mot slutten av vakten', completed: false, category: 'Bruk av bar' },
-		{ id: 7, title: 'Temperatursjekk', description: 'Sjekke temperatur på kjøleskap (skal bli skrevet ned)', completed: false, category: 'Bruk av bar' },
-		
-		{ id: 8, title: 'Ikke oversjenke', description: 'Aldri oversjenke da dette er ulovlig', completed: false, category: 'Lover og sikkerhet' },
-		{ id: 9, title: 'Autoritet til å si nei', description: 'Har autoritet til å si nei til å servere alkohol', completed: false, category: 'Lover og sikkerhet' },
-		{ id: 10, title: 'Skjenkeløyve og dokumenter', description: 'Hvor skjenkeløyve og opplæringsskjema er i baren, i tilfelle kontroll', completed: false, category: 'Lover og sikkerhet' },
-		{ id: 11, title: 'Nødsituasjoner', description: 'Vite hva å gjøre i nødsituasjon, for eksempel brann', completed: false, category: 'Lover og sikkerhet' },
-		{ id: 12, title: 'Fast skjenkeløyve', description: 'Baren har fast skjenkeløyve som vi kan miste hvis vi får for mange prikker', completed: false, category: 'Lover og sikkerhet' },
-		{ id: 13, title: 'Alkoholreklame', description: 'Ikke lov til å reklamere for alkohol, ikke foreslå alkohol men spørre "Hva vil du ha?"', completed: false, category: 'Lover og sikkerhet' },
-		
-		{ id: 14, title: 'Renhold i baren', description: 'Viktigheten av å holde det rent i baren og på lageret (før, under og etter servering)', completed: false, category: 'Vask og hygiene' },
-		{ id: 15, title: 'Personlig hygiene', description: 'Viktigheten av å ha god personlig hygiene', completed: false, category: 'Vask og hygiene' },
-		{ id: 16, title: 'Håndvask', description: 'Hvordan vaske hendene ordentlig', completed: false, category: 'Vask og hygiene' },
-		{ id: 17, title: 'Rengjøring av arbeidsflater', description: 'Hvordan tørke over benk og vask av gulv', completed: false, category: 'Vask og hygiene' },
-		{ id: 18, title: 'Søppelhåndtering', description: 'Hva å gjøre med papp og annet søppel, og koden til søppelstasjonen', completed: false, category: 'Vask og hygiene' },
-		{ id: 19, title: 'Vask etter kegbytte', description: 'Bytter man keg, så vasker man hendene', completed: false, category: 'Vask og hygiene' },
-		{ id: 20, title: 'Rengjøring av barutstyr', description: 'Vask og rengjør barutstyr, f.eks. tappetårn, målebeger, shaker, isøse, barskje osv.', completed: false, category: 'Vask og hygiene' }
-	];
+	let { userId = null, isOpen = false, userName = 'bruker', onclose, onsave }: Props = $props();
 
-	let trainingItems = $state([...defaultTrainingItems]);
+	let trainingItems = $state<TrainingItem[]>([...DEFAULT_TRAINING_ITEMS]);
 	let isSaving = $state(false);
-	let isLoading = $state(false);
 
 	let isTrainingMode = $derived(userId !== null && userId !== undefined);
 	let modalTitle = $derived(isTrainingMode ? `Opplæring for ${userName}` : 'Opplæringsliste');
-	let modalDescription = $derived(isTrainingMode 
-		? 'Marker av hvert punkt etter som opplæringen blir fullført'
-		: 'Oversikt over alle opplæringspunkter som må gjennomgås');
+	let modalDescription = $derived(
+		isTrainingMode
+			? 'Marker av hvert punkt etter som opplæringen blir fullført'
+			: 'Oversikt over alle opplæringspunkter som må gjennomgås'
+	);
 
-	let groupedTrainingItems = $derived.by(() => {
-		const grouped = trainingItems.reduce((acc, item) => {
-			if (!acc[item.category]) {
-				acc[item.category] = [];
-			}
-			acc[item.category].push(item);
-			return acc;
-		}, {} as Record<string, TrainingItem[]>);
-		return grouped;
-	});
+	let groupedTrainingItems = $derived(groupTrainingItemsByCategory(trainingItems));
+	let completionStatus = $derived(calculateCompletionStatus(trainingItems));
 
 	$effect(() => {
 		if (isTrainingMode && isOpen) {
-			isLoading = true;
 			(async () => {
 				try {
-					const response = await fetch(`/api/training/${userId}`);
-					if (response.ok) {
-						const userData = await response.json() as { trainingData?: TrainingItem[] };
-						trainingItems = userData.trainingData || [...defaultTrainingItems];
-					} else {
-						trainingItems = [...defaultTrainingItems];
-					}
+					const fetchedData = await fetchTrainingData(userId as string | number);
+					trainingItems = fetchedData.length > 0 ? fetchedData : [...DEFAULT_TRAINING_ITEMS];
 				} catch (error) {
 					console.error('Failed to load training data:', error);
-					trainingItems = [...defaultTrainingItems];
-				} finally {
-					isLoading = false;
+					trainingItems = [...DEFAULT_TRAINING_ITEMS];
 				}
 			})();
 		} else if (!isTrainingMode) {
-			trainingItems = [...defaultTrainingItems];
+			trainingItems = [...DEFAULT_TRAINING_ITEMS];
 		}
 	});
 
-	function getCompletionStatus() {
-		const completedCount = trainingItems.filter(item => item.completed).length;
-		const totalCount = trainingItems.length;
-		return { completedCount, totalCount, isComplete: completedCount === totalCount };
-	}
-
 	function toggleTrainingItem(itemId: number) {
-		// Only allow toggling in training mode
 		if (!isTrainingMode) return;
-		
-		const item = trainingItems.find(item => item.id === itemId);
-		if (item) {
-			item.completed = !item.completed;
-		}
+		trainingItems = toggleItemCompletion(trainingItems, itemId);
 	}
 
 	function handleSave() {
-		if (!isTrainingMode) return;
-		
-		const completionStatus = getCompletionStatus();
-		if (!completionStatus.isComplete) {
-			return;
-		}
-		
+		if (!isTrainingMode || !completionStatus.isComplete) return;
+
 		isSaving = true;
-		
 		const form = document.getElementById('trainingForm') as HTMLFormElement;
 		if (form) {
 			form.requestSubmit();
@@ -137,121 +82,43 @@
 
 {#if isOpen}
 	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
-		<div class="mx-4 w-full max-w-2xl max-h-[80vh] overflow-y-auto rounded-lg bg-white">
+		<div class="mx-4 max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white">
 			<div class="sticky top-0 border-b border-gray-200 bg-white px-6 py-4">
 				<h3 class="text-lg font-semibold text-gray-900">{modalTitle}</h3>
 				<p class="text-sm text-gray-600">{modalDescription}</p>
 			</div>
-			
+
 			<div class="p-6">
 				<div class="space-y-6">
 					{#each Object.entries(groupedTrainingItems) as [category, items] (category)}
 						<div class="space-y-3">
-							<h3 class="text-lg font-semibold text-gray-800 border-b border-gray-200 pb-2">{category}</h3>
+							<h3 class="border-b border-gray-200 pb-2 text-lg font-semibold text-gray-800">
+								{category}
+							</h3>
 							<div class="space-y-3">
 								{#each items as item (item.id)}
-									<div class="flex items-start gap-3 p-3 rounded-lg border transition-all duration-200 {item.completed ? 'bg-green-50 border-green-200' : 'bg-gray-50 border-gray-200'} {isTrainingMode ? 'hover:border-gray-300' : ''}">
-										<button
-											class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
-											onclick={() => toggleTrainingItem(item.id)}
-											disabled={!isTrainingMode || isSaving}
-										>
-											<div class="w-5 h-5 rounded border-2 flex items-center justify-center {item.completed ? 'bg-green-500 border-green-500' : isTrainingMode ? 'border-gray-300 hover:border-gray-400' : 'border-gray-300'} transition-colors">
-												{#if item.completed}
-													<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-														<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
-													</svg>
-												{/if}
-											</div>
-										</button>
-										
-										<div class="flex-1">
-											<h4 class="font-medium text-gray-900 transition-all duration-200 {item.completed ? 'line-through text-gray-500' : ''}">{item.title}</h4>
-											<p class="text-sm text-gray-600 transition-all duration-200 {item.completed ? 'line-through text-gray-400' : ''}">{item.description}</p>
-										</div>
-									</div>
+									<TrainingItemComponent
+										{item}
+										{isTrainingMode}
+										{isSaving}
+										onToggle={toggleTrainingItem}
+									/>
 								{/each}
 							</div>
 						</div>
 					{/each}
 				</div>
 
-					{#if isTrainingMode}
-						<div class="mt-6 p-4 bg-blue-50 rounded-lg">
-							<div class="flex items-center justify-between">
-								<div>
-									<p class="font-medium text-blue-900">Fremgang</p>
-									<p class="text-sm text-blue-700">{getCompletionStatus().completedCount} av {getCompletionStatus().totalCount} punkter fullført</p>
-								</div>
-								<div class="text-right">
-									<div class="text-2xl font-bold text-blue-600">
-										{Math.round((getCompletionStatus().completedCount / getCompletionStatus().totalCount) * 100)}%
-									</div>
-								</div>
-							</div>
-							<div class="mt-2 w-full bg-blue-200 rounded-full h-2">
-								<div 
-									class="bg-blue-600 h-2 rounded-full transition-all duration-300" 
-									style="width: {(getCompletionStatus().completedCount / getCompletionStatus().totalCount) * 100}%"
-								></div>
-							</div>
-						</div>
-
-						{#if getCompletionStatus().isComplete}
-							<div class="mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
-								<div class="flex items-center gap-2">
-									<svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-									</svg>
-									<p class="font-medium text-green-800">Gratulerer! All opplæring er fullført.</p>
-								</div>
-							</div>
-						{/if}
-					{:else}
-						<div class="mt-6 p-4 bg-gray-50 border border-gray-200 rounded-lg">
-							<div class="flex items-center gap-2">
-								<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-								</svg>
-								<p class="text-sm text-gray-700">Dette er en referanseliste over opplæringspunkter.</p>
-							</div>
-						</div>
-					{/if}
+				<TrainingProgress {completionStatus} {isTrainingMode} />
 			</div>
 
-			<div class="sticky bottom-0 border-t border-gray-200 bg-white px-6 py-4">
-				<div class="flex justify-end gap-3">
-					<button
-						type="button"
-						onclick={handleClose}
-						class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
-						disabled={isSaving}
-					>
-						Lukk
-					</button>
-					{#if isTrainingMode}
-						<button
-							type="button"
-							onclick={handleSave}
-							disabled={isSaving || !getCompletionStatus().isComplete}
-							class="rounded-md px-4 py-2 text-sm text-white transition-colors disabled:opacity-50 {getCompletionStatus().isComplete ? 'bg-green-600 hover:bg-green-700' : 'bg-gray-400 cursor-not-allowed'}"
-						>
-							{#if isSaving}
-								<span class="flex items-center gap-2">
-									<svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-									</svg>
-									Lagrer...
-								</span>
-							{:else if getCompletionStatus().isComplete}
-								✅ Fullfør opplæring
-							{:else}
-								Fullfør alle punkter først
-							{/if}
-						</button>
-					{/if}
-				</div>
-			</div>
+			<TrainingActions
+				{completionStatus}
+				{isTrainingMode}
+				{isSaving}
+				onClose={handleClose}
+				onSave={handleSave}
+			/>
 		</div>
 
 		{#if isTrainingMode}
@@ -266,9 +133,8 @@
 						if (result.type === 'success') {
 							const data = result.data as { trainingCompleted?: boolean } | undefined;
 							if (data?.trainingCompleted) {
-								await invalidateAll(); // Refresh page data
+								await invalidateAll();
 								if (onsave && userId !== null) {
-									const completionStatus = getCompletionStatus();
 									onsave({ userId, items: trainingItems, completionStatus });
 								}
 							}
diff --git a/apps/www/src/lib/components/portal/TrainingActions.svelte b/apps/www/src/lib/components/portal/TrainingActions.svelte
new file mode 100644
index 00000000..a71e4cf8
--- /dev/null
+++ b/apps/www/src/lib/components/portal/TrainingActions.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	import type { CompletionStatus } from '$lib/utils/training';
+
+	interface Props {
+		completionStatus: CompletionStatus;
+		isTrainingMode: boolean;
+		isSaving: boolean;
+		onClose: () => void;
+		onSave: () => void;
+	}
+
+	let { completionStatus, isTrainingMode, isSaving, onClose, onSave }: Props = $props();
+</script>
+
+<div class="sticky bottom-0 border-t border-gray-200 bg-white px-6 py-4">
+	<div class="flex justify-end gap-3">
+		<button
+			type="button"
+			onclick={onClose}
+			class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
+			disabled={isSaving}
+		>
+			Lukk
+		</button>
+		{#if isTrainingMode}
+			<button
+				type="button"
+				onclick={onSave}
+				disabled={isSaving || !completionStatus.isComplete}
+				class="rounded-md px-4 py-2 text-sm text-white transition-colors disabled:opacity-50 {completionStatus.isComplete
+					? 'bg-green-600 hover:bg-green-700'
+					: 'cursor-not-allowed bg-gray-400'}"
+			>
+				{#if isSaving}
+					<span class="flex items-center gap-2">
+						<svg
+							class="h-4 w-4 animate-spin"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+							aria-hidden="true"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+							></path>
+						</svg>
+						Lagrer...
+					</span>
+				{:else if completionStatus.isComplete}
+					✅ Fullfør opplæring
+				{:else}
+					Fullfør alle punkter først
+				{/if}
+			</button>
+		{/if}
+	</div>
+</div>
diff --git a/apps/www/src/lib/components/portal/TrainingItem.svelte b/apps/www/src/lib/components/portal/TrainingItem.svelte
new file mode 100644
index 00000000..b99052b5
--- /dev/null
+++ b/apps/www/src/lib/components/portal/TrainingItem.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	import type { TrainingItem } from '$lib/constants/training';
+
+	interface Props {
+		item: TrainingItem;
+		isTrainingMode: boolean;
+		isSaving: boolean;
+		onToggle: (itemId: number) => void;
+	}
+
+	let { item, isTrainingMode, isSaving, onToggle }: Props = $props();
+
+	function handleToggle() {
+		if (isTrainingMode && !isSaving) {
+			onToggle(item.id);
+		}
+	}
+</script>
+
+<div
+	class="flex items-start gap-3 rounded-lg border p-3 transition-all duration-200 {item.completed
+		? 'border-green-200 bg-green-50'
+		: 'border-gray-200 bg-gray-50'} {isTrainingMode ? 'hover:border-gray-300' : ''}"
+>
+	<button
+		class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
+		onclick={handleToggle}
+		disabled={!isTrainingMode || isSaving}
+		aria-label={item.completed ? 'Marker som ikke fullført' : 'Marker som fullført'}
+	>
+		<div
+			class="flex h-5 w-5 items-center justify-center rounded border-2 {item.completed
+				? 'border-green-500 bg-green-500'
+				: isTrainingMode
+					? 'border-gray-300 hover:border-gray-400'
+					: 'border-gray-300'} transition-colors"
+		>
+			{#if item.completed}
+				<svg
+					class="h-3 w-3 text-white"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+					aria-hidden="true"
+				>
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"
+					></path>
+				</svg>
+			{/if}
+		</div>
+	</button>
+
+	<div class="flex-1">
+		<h4
+			class="font-medium text-gray-900 transition-all duration-200 {item.completed
+				? 'text-gray-500 line-through'
+				: ''}"
+		>
+			{item.title}
+		</h4>
+		<p
+			class="text-sm text-gray-600 transition-all duration-200 {item.completed
+				? 'text-gray-400 line-through'
+				: ''}"
+		>
+			{item.description}
+		</p>
+	</div>
+</div>
diff --git a/apps/www/src/lib/components/portal/TrainingProgress.svelte b/apps/www/src/lib/components/portal/TrainingProgress.svelte
new file mode 100644
index 00000000..4103bc8f
--- /dev/null
+++ b/apps/www/src/lib/components/portal/TrainingProgress.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+	import type { CompletionStatus } from '$lib/utils/training';
+
+	interface Props {
+		completionStatus: CompletionStatus;
+		isTrainingMode: boolean;
+	}
+
+	let { completionStatus, isTrainingMode }: Props = $props();
+</script>
+
+{#if isTrainingMode}
+	<div class="mt-6 rounded-lg bg-blue-50 p-4">
+		<div class="flex items-center justify-between">
+			<div>
+				<p class="font-medium text-blue-900">Fremgang</p>
+				<p class="text-sm text-blue-700">
+					{completionStatus.completedCount} av {completionStatus.totalCount} punkter fullført
+				</p>
+			</div>
+			<div class="text-right">
+				<div class="text-2xl font-bold text-blue-600">
+					{completionStatus.progressPercentage}%
+				</div>
+			</div>
+		</div>
+		<div class="mt-2 h-2 w-full rounded-full bg-blue-200">
+			<div
+				class="h-2 rounded-full bg-blue-600 transition-all duration-300"
+				style="width: {completionStatus.progressPercentage}%"
+			></div>
+		</div>
+	</div>
+
+	{#if completionStatus.isComplete}
+		<div class="mt-4 rounded-lg border border-green-200 bg-green-50 p-4">
+			<div class="flex items-center gap-2">
+				<svg
+					class="h-5 w-5 text-green-500"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+					aria-hidden="true"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+					></path>
+				</svg>
+				<p class="font-medium text-green-800">Gratulerer! All opplæring er fullført.</p>
+			</div>
+		</div>
+	{/if}
+{:else}
+	<div class="mt-6 rounded-lg border border-gray-200 bg-gray-50 p-4">
+		<div class="flex items-center gap-2">
+			<svg
+				class="h-5 w-5 text-gray-500"
+				fill="none"
+				stroke="currentColor"
+				viewBox="0 0 24 24"
+				aria-hidden="true"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+				></path>
+			</svg>
+			<p class="text-sm text-gray-700">Dette er en referanseliste over opplæringspunkter.</p>
+		</div>
+	</div>
+{/if}
diff --git a/apps/www/src/lib/constants/training.ts b/apps/www/src/lib/constants/training.ts
new file mode 100644
index 00000000..a8220799
--- /dev/null
+++ b/apps/www/src/lib/constants/training.ts
@@ -0,0 +1,160 @@
+export interface TrainingItem {
+	id: number;
+	title: string;
+	description: string;
+	completed: boolean;
+	category: string;
+}
+
+export const TRAINING_CATEGORIES = {
+	BAR_USAGE: 'Bruk av bar',
+	LAWS_SAFETY: 'Lover og sikkerhet',
+	HYGIENE_CLEANING: 'Vask og hygiene'
+} as const;
+
+export const DEFAULT_TRAINING_ITEMS: TrainingItem[] = [
+	{
+		id: 1,
+		title: 'Bytte keg på en riktig måte',
+		description: 'Lært at kegs burde bli oppbevart kjølig og stående kaldt for å holde seg',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 2,
+		title: 'Tappe pils på en riktig måte',
+		description: 'Riktig tapping av øl',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 3,
+		title: 'Glassvasken',
+		description: 'Skru på/av glassvasken, tømme og skylle glass før maskinen',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 4,
+		title: 'Isbiter og isbitmaskin',
+		description: 'Bruke dedikert isbit "skje", sjekke at maskinen er på og lager isbiter',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 5,
+		title: 'Kassesystem',
+		description:
+			'Åpne kassen, ta imot betaling (vanlig pris og internpris), slette/redigere priser, stenge kassen',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 6,
+		title: 'Påfyll av varer',
+		description: 'Fylle på varer kontinuerlig, spesielt mot slutten av vakten',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 7,
+		title: 'Temperatursjekk',
+		description: 'Sjekke temperatur på kjøleskap (skal bli skrevet ned)',
+		completed: false,
+		category: TRAINING_CATEGORIES.BAR_USAGE
+	},
+	{
+		id: 8,
+		title: 'Ikke oversjenke',
+		description: 'Aldri oversjenke da dette er ulovlig',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 9,
+		title: 'Autoritet til å si nei',
+		description: 'Har autoritet til å si nei til å servere alkohol',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 10,
+		title: 'Skjenkeløyve og dokumenter',
+		description: 'Hvor skjenkeløyve og opplæringsskjema er i baren, i tilfelle kontroll',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 11,
+		title: 'Nødsituasjoner',
+		description: 'Vite hva å gjøre i nødsituasjon, for eksempel brann',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 12,
+		title: 'Fast skjenkeløyve',
+		description: 'Baren har fast skjenkeløyve som vi kan miste hvis vi får for mange prikker',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 13,
+		title: 'Alkoholreklame',
+		description:
+			'Ikke lov til å reklamere for alkohol, ikke foreslå alkohol men spørre "Hva vil du ha?"',
+		completed: false,
+		category: TRAINING_CATEGORIES.LAWS_SAFETY
+	},
+	{
+		id: 14,
+		title: 'Renhold i baren',
+		description:
+			'Viktigheten av å holde det rent i baren og på lageret (før, under og etter servering)',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 15,
+		title: 'Personlig hygiene',
+		description: 'Viktigheten av å ha god personlig hygiene',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 16,
+		title: 'Håndvask',
+		description: 'Hvordan vaske hendene ordentlig',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 17,
+		title: 'Rengjøring av arbeidsflater',
+		description: 'Hvordan tørke over benk og vask av gulv',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 18,
+		title: 'Søppelhåndtering',
+		description: 'Hva å gjøre med papp og annet søppel, og koden til søppelstasjonen',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 19,
+		title: 'Vask etter kegbytte',
+		description: 'Bytter man keg, så vasker man hendene',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	},
+	{
+		id: 20,
+		title: 'Rengjøring av barutstyr',
+		description:
+			'Vask og rengjør barutstyr, f.eks. tappetårn, målebeger, shaker, isøse, barskje osv.',
+		completed: false,
+		category: TRAINING_CATEGORIES.HYGIENE_CLEANING
+	}
+];
diff --git a/apps/www/src/lib/services/referral.service.ts b/apps/www/src/lib/services/referral.service.ts
index 4592ea10..e5bde82e 100644
--- a/apps/www/src/lib/services/referral.service.ts
+++ b/apps/www/src/lib/services/referral.service.ts
@@ -80,12 +80,12 @@ export class ReferralService {
 	async awardReferralCredit(referrerId: string) {
 		const stats = await this.getReferralStats(referrerId);
 		const completedReferrals = stats.completedReferrals;
-		
+
 		const earnedBeers = Math.floor(completedReferrals / 2);
-		
-		const previousCompletedReferrals = completedReferrals - 1; 
+
+		const previousCompletedReferrals = completedReferrals - 1;
 		const previousEarnedBeers = Math.floor(previousCompletedReferrals / 2);
-		
+
 		if (earnedBeers > previousEarnedBeers) {
 			const user = await this.#db.query.users.findFirst({
 				where: (row, { eq }) => eq(row.id, referrerId)
@@ -103,8 +103,8 @@ export class ReferralService {
 
 			return updated;
 		}
-		
-		return null; 
+
+		return null;
 	}
 
 	async getReferralStats(userId: string) {
diff --git a/apps/www/src/lib/utils/training.ts b/apps/www/src/lib/utils/training.ts
new file mode 100644
index 00000000..9d014394
--- /dev/null
+++ b/apps/www/src/lib/utils/training.ts
@@ -0,0 +1,54 @@
+import type { TrainingItem } from '$lib/constants/training';
+
+export interface CompletionStatus {
+	completedCount: number;
+	totalCount: number;
+	isComplete: boolean;
+	progressPercentage: number;
+}
+
+export function calculateCompletionStatus(items: TrainingItem[]): CompletionStatus {
+	const completedCount = items.filter((item) => item.completed).length;
+	const totalCount = items.length;
+	const progressPercentage = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
+
+	return {
+		completedCount,
+		totalCount,
+		isComplete: completedCount === totalCount,
+		progressPercentage
+	};
+}
+
+export function groupTrainingItemsByCategory(
+	items: TrainingItem[]
+): Record<string, TrainingItem[]> {
+	return items.reduce(
+		(acc, item) => {
+			if (!acc[item.category]) {
+				acc[item.category] = [];
+			}
+			acc[item.category].push(item);
+			return acc;
+		},
+		{} as Record<string, TrainingItem[]>
+	);
+}
+
+export function toggleItemCompletion(items: TrainingItem[], itemId: number): TrainingItem[] {
+	return items.map((item) => (item.id === itemId ? { ...item, completed: !item.completed } : item));
+}
+
+export async function fetchTrainingData(userId: string | number): Promise<TrainingItem[]> {
+	try {
+		const response = await fetch(`/api/training/${userId}`);
+		if (response.ok) {
+			const userData = (await response.json()) as { trainingData?: TrainingItem[] };
+			return userData.trainingData || [];
+		}
+		return [];
+	} catch (error) {
+		console.error('Failed to load training data:', error);
+		return [];
+	}
+}
diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index 350e945f..dfcd8743 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -68,9 +68,9 @@
 		</div>
 	</div>
 
-	<div class="block sm:hidden space-y-3">
+	<div class="block space-y-3 sm:hidden">
 		{#each filteredUsers as user (user.id)}
-			<div class="border border-gray rounded-lg bg-background p-4 shadow-sm">
+			<div class="border-gray rounded-lg border bg-background p-4 shadow-sm">
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-3">
 						<div class="h-10 w-10 flex-shrink-0">
@@ -81,8 +81,10 @@
 							</div>
 						</div>
 						<div class="min-w-0 flex-1">
-							<div class="text-sm font-medium text-gray-900 truncate">{user.name}</div>
-							<div class="text-xs text-gray-500 truncate max-w-32">{user.altEmail || user.email}</div>
+							<div class="truncate text-sm font-medium text-gray-900">{user.name}</div>
+							<div class="max-w-32 truncate text-xs text-gray-500">
+								{user.altEmail || user.email}
+							</div>
 						</div>
 					</div>
 					<div class="flex flex-col items-end gap-2">
@@ -105,7 +107,7 @@
 			</div>
 		{/each}
 		{#if filteredUsers.length === 0}
-			<div class="border border-gray-200 rounded-lg bg-background p-8 text-center">
+			<div class="rounded-lg border border-gray-200 bg-background p-8 text-center">
 				<div class="flex flex-col items-center gap-2">
 					<div class="text-4xl">👤</div>
 					<div class="text-sm text-gray-500">Ingen brukere funnet</div>
@@ -117,7 +119,9 @@
 		{/if}
 	</div>
 
-	<div class="hidden sm:block border-gray overflow-hidden rounded-lg border bg-background shadow-lg">
+	<div
+		class="border-gray hidden overflow-hidden rounded-lg border bg-background shadow-lg sm:block"
+	>
 		<div class="overflow-x-auto">
 			<table class="w-full">
 				<thead class="border-gray border-b bg-gray-200">
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index abdf2916..f49f99d1 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -120,15 +120,17 @@ export const actions: Actions = {
 
 		try {
 			const trainingData = JSON.parse(trainingDataJson);
-			
-			const isComplete = trainingData && trainingData.every((item: any) => item.completed === true);
-			
+
+			const isComplete =
+				trainingData &&
+				trainingData.every((item: { completed: boolean }) => item.completed === true);
+
 			if (!isComplete) {
 				return fail(400, { error: 'All training items must be completed' });
 			}
 
 			const updatedUser = await locals.userService.updateTrainingStatus(userId, true);
-			
+
 			if (!updatedUser) {
 				return fail(404, { error: 'User not found' });
 			}
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index 12f4336f..7657d175 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -70,7 +70,7 @@
 		← Tilbake til admin page
 	</a>
 
-	<div class="rounded-lg border border-gray bg-background p-4 sm:p-6 shadow-sm">
+	<div class="border-gray rounded-lg border bg-background p-4 shadow-sm sm:p-6">
 		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
@@ -94,17 +94,9 @@
 			</div>
 			<div class="flex flex-col gap-2 sm:flex-row sm:gap-2">
 				{#if !isEditing}
-					<Button onclick={toggleEdit} intent="primary">
-						Rediger
-					</Button>
+					<Button onclick={toggleEdit} intent="primary">Rediger</Button>
 				{:else}
-					<Button 
-						onclick={toggleEdit} 
-						intent="outline" 
-						disabled={isSubmitting}
-					>
-						Avbryt
-					</Button>
+					<Button onclick={toggleEdit} intent="outline" disabled={isSubmitting}>Avbryt</Button>
 
 					<form
 						method="POST"
@@ -129,12 +121,7 @@
 						<input type="hidden" name="role" value={editForm.role} />
 						<input type="hidden" name="phone" value={editForm.phone} />
 
-						<Button 
-							type="submit" 
-							intent="primary" 
-							disabled={isSubmitting}
-							class="w-full"
-						>
+						<Button type="submit" intent="primary" disabled={isSubmitting} class="w-full">
 							{isSubmitting ? 'Lagrer...' : 'Lagre'}
 						</Button>
 					</form>
@@ -145,7 +132,7 @@
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
 		<div class="space-y-6 lg:col-span-2">
-			<div class="rounded-lg border border-gray bg-background shadow-sm">
+			<div class="border-gray rounded-lg border bg-background shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
 				</div>
@@ -249,7 +236,7 @@
 				</div>
 			</div>
 
-			<div class="rounded-lg border border-gray bg-background shadow-sm">
+			<div class="border-gray rounded-lg border bg-background shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
@@ -288,7 +275,7 @@
 		</div>
 
 		<div class="space-y-6">
-			<div class="rounded-lg border border-gray bg-background shadow-sm">
+			<div class="border-gray rounded-lg border bg-background shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
 				</div>
@@ -310,7 +297,7 @@
 				</div>
 			</div>
 
-			<div class="rounded-lg border border-gray bg-background shadow-sm">
+			<div class="border-gray rounded-lg border bg-background shadow-sm">
 				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
 					<h3 class="text-lg font-semibold text-gray-900">Handlinger</h3>
 				</div>
@@ -328,7 +315,9 @@
 						🍺 Legg til / Fjern bonger
 					</button>
 					<button
-						class="w-full rounded-md px-4 py-2 text-left text-sm transition-colors hover:bg-gray-50 {userHasCompletedTraining ? 'text-green-600' : 'text-gray-700'}"
+						class="w-full rounded-md px-4 py-2 text-left text-sm transition-colors hover:bg-gray-50 {userHasCompletedTraining
+							? 'text-green-600'
+							: 'text-gray-700'}"
 						onclick={() => (showTrainingChecklist = true)}
 					>
 						{#if userHasCompletedTraining}
@@ -352,7 +341,7 @@
 </div>
 
 <!-- Training Checklist Component -->
-<TrainingChecklist 
+<TrainingChecklist
 	userId={user.id}
 	userName={user.name}
 	isOpen={showTrainingChecklist}

From 998f5a0f2e63ef021f59b7bc0ce1354b8dc79132 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Wed, 20 Aug 2025 22:22:35 +0200
Subject: [PATCH 13/17] Add referral service integration and phone field to
 users
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/www/migrations/0016_sharp_zeigeist.sql   |   10 -
 .../migrations/0017_lively_spacker_dave.sql   |    8 -
 .../migrations/0018_ordinary_may_parker.sql   |   39 -
 apps/www/migrations/0019_charming_magik.sql   |   13 -
 .../0020_silent_infant_terrible.sql           |    2 -
 .../0021_broken_professor_monster.sql         |   14 -
 apps/www/migrations/meta/0022_snapshot.json   | 1027 ++++++++++++++++
 apps/www/migrations/meta/0023_snapshot.json   | 1034 +++++++++++++++++
 apps/www/migrations/meta/_journal.json        |   14 +
 apps/www/src/app.d.ts                         |    1 +
 apps/www/src/hooks.server.ts                  |    4 +
 apps/www/src/lib/db/schemas/index.ts          |    1 +
 apps/www/src/lib/db/schemas/users.ts          |    6 +-
 13 files changed, 2086 insertions(+), 87 deletions(-)
 delete mode 100644 apps/www/migrations/0016_sharp_zeigeist.sql
 delete mode 100644 apps/www/migrations/0017_lively_spacker_dave.sql
 delete mode 100644 apps/www/migrations/0018_ordinary_may_parker.sql
 delete mode 100644 apps/www/migrations/0019_charming_magik.sql
 delete mode 100644 apps/www/migrations/0020_silent_infant_terrible.sql
 delete mode 100644 apps/www/migrations/0021_broken_professor_monster.sql
 create mode 100644 apps/www/migrations/meta/0022_snapshot.json
 create mode 100644 apps/www/migrations/meta/0023_snapshot.json

diff --git a/apps/www/migrations/0016_sharp_zeigeist.sql b/apps/www/migrations/0016_sharp_zeigeist.sql
deleted file mode 100644
index 1463ceb4..00000000
--- a/apps/www/migrations/0016_sharp_zeigeist.sql
+++ /dev/null
@@ -1,10 +0,0 @@
-CREATE TABLE `referral` (
-	`id` text PRIMARY KEY NOT NULL,
-	`referred_by` text NOT NULL,
-	`referred` text NOT NULL,
-	`status` text DEFAULT 'pending' NOT NULL,
-	`created_at` integer NOT NULL,
-	`completed_at` integer,
-	FOREIGN KEY (`referred_by`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action,
-	FOREIGN KEY (`referred`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
-);
diff --git a/apps/www/migrations/0017_lively_spacker_dave.sql b/apps/www/migrations/0017_lively_spacker_dave.sql
deleted file mode 100644
index 6702e84f..00000000
--- a/apps/www/migrations/0017_lively_spacker_dave.sql
+++ /dev/null
@@ -1,8 +0,0 @@
-CREATE TABLE `contact_submission` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`email` text NOT NULL,
-	`message` text NOT NULL,
-	`submitted_at` integer NOT NULL,
-	`ip_address` text
-);
diff --git a/apps/www/migrations/0018_ordinary_may_parker.sql b/apps/www/migrations/0018_ordinary_may_parker.sql
deleted file mode 100644
index 04742006..00000000
--- a/apps/www/migrations/0018_ordinary_may_parker.sql
+++ /dev/null
@@ -1,39 +0,0 @@
-CREATE TABLE `producers` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`created_at` text NOT NULL,
-	`updated_at` text NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE `product_types` (
-	`id` text PRIMARY KEY NOT NULL,
-	`title` text NOT NULL,
-	`created_at` text NOT NULL,
-	`updated_at` text NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE `products` (
-	`id` text PRIMARY KEY NOT NULL,
-	`sku` text,
-	`name` text NOT NULL,
-	`description` text,
-	`is_sold_out` integer DEFAULT false NOT NULL,
-	`ordinary_price` integer NOT NULL,
-	`student_price` integer NOT NULL,
-	`internal_price` integer NOT NULL,
-	`credits` integer,
-	`volume` real,
-	`alcohol_content` real,
-	`variants` text,
-	`producer_id` text,
-	`created_at` text NOT NULL,
-	`updated_at` text NOT NULL,
-	FOREIGN KEY (`producer_id`) REFERENCES `producers`(`id`) ON UPDATE no action ON DELETE no action
-);
---> statement-breakpoint
-CREATE TABLE `product_product_types` (
-	`product_id` text NOT NULL,
-	`product_type_id` text NOT NULL,
-	FOREIGN KEY (`product_id`) REFERENCES `products`(`id`) ON UPDATE no action ON DELETE cascade,
-	FOREIGN KEY (`product_type_id`) REFERENCES `product_types`(`id`) ON UPDATE no action ON DELETE cascade
-);
diff --git a/apps/www/migrations/0019_charming_magik.sql b/apps/www/migrations/0019_charming_magik.sql
deleted file mode 100644
index fe7caf30..00000000
--- a/apps/www/migrations/0019_charming_magik.sql
+++ /dev/null
@@ -1,13 +0,0 @@
-CREATE TABLE `images` (
-	`id` text PRIMARY KEY NOT NULL,
-	`filename` text NOT NULL,
-	`original_name` text NOT NULL,
-	`mime_type` text NOT NULL,
-	`size` integer NOT NULL,
-	`type` text NOT NULL,
-	`created_at` text NOT NULL,
-	`updated_at` text NOT NULL
-);
---> statement-breakpoint
-ALTER TABLE `producers` ADD `image_id` text;--> statement-breakpoint
-ALTER TABLE `products` ADD `image_id` text;
\ No newline at end of file
diff --git a/apps/www/migrations/0020_silent_infant_terrible.sql b/apps/www/migrations/0020_silent_infant_terrible.sql
deleted file mode 100644
index 3a9cb562..00000000
--- a/apps/www/migrations/0020_silent_infant_terrible.sql
+++ /dev/null
@@ -1,2 +0,0 @@
-ALTER TABLE `images` DROP COLUMN `original_name`;--> statement-breakpoint
-ALTER TABLE `images` DROP COLUMN `mime_type`;
\ No newline at end of file
diff --git a/apps/www/migrations/0021_broken_professor_monster.sql b/apps/www/migrations/0021_broken_professor_monster.sql
deleted file mode 100644
index 94cda257..00000000
--- a/apps/www/migrations/0021_broken_professor_monster.sql
+++ /dev/null
@@ -1,14 +0,0 @@
-PRAGMA foreign_keys=OFF;--> statement-breakpoint
-CREATE TABLE `__new_images` (
-	`id` text PRIMARY KEY NOT NULL,
-	`filename` text NOT NULL,
-	`size` integer NOT NULL,
-	`type` text NOT NULL,
-	`created_at` integer NOT NULL,
-	`updated_at` integer NOT NULL
-);
---> statement-breakpoint
-INSERT INTO `__new_images`("id", "filename", "size", "type", "created_at", "updated_at") SELECT "id", "filename", "size", "type", "created_at", "updated_at" FROM `images`;--> statement-breakpoint
-DROP TABLE `images`;--> statement-breakpoint
-ALTER TABLE `__new_images` RENAME TO `images`;--> statement-breakpoint
-PRAGMA foreign_keys=ON;
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0022_snapshot.json b/apps/www/migrations/meta/0022_snapshot.json
new file mode 100644
index 00000000..57217857
--- /dev/null
+++ b/apps/www/migrations/meta/0022_snapshot.json
@@ -0,0 +1,1027 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "78d3abaf-dde5-4380-9c0a-d36b16172ee2",
+  "prevId": "3d643972-c02b-4390-af85-a4d6cd8e7776",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0023_snapshot.json b/apps/www/migrations/meta/0023_snapshot.json
new file mode 100644
index 00000000..20822b1d
--- /dev/null
+++ b/apps/www/migrations/meta/0023_snapshot.json
@@ -0,0 +1,1034 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "8127fb43-ed96-43ae-99a7-c2210af270b1",
+  "prevId": "78d3abaf-dde5-4380-9c0a-d36b16172ee2",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/_journal.json b/apps/www/migrations/meta/_journal.json
index 2c030e12..17a8313c 100644
--- a/apps/www/migrations/meta/_journal.json
+++ b/apps/www/migrations/meta/_journal.json
@@ -155,6 +155,20 @@
       "when": 1755665199729,
       "tag": "0021_broken_professor_monster",
       "breakpoints": true
+    },
+    {
+      "idx": 22,
+      "version": "6",
+      "when": 1755720434367,
+      "tag": "0022_youthful_risque",
+      "breakpoints": true
+    },
+    {
+      "idx": 23,
+      "version": "6",
+      "when": 1755720987349,
+      "tag": "0023_harsh_johnny_blaze",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/src/app.d.ts b/apps/www/src/app.d.ts
index a8f923f9..facfc7cd 100644
--- a/apps/www/src/app.d.ts
+++ b/apps/www/src/app.d.ts
@@ -37,6 +37,7 @@ declare global {
 			productTypeService: import('$lib/services/product-type.service').ProductTypeService;
 			productService: import('$lib/services/product.service').ProductService;
 			imageService: import('$lib/services/image.service').ImageService;
+			referralService: import('$lib/services/referral.service').ReferralService;
 		}
 		// interface PageData {}
 		// interface PageState {}
diff --git a/apps/www/src/hooks.server.ts b/apps/www/src/hooks.server.ts
index 77160e1d..6f6c1246 100644
--- a/apps/www/src/hooks.server.ts
+++ b/apps/www/src/hooks.server.ts
@@ -19,6 +19,7 @@ import { UserService } from '$lib/services/user.service';
 import type { Handle } from '@sveltejs/kit';
 import { Resend } from 'resend';
 import { ImageService } from '$lib/services/image.service';
+import { ReferralService } from '$lib/services/referral.service';
 
 export const handle: Handle = async ({ event, resolve }) => {
 	const STATUS_KV = event.platform!.env.STATUS_KV;
@@ -103,6 +104,9 @@ export const handle: Handle = async ({ event, resolve }) => {
 	const imageService = new ImageService(R2_BUCKET, db);
 	event.locals.imageService = imageService;
 
+	const referralService = new ReferralService(db);
+	event.locals.referralService = referralService;
+
 	// Validate auth
 	const sessionId = event.cookies.get(auth.sessionCookieName);
 
diff --git a/apps/www/src/lib/db/schemas/index.ts b/apps/www/src/lib/db/schemas/index.ts
index ad632a4c..3351e806 100644
--- a/apps/www/src/lib/db/schemas/index.ts
+++ b/apps/www/src/lib/db/schemas/index.ts
@@ -14,3 +14,4 @@ export * from './product-types';
 export * from './products';
 export * from './product-product-types';
 export * from './images';
+export * from './referrals';
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index 46c834c4..f9c13a26 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -4,6 +4,7 @@ import { sessions } from './sessions';
 import { shifts } from './shifts';
 import { usersGroups } from './users-groups';
 import { notifications } from './notifications';
+import { referrals } from './referrals';
 
 export const users = sqliteTable(
 	'user',
@@ -17,6 +18,7 @@ export const users = sqliteTable(
 			.default('normal'),
 		additionalBeers: integer().default(0).notNull(),
 		altEmail: text(),
+		phone: text(),
 		isDeleted: integer({ mode: 'boolean' }).default(false).notNull()
 	},
 	(t) => [uniqueIndex('email_idx').on(t.email), uniqueIndex('feide_id_idx').on(t.feideId)]
@@ -26,7 +28,9 @@ export const usersRelations = relations(users, ({ many }) => ({
 	sessions: many(sessions),
 	shifts: many(shifts),
 	memberships: many(usersGroups),
-	notifications: many(notifications)
+	notifications: many(notifications),
+	referralsGiven: many(referrals, { relationName: 'referrer' }),
+	referralsReceived: many(referrals, { relationName: 'referred' })
 }));
 
 export type User = InferSelectModel<typeof users>;

From 80164d04d5c94f48374d9f2d7be4360e3b1287de Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 21 Aug 2025 14:06:54 +0200
Subject: [PATCH 14/17] Styling ++

---
 .../migrations/0026_puzzling_shadowcat.sql    |   10 +
 apps/www/migrations/0027_nice_bushwacker.sql  |    7 +
 .../0028_youthful_absorbing_man.sql           |    1 +
 .../0029_rename_training_column.sql           |    1 +
 apps/www/migrations/meta/0023_snapshot.json   |   64 +-
 apps/www/migrations/meta/0024_snapshot.json   | 1014 +++++++++++++++
 apps/www/migrations/meta/0025_snapshot.json   | 1094 ++++++++++++++++
 apps/www/migrations/meta/0026_snapshot.json   | 1014 +++++++++++++++
 apps/www/migrations/meta/0027_snapshot.json   | 1049 ++++++++++++++++
 apps/www/migrations/meta/0028_snapshot.json   | 1102 +++++++++++++++++
 apps/www/migrations/meta/0029_snapshot.json   | 1102 +++++++++++++++++
 apps/www/migrations/meta/_journal.json        |   49 +
 .../src/lib/components/portal/Training.svelte |  148 ++-
 .../components/portal/TrainingActions.svelte  |   60 -
 .../lib/components/portal/TrainingItem.svelte |   69 --
 .../components/portal/TrainingProgress.svelte |   76 --
 apps/www/src/lib/db/schemas/users.ts          |    1 +
 apps/www/src/lib/services/user.service.ts     |   18 +
 apps/www/src/lib/utils/training.ts            |   54 -
 apps/www/src/routes/portal/admin/+page.svelte |   16 +-
 .../portal/admin/cms/producers/+page.svelte   |    8 +-
 .../admin/cms/product-types/+page.svelte      |    8 +-
 .../portal/admin/cms/products/+page.svelte    |    8 +-
 .../admin/pending-applications/+page.svelte   |   16 +-
 .../portal/admin/user/[id]/+page.server.ts    |   32 +-
 .../portal/admin/user/[id]/+page.svelte       |   25 +-
 .../src/routes/portal/profil/+page.server.ts  |   11 +-
 .../www/src/routes/portal/profil/+page.svelte |  288 ++++-
 28 files changed, 6914 insertions(+), 431 deletions(-)
 create mode 100644 apps/www/migrations/0026_puzzling_shadowcat.sql
 create mode 100644 apps/www/migrations/0027_nice_bushwacker.sql
 create mode 100644 apps/www/migrations/0028_youthful_absorbing_man.sql
 create mode 100644 apps/www/migrations/0029_rename_training_column.sql
 create mode 100644 apps/www/migrations/meta/0024_snapshot.json
 create mode 100644 apps/www/migrations/meta/0025_snapshot.json
 create mode 100644 apps/www/migrations/meta/0026_snapshot.json
 create mode 100644 apps/www/migrations/meta/0027_snapshot.json
 create mode 100644 apps/www/migrations/meta/0028_snapshot.json
 create mode 100644 apps/www/migrations/meta/0029_snapshot.json
 delete mode 100644 apps/www/src/lib/components/portal/TrainingActions.svelte
 delete mode 100644 apps/www/src/lib/components/portal/TrainingItem.svelte
 delete mode 100644 apps/www/src/lib/components/portal/TrainingProgress.svelte
 delete mode 100644 apps/www/src/lib/utils/training.ts

diff --git a/apps/www/migrations/0026_puzzling_shadowcat.sql b/apps/www/migrations/0026_puzzling_shadowcat.sql
new file mode 100644
index 00000000..1463ceb4
--- /dev/null
+++ b/apps/www/migrations/0026_puzzling_shadowcat.sql
@@ -0,0 +1,10 @@
+CREATE TABLE `referral` (
+	`id` text PRIMARY KEY NOT NULL,
+	`referred_by` text NOT NULL,
+	`referred` text NOT NULL,
+	`status` text DEFAULT 'pending' NOT NULL,
+	`created_at` integer NOT NULL,
+	`completed_at` integer,
+	FOREIGN KEY (`referred_by`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`referred`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
+);
diff --git a/apps/www/migrations/0027_nice_bushwacker.sql b/apps/www/migrations/0027_nice_bushwacker.sql
new file mode 100644
index 00000000..12148c6e
--- /dev/null
+++ b/apps/www/migrations/0027_nice_bushwacker.sql
@@ -0,0 +1,7 @@
+CREATE TABLE `producers` (
+	`id` text PRIMARY KEY NOT NULL,
+	`name` text NOT NULL,
+	`image_id` text,
+	`created_at` text NOT NULL,
+	`updated_at` text NOT NULL
+);
diff --git a/apps/www/migrations/0028_youthful_absorbing_man.sql b/apps/www/migrations/0028_youthful_absorbing_man.sql
new file mode 100644
index 00000000..78e82014
--- /dev/null
+++ b/apps/www/migrations/0028_youthful_absorbing_man.sql
@@ -0,0 +1 @@
+ALTER TABLE `user` ADD `training_completed` integer DEFAULT false NOT NULL;
\ No newline at end of file
diff --git a/apps/www/migrations/0029_rename_training_column.sql b/apps/www/migrations/0029_rename_training_column.sql
new file mode 100644
index 00000000..a994fd9a
--- /dev/null
+++ b/apps/www/migrations/0029_rename_training_column.sql
@@ -0,0 +1 @@
+ALTER TABLE `user` DROP COLUMN `training_completed`;
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0023_snapshot.json b/apps/www/migrations/meta/0023_snapshot.json
index 20822b1d..2925ffd8 100644
--- a/apps/www/migrations/meta/0023_snapshot.json
+++ b/apps/www/migrations/meta/0023_snapshot.json
@@ -1,8 +1,8 @@
 {
   "version": "6",
   "dialect": "sqlite",
-  "id": "8127fb43-ed96-43ae-99a7-c2210af270b1",
-  "prevId": "78d3abaf-dde5-4380-9c0a-d36b16172ee2",
+  "id": "1c6b740e-385b-42e8-8966-0bcefd2e40b3",
+  "prevId": "8127fb43-ed96-43ae-99a7-c2210af270b1",
   "tables": {
     "claimed_credits": {
       "name": "claimed_credits",
@@ -1019,6 +1019,66 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {},
       "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
     }
   },
   "views": {},
diff --git a/apps/www/migrations/meta/0024_snapshot.json b/apps/www/migrations/meta/0024_snapshot.json
new file mode 100644
index 00000000..c8104156
--- /dev/null
+++ b/apps/www/migrations/meta/0024_snapshot.json
@@ -0,0 +1,1014 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "3108c400-70f1-4f7d-bf30-baac4f754b24",
+  "prevId": "1c6b740e-385b-42e8-8966-0bcefd2e40b3",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0025_snapshot.json b/apps/www/migrations/meta/0025_snapshot.json
new file mode 100644
index 00000000..dcc42e03
--- /dev/null
+++ b/apps/www/migrations/meta/0025_snapshot.json
@@ -0,0 +1,1094 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "281b23f3-fabb-4e68-924a-6380b33653c1",
+  "prevId": "3108c400-70f1-4f7d-bf30-baac4f754b24",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0026_snapshot.json b/apps/www/migrations/meta/0026_snapshot.json
new file mode 100644
index 00000000..11ca5b7f
--- /dev/null
+++ b/apps/www/migrations/meta/0026_snapshot.json
@@ -0,0 +1,1014 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "99db6b88-480c-4980-b18a-0118f7bf7447",
+  "prevId": "281b23f3-fabb-4e68-924a-6380b33653c1",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0027_snapshot.json b/apps/www/migrations/meta/0027_snapshot.json
new file mode 100644
index 00000000..1be08dd6
--- /dev/null
+++ b/apps/www/migrations/meta/0027_snapshot.json
@@ -0,0 +1,1049 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "a81b6267-ff23-4cb8-8f25-433420ef15f0",
+  "prevId": "22f7a61f-4ec4-4431-ba47-c8c6f0c9b2f9",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0028_snapshot.json b/apps/www/migrations/meta/0028_snapshot.json
new file mode 100644
index 00000000..f710b662
--- /dev/null
+++ b/apps/www/migrations/meta/0028_snapshot.json
@@ -0,0 +1,1102 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "a99769e3-5213-40b1-b9c0-137e93abc053",
+  "prevId": "cdd8588d-9181-46ab-b4c1-3145f177c4ab",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "training_completed": {
+          "name": "training_completed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/0029_snapshot.json b/apps/www/migrations/meta/0029_snapshot.json
new file mode 100644
index 00000000..a481607c
--- /dev/null
+++ b/apps/www/migrations/meta/0029_snapshot.json
@@ -0,0 +1,1102 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "177a331a-0b1a-4201-a5e3-d93db7c1ed2f",
+  "prevId": "a99769e3-5213-40b1-b9c0-137e93abc053",
+  "tables": {
+    "claimed_credits": {
+      "name": "claimed_credits",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credit_cost": {
+          "name": "credit_cost",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "claimed_credits_user_id_user_id_fk": {
+          "name": "claimed_credits_user_id_user_id_fk",
+          "tableFrom": "claimed_credits",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "contact_submission": {
+      "name": "contact_submission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "submitted_at": {
+          "name": "submitted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "event": {
+      "name": "event",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "date": {
+          "name": "date",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "group": {
+      "name": "group",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "invitation": {
+      "name": "invitation",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "claimed_at": {
+          "name": "claimed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "notification": {
+      "name": "notification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "archived_at": {
+          "name": "archived_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_notifications_user_id": {
+          "name": "idx_notifications_user_id",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_notifications_archived_at": {
+          "name": "idx_notifications_archived_at",
+          "columns": [
+            "archived_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "notification_user_id_user_id_fk": {
+          "name": "notification_user_id_user_id_fk",
+          "tableFrom": "notification",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "shift": {
+      "name": "shift",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "event_id": {
+          "name": "event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "start_at": {
+          "name": "start_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "end_at": {
+          "name": "end_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "shift_event_id_event_id_fk": {
+          "name": "shift_event_id_event_id_fk",
+          "tableFrom": "shift",
+          "tableTo": "event",
+          "columnsFrom": [
+            "event_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_shift": {
+      "name": "user_shift",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "shift_id": {
+          "name": "shift_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_beer_claimed": {
+          "name": "is_beer_claimed",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'accepted'"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_shift_user_id_user_id_fk": {
+          "name": "user_shift_user_id_user_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "user_shift_shift_id_shift_id_fk": {
+          "name": "user_shift_shift_id_shift_id_fk",
+          "tableFrom": "user_shift",
+          "tableTo": "shift",
+          "columnsFrom": [
+            "shift_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users_groups": {
+      "name": "users_groups",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "group_id": {
+          "name": "group_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_groups_user_id_user_id_fk": {
+          "name": "users_groups_user_id_user_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "users_groups_group_id_group_id_fk": {
+          "name": "users_groups_group_id_group_id_fk",
+          "tableFrom": "users_groups",
+          "tableTo": "group",
+          "columnsFrom": [
+            "group_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'normal'"
+        },
+        "additional_beers": {
+          "name": "additional_beers",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "alt_email": {
+          "name": "alt_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_trained": {
+          "name": "is_trained",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "is_deleted": {
+          "name": "is_deleted",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {
+        "email_idx": {
+          "name": "email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        },
+        "feide_id_idx": {
+          "name": "feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "producers": {
+      "name": "producers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_types": {
+      "name": "product_types",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "products": {
+      "name": "products",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sku": {
+          "name": "sku",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_sold_out": {
+          "name": "is_sold_out",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "ordinary_price": {
+          "name": "ordinary_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "student_price": {
+          "name": "student_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "internal_price": {
+          "name": "internal_price",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "volume": {
+          "name": "volume",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "alcohol_content": {
+          "name": "alcohol_content",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "variants": {
+          "name": "variants",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image_id": {
+          "name": "image_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "producer_id": {
+          "name": "producer_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "products_producer_id_producers_id_fk": {
+          "name": "products_producer_id_producers_id_fk",
+          "tableFrom": "products",
+          "tableTo": "producers",
+          "columnsFrom": [
+            "producer_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "product_product_types": {
+      "name": "product_product_types",
+      "columns": {
+        "product_id": {
+          "name": "product_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product_type_id": {
+          "name": "product_type_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "product_product_types_product_id_products_id_fk": {
+          "name": "product_product_types_product_id_products_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "products",
+          "columnsFrom": [
+            "product_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "product_product_types_product_type_id_product_types_id_fk": {
+          "name": "product_product_types_product_type_id_product_types_id_fk",
+          "tableFrom": "product_product_types",
+          "tableTo": "product_types",
+          "columnsFrom": [
+            "product_type_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "images": {
+      "name": "images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "size": {
+          "name": "size",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "referral": {
+      "name": "referral",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred_by": {
+          "name": "referred_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "referred": {
+          "name": "referred",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "completed_at": {
+          "name": "completed_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "referral_referred_by_user_id_fk": {
+          "name": "referral_referred_by_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "referral_referred_user_id_fk": {
+          "name": "referral_referred_user_id_fk",
+          "tableFrom": "referral",
+          "tableTo": "user",
+          "columnsFrom": [
+            "referred"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "pending_application": {
+      "name": "pending_application",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "feide_id": {
+          "name": "feide_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "pending_application_email_idx": {
+          "name": "pending_application_email_idx",
+          "columns": [
+            "email"
+          ],
+          "isUnique": false
+        },
+        "pending_application_feide_id_idx": {
+          "name": "pending_application_feide_id_idx",
+          "columns": [
+            "feide_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/apps/www/migrations/meta/_journal.json b/apps/www/migrations/meta/_journal.json
index 6cb18b1e..34deec19 100644
--- a/apps/www/migrations/meta/_journal.json
+++ b/apps/www/migrations/meta/_journal.json
@@ -162,6 +162,55 @@
       "when": 1755703977027,
       "tag": "0022_gorgeous_callisto",
       "breakpoints": true
+    },
+    {
+      "idx": 23,
+      "version": "6",
+      "when": 1755721411799,
+      "tag": "0023_nervous_blur",
+      "breakpoints": true
+    },
+    {
+      "idx": 24,
+      "version": "6",
+      "when": 1755721612733,
+      "tag": "0024_gifted_night_thrasher",
+      "breakpoints": true
+    },
+    {
+      "idx": 25,
+      "version": "6",
+      "when": 1755721642994,
+      "tag": "0025_noisy_young_avengers",
+      "breakpoints": true
+    },
+    {
+      "idx": 26,
+      "version": "6",
+      "when": 1755721897743,
+      "tag": "0026_puzzling_shadowcat",
+      "breakpoints": true
+    },
+    {
+      "idx": 27,
+      "version": "6",
+      "when": 1755722369023,
+      "tag": "0027_nice_bushwacker",
+      "breakpoints": true
+    },
+    {
+      "idx": 28,
+      "version": "6",
+      "when": 1755773799970,
+      "tag": "0028_youthful_absorbing_man",
+      "breakpoints": true
+    },
+    {
+      "idx": 29,
+      "version": "6",
+      "when": 1755774144261,
+      "tag": "0029_nosy_selene",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/src/lib/components/portal/Training.svelte b/apps/www/src/lib/components/portal/Training.svelte
index 8e7f585f..420b56d1 100644
--- a/apps/www/src/lib/components/portal/Training.svelte
+++ b/apps/www/src/lib/components/portal/Training.svelte
@@ -2,28 +2,15 @@
 	import { enhance } from '$app/forms';
 	import { invalidateAll } from '$app/navigation';
 	import type { TrainingItem } from '$lib/constants/training';
-	import { DEFAULT_TRAINING_ITEMS } from '$lib/constants/training';
-	import {
-		calculateCompletionStatus,
-		groupTrainingItemsByCategory,
-		toggleItemCompletion,
-		fetchTrainingData
-	} from '$lib/utils/training';
-	import type { CompletionStatus } from '$lib/utils/training';
-	import TrainingItemComponent from './TrainingItem.svelte';
-	import TrainingProgress from './TrainingProgress.svelte';
-	import TrainingActions from './TrainingActions.svelte';
+	import { DEFAULT_TRAINING_ITEMS, TRAINING_CATEGORIES } from '$lib/constants/training';
+	import Button from '$lib/components/ui/Button.svelte';
 
 	interface Props {
 		userId?: string | number | null;
 		isOpen: boolean;
 		userName?: string;
 		onclose?: () => void;
-		onsave?: (data: {
-			userId: string | number;
-			items: TrainingItem[];
-			completionStatus: CompletionStatus;
-		}) => void;
+		onsave?: (data: { completionStatus: { isComplete: boolean } }) => void;
 	}
 
 	let { userId = null, isOpen = false, userName = 'bruker', onclose, onsave }: Props = $props();
@@ -32,40 +19,26 @@
 	let isSaving = $state(false);
 
 	let isTrainingMode = $derived(userId !== null && userId !== undefined);
-	let modalTitle = $derived(isTrainingMode ? `Opplæring for ${userName}` : 'Opplæringsliste');
-	let modalDescription = $derived(
-		isTrainingMode
-			? 'Marker av hvert punkt etter som opplæringen blir fullført'
-			: 'Oversikt over alle opplæringspunkter som må gjennomgås'
-	);
-
-	let groupedTrainingItems = $derived(groupTrainingItemsByCategory(trainingItems));
-	let completionStatus = $derived(calculateCompletionStatus(trainingItems));
+	let completedCount = $derived(trainingItems.filter(item => item.completed).length);
+	let totalCount = $derived(trainingItems.length);
+	let isComplete = $derived(completedCount === totalCount);
+	let progressPercentage = $derived(totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0);
 
 	$effect(() => {
-		if (isTrainingMode && isOpen) {
-			(async () => {
-				try {
-					const fetchedData = await fetchTrainingData(userId as string | number);
-					trainingItems = fetchedData.length > 0 ? fetchedData : [...DEFAULT_TRAINING_ITEMS];
-				} catch (error) {
-					console.error('Failed to load training data:', error);
-					trainingItems = [...DEFAULT_TRAINING_ITEMS];
-				}
-			})();
-		} else if (!isTrainingMode) {
+		if (isOpen) {
 			trainingItems = [...DEFAULT_TRAINING_ITEMS];
 		}
 	});
 
-	function toggleTrainingItem(itemId: number) {
+	function toggleItem(itemId: number) {
 		if (!isTrainingMode) return;
-		trainingItems = toggleItemCompletion(trainingItems, itemId);
+		trainingItems = trainingItems.map(item => 
+			item.id === itemId ? { ...item, completed: !item.completed } : item
+		);
 	}
 
 	function handleSave() {
-		if (!isTrainingMode || !completionStatus.isComplete) return;
-
+		if (!isComplete) return;
 		isSaving = true;
 		const form = document.getElementById('trainingForm') as HTMLFormElement;
 		if (form) {
@@ -74,51 +47,102 @@
 	}
 
 	function handleClose() {
-		if (onclose) {
-			onclose();
-		}
+		onclose?.();
 	}
+
+	const groupedItems = $derived(
+		Object.values(TRAINING_CATEGORIES).reduce((acc, category) => {
+			acc[category] = trainingItems.filter(item => item.category === category);
+			return acc;
+		}, {} as Record<string, TrainingItem[]>)
+	);
 </script>
 
 {#if isOpen}
 	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
 		<div class="mx-4 max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white">
 			<div class="sticky top-0 border-b border-gray-200 bg-white px-6 py-4">
-				<h3 class="text-lg font-semibold text-gray-900">{modalTitle}</h3>
-				<p class="text-sm text-gray-600">{modalDescription}</p>
+				<h3 class="text-lg font-semibold text-gray-900">
+					{isTrainingMode ? `Opplæring for ${userName}` : 'Opplæringsliste'}
+				</h3>
+				<p class="text-sm text-gray-600">
+					{isTrainingMode ? 'Marker av hvert punkt etter som opplæringen blir fullført' : 'Oversikt over alle opplæringspunkter som må gjennomgås'}
+				</p>
 			</div>
 
 			<div class="p-6">
 				<div class="space-y-6">
-					{#each Object.entries(groupedTrainingItems) as [category, items] (category)}
+					{#each Object.entries(groupedItems) as [category, items] (category)}
 						<div class="space-y-3">
 							<h3 class="border-b border-gray-200 pb-2 text-lg font-semibold text-gray-800">
 								{category}
 							</h3>
 							<div class="space-y-3">
 								{#each items as item (item.id)}
-									<TrainingItemComponent
-										{item}
-										{isTrainingMode}
-										{isSaving}
-										onToggle={toggleTrainingItem}
-									/>
+									{#if isTrainingMode}
+										<label class="flex items-start space-x-3 rounded-lg border border-gray-200 p-3 cursor-pointer hover:bg-gray-50 transition-colors">
+											<input
+												type="checkbox"
+												checked={item.completed}
+												onchange={() => toggleItem(item.id)}
+												disabled={isSaving}
+												class="mt-1 h-5 w-5 rounded border-gray-300 text-green-600 focus:ring-green-500"
+											/>
+											<div class="flex-1">
+												<h4 class="text-sm font-medium text-gray-900">{item.title}</h4>
+												<p class="text-xs text-gray-500">{item.description}</p>
+											</div>
+										</label>
+									{:else}
+										<div class="flex items-start space-x-3 rounded-lg border border-gray-200 p-3">
+											<div class="mt-1 h-5 w-5 rounded border border-gray-300"></div>
+											<div class="flex-1">
+												<h4 class="text-sm font-medium text-gray-900">{item.title}</h4>
+												<p class="text-xs text-gray-500">{item.description}</p>
+											</div>
+										</div>
+									{/if}
 								{/each}
 							</div>
 						</div>
 					{/each}
 				</div>
 
-				<TrainingProgress {completionStatus} {isTrainingMode} />
+				{#if isTrainingMode}
+					<div class="mt-6 rounded-lg bg-gray-50 p-4">
+						<div class="flex items-center justify-between">
+							<span class="text-sm font-medium text-gray-700">Fremgang</span>
+							<span class="text-sm text-gray-500">{completedCount} / {totalCount}</span>
+						</div>
+						<div class="mt-2 w-full bg-gray-200 rounded-full h-2">
+							<div class="bg-blue-600 h-2 rounded-full transition-all duration-300" style="width: {progressPercentage}%"></div>
+						</div>
+					</div>
+				{/if}
 			</div>
 
-			<TrainingActions
-				{completionStatus}
-				{isTrainingMode}
-				{isSaving}
-				onClose={handleClose}
-				onSave={handleSave}
-			/>
+			<div class="border-t border-gray-200 px-6 py-4">
+				<div class="flex justify-end space-x-3">
+					<Button
+						type="button"
+						onclick={handleClose}
+						intent="outline"
+						disabled={isSaving}
+					>
+						{isTrainingMode ? 'Avbryt' : 'Lukk'}
+					</Button>
+					{#if isTrainingMode}
+						<Button
+							type="button"
+							onclick={handleSave}
+							intent="primary"
+							disabled={!isComplete || isSaving}
+						>
+							{isSaving ? 'Lagrer...' : 'Fullfør opplæring'}
+						</Button>
+					{/if}
+				</div>
+			</div>
 		</div>
 
 		{#if isTrainingMode}
@@ -134,9 +158,7 @@
 							const data = result.data as { trainingCompleted?: boolean } | undefined;
 							if (data?.trainingCompleted) {
 								await invalidateAll();
-								if (onsave && userId !== null) {
-									onsave({ userId, items: trainingItems, completionStatus });
-								}
+								onsave?.({ completionStatus: { isComplete: true } });
 							}
 						} else if (result.type === 'failure') {
 							const data = result.data as { error?: string } | undefined;
diff --git a/apps/www/src/lib/components/portal/TrainingActions.svelte b/apps/www/src/lib/components/portal/TrainingActions.svelte
deleted file mode 100644
index a71e4cf8..00000000
--- a/apps/www/src/lib/components/portal/TrainingActions.svelte
+++ /dev/null
@@ -1,60 +0,0 @@
-<script lang="ts">
-	import type { CompletionStatus } from '$lib/utils/training';
-
-	interface Props {
-		completionStatus: CompletionStatus;
-		isTrainingMode: boolean;
-		isSaving: boolean;
-		onClose: () => void;
-		onSave: () => void;
-	}
-
-	let { completionStatus, isTrainingMode, isSaving, onClose, onSave }: Props = $props();
-</script>
-
-<div class="sticky bottom-0 border-t border-gray-200 bg-white px-6 py-4">
-	<div class="flex justify-end gap-3">
-		<button
-			type="button"
-			onclick={onClose}
-			class="rounded-md bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-200"
-			disabled={isSaving}
-		>
-			Lukk
-		</button>
-		{#if isTrainingMode}
-			<button
-				type="button"
-				onclick={onSave}
-				disabled={isSaving || !completionStatus.isComplete}
-				class="rounded-md px-4 py-2 text-sm text-white transition-colors disabled:opacity-50 {completionStatus.isComplete
-					? 'bg-green-600 hover:bg-green-700'
-					: 'cursor-not-allowed bg-gray-400'}"
-			>
-				{#if isSaving}
-					<span class="flex items-center gap-2">
-						<svg
-							class="h-4 w-4 animate-spin"
-							fill="none"
-							stroke="currentColor"
-							viewBox="0 0 24 24"
-							aria-hidden="true"
-						>
-							<path
-								stroke-linecap="round"
-								stroke-linejoin="round"
-								stroke-width="2"
-								d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-							></path>
-						</svg>
-						Lagrer...
-					</span>
-				{:else if completionStatus.isComplete}
-					✅ Fullfør opplæring
-				{:else}
-					Fullfør alle punkter først
-				{/if}
-			</button>
-		{/if}
-	</div>
-</div>
diff --git a/apps/www/src/lib/components/portal/TrainingItem.svelte b/apps/www/src/lib/components/portal/TrainingItem.svelte
deleted file mode 100644
index b99052b5..00000000
--- a/apps/www/src/lib/components/portal/TrainingItem.svelte
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts">
-	import type { TrainingItem } from '$lib/constants/training';
-
-	interface Props {
-		item: TrainingItem;
-		isTrainingMode: boolean;
-		isSaving: boolean;
-		onToggle: (itemId: number) => void;
-	}
-
-	let { item, isTrainingMode, isSaving, onToggle }: Props = $props();
-
-	function handleToggle() {
-		if (isTrainingMode && !isSaving) {
-			onToggle(item.id);
-		}
-	}
-</script>
-
-<div
-	class="flex items-start gap-3 rounded-lg border p-3 transition-all duration-200 {item.completed
-		? 'border-green-200 bg-green-50'
-		: 'border-gray-200 bg-gray-50'} {isTrainingMode ? 'hover:border-gray-300' : ''}"
->
-	<button
-		class="mt-1 flex-shrink-0 {isTrainingMode ? 'cursor-pointer' : 'cursor-default'}"
-		onclick={handleToggle}
-		disabled={!isTrainingMode || isSaving}
-		aria-label={item.completed ? 'Marker som ikke fullført' : 'Marker som fullført'}
-	>
-		<div
-			class="flex h-5 w-5 items-center justify-center rounded border-2 {item.completed
-				? 'border-green-500 bg-green-500'
-				: isTrainingMode
-					? 'border-gray-300 hover:border-gray-400'
-					: 'border-gray-300'} transition-colors"
-		>
-			{#if item.completed}
-				<svg
-					class="h-3 w-3 text-white"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					aria-hidden="true"
-				>
-					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"
-					></path>
-				</svg>
-			{/if}
-		</div>
-	</button>
-
-	<div class="flex-1">
-		<h4
-			class="font-medium text-gray-900 transition-all duration-200 {item.completed
-				? 'text-gray-500 line-through'
-				: ''}"
-		>
-			{item.title}
-		</h4>
-		<p
-			class="text-sm text-gray-600 transition-all duration-200 {item.completed
-				? 'text-gray-400 line-through'
-				: ''}"
-		>
-			{item.description}
-		</p>
-	</div>
-</div>
diff --git a/apps/www/src/lib/components/portal/TrainingProgress.svelte b/apps/www/src/lib/components/portal/TrainingProgress.svelte
deleted file mode 100644
index 4103bc8f..00000000
--- a/apps/www/src/lib/components/portal/TrainingProgress.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-	import type { CompletionStatus } from '$lib/utils/training';
-
-	interface Props {
-		completionStatus: CompletionStatus;
-		isTrainingMode: boolean;
-	}
-
-	let { completionStatus, isTrainingMode }: Props = $props();
-</script>
-
-{#if isTrainingMode}
-	<div class="mt-6 rounded-lg bg-blue-50 p-4">
-		<div class="flex items-center justify-between">
-			<div>
-				<p class="font-medium text-blue-900">Fremgang</p>
-				<p class="text-sm text-blue-700">
-					{completionStatus.completedCount} av {completionStatus.totalCount} punkter fullført
-				</p>
-			</div>
-			<div class="text-right">
-				<div class="text-2xl font-bold text-blue-600">
-					{completionStatus.progressPercentage}%
-				</div>
-			</div>
-		</div>
-		<div class="mt-2 h-2 w-full rounded-full bg-blue-200">
-			<div
-				class="h-2 rounded-full bg-blue-600 transition-all duration-300"
-				style="width: {completionStatus.progressPercentage}%"
-			></div>
-		</div>
-	</div>
-
-	{#if completionStatus.isComplete}
-		<div class="mt-4 rounded-lg border border-green-200 bg-green-50 p-4">
-			<div class="flex items-center gap-2">
-				<svg
-					class="h-5 w-5 text-green-500"
-					fill="none"
-					stroke="currentColor"
-					viewBox="0 0 24 24"
-					aria-hidden="true"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="2"
-						d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-					></path>
-				</svg>
-				<p class="font-medium text-green-800">Gratulerer! All opplæring er fullført.</p>
-			</div>
-		</div>
-	{/if}
-{:else}
-	<div class="mt-6 rounded-lg border border-gray-200 bg-gray-50 p-4">
-		<div class="flex items-center gap-2">
-			<svg
-				class="h-5 w-5 text-gray-500"
-				fill="none"
-				stroke="currentColor"
-				viewBox="0 0 24 24"
-				aria-hidden="true"
-			>
-				<path
-					stroke-linecap="round"
-					stroke-linejoin="round"
-					stroke-width="2"
-					d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-				></path>
-			</svg>
-			<p class="text-sm text-gray-700">Dette er en referanseliste over opplæringspunkter.</p>
-		</div>
-	</div>
-{/if}
diff --git a/apps/www/src/lib/db/schemas/users.ts b/apps/www/src/lib/db/schemas/users.ts
index f9c13a26..64a91d78 100644
--- a/apps/www/src/lib/db/schemas/users.ts
+++ b/apps/www/src/lib/db/schemas/users.ts
@@ -19,6 +19,7 @@ export const users = sqliteTable(
 		additionalBeers: integer().default(0).notNull(),
 		altEmail: text(),
 		phone: text(),
+		isTrained: integer({ mode: 'boolean' }).default(false).notNull(),
 		isDeleted: integer({ mode: 'boolean' }).default(false).notNull()
 	},
 	(t) => [uniqueIndex('email_idx').on(t.email), uniqueIndex('feide_id_idx').on(t.feideId)]
diff --git a/apps/www/src/lib/services/user.service.ts b/apps/www/src/lib/services/user.service.ts
index 6dbcb6e2..c6e99343 100644
--- a/apps/www/src/lib/services/user.service.ts
+++ b/apps/www/src/lib/services/user.service.ts
@@ -47,6 +47,24 @@ export class UserService {
 			.then((rows) => rows[0]);
 	}
 
+	async updatePhone(userId: string, phone: string) {
+		return await this.#db
+			.update(users)
+			.set({ phone })
+			.where(eq(users.id, userId))
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
+	async updateTrainingStatus(userId: string, isTrained: boolean) {
+		return await this.#db
+			.update(users)
+			.set({ isTrained })
+			.where(eq(users.id, userId))
+			.returning()
+			.then((rows) => rows[0]);
+	}
+
 	async findById(userId: string) {
 		const user = await this.#db
 			.select()
diff --git a/apps/www/src/lib/utils/training.ts b/apps/www/src/lib/utils/training.ts
deleted file mode 100644
index 9d014394..00000000
--- a/apps/www/src/lib/utils/training.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { TrainingItem } from '$lib/constants/training';
-
-export interface CompletionStatus {
-	completedCount: number;
-	totalCount: number;
-	isComplete: boolean;
-	progressPercentage: number;
-}
-
-export function calculateCompletionStatus(items: TrainingItem[]): CompletionStatus {
-	const completedCount = items.filter((item) => item.completed).length;
-	const totalCount = items.length;
-	const progressPercentage = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
-
-	return {
-		completedCount,
-		totalCount,
-		isComplete: completedCount === totalCount,
-		progressPercentage
-	};
-}
-
-export function groupTrainingItemsByCategory(
-	items: TrainingItem[]
-): Record<string, TrainingItem[]> {
-	return items.reduce(
-		(acc, item) => {
-			if (!acc[item.category]) {
-				acc[item.category] = [];
-			}
-			acc[item.category].push(item);
-			return acc;
-		},
-		{} as Record<string, TrainingItem[]>
-	);
-}
-
-export function toggleItemCompletion(items: TrainingItem[], itemId: number): TrainingItem[] {
-	return items.map((item) => (item.id === itemId ? { ...item, completed: !item.completed } : item));
-}
-
-export async function fetchTrainingData(userId: string | number): Promise<TrainingItem[]> {
-	try {
-		const response = await fetch(`/api/training/${userId}`);
-		if (response.ok) {
-			const userData = (await response.json()) as { trainingData?: TrainingItem[] };
-			return userData.trainingData || [];
-		}
-		return [];
-	} catch (error) {
-		console.error('Failed to load training data:', error);
-		return [];
-	}
-}
diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index dfcd8743..db5d6758 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -45,11 +45,11 @@
 		</div>
 	</div>
 
-	<div class="border-gray rounded-lg border bg-background p-4 shadow-sm">
-		<div class="flex flex-col gap-4 sm:flex-row">
+	<div class="border-gray bg-background overflow-hidden rounded-2xl border-2 shadow-lg">
+		<div class="flex flex-col gap-2 border-b-2 bg-gray-200 p-2 sm:flex-row">
 			<div class="flex-1">
 				<Input
-					class="w-full"
+					class="w-full border-2"
 					type="search"
 					placeholder="Søk etter navn eller e-post..."
 					bind:value={search}
@@ -58,7 +58,7 @@
 			<div class="sm:w-48">
 				<select
 					bind:value={selectedRole}
-					class="w-full rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
+					class="w-full rounded-lg border-2 border-gray-200 px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
 				>
 					<option value="all">Alle roller</option>
 					<option value="board">Styret</option>
@@ -70,7 +70,7 @@
 
 	<div class="block space-y-3 sm:hidden">
 		{#each filteredUsers as user (user.id)}
-			<div class="border-gray rounded-lg border bg-background p-4 shadow-sm">
+			<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg">
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-3">
 						<div class="h-10 w-10 flex-shrink-0">
@@ -107,7 +107,7 @@
 			</div>
 		{/each}
 		{#if filteredUsers.length === 0}
-			<div class="rounded-lg border border-gray-200 bg-background p-8 text-center">
+			<div class="rounded-2xl border-2 border-gray-200 bg-background p-8 text-center">
 				<div class="flex flex-col items-center gap-2">
 					<div class="text-4xl">👤</div>
 					<div class="text-sm text-gray-500">Ingen brukere funnet</div>
@@ -120,11 +120,11 @@
 	</div>
 
 	<div
-		class="border-gray hidden overflow-hidden rounded-lg border bg-background shadow-lg sm:block"
+		class="border-gray hidden overflow-hidden rounded-2xl border-2 bg-background shadow-lg sm:block"
 	>
 		<div class="overflow-x-auto">
 			<table class="w-full">
-				<thead class="border-gray border-b bg-gray-200">
+				<thead class="border-gray border-b-2 bg-gray-200">
 					<tr>
 						<th class="px-6 py-3 text-left">
 							<button
diff --git a/apps/www/src/routes/portal/admin/cms/producers/+page.svelte b/apps/www/src/routes/portal/admin/cms/producers/+page.svelte
index 3f8cc366..b7b9a042 100644
--- a/apps/www/src/routes/portal/admin/cms/producers/+page.svelte
+++ b/apps/www/src/routes/portal/admin/cms/producers/+page.svelte
@@ -22,7 +22,7 @@
 	</div>
 
 	<!-- Producers List -->
-	<div class="overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm">
+	<div class="border-gray bg-background overflow-hidden rounded-2xl border-2 shadow-lg">
 		{#if data.producers.length === 0}
 			<div class="p-12 text-center">
 				<Package class="mx-auto h-12 w-12 text-gray-400" />
@@ -31,8 +31,8 @@
 			</div>
 		{:else}
 			<div class="overflow-x-auto">
-				<table class="w-full min-w-[600px] divide-y divide-gray-200">
-					<thead class="bg-gray-50">
+				<table class="w-full min-w-[600px]">
+					<thead class="border-b-2 bg-gray-200">
 						<tr>
 							<th
 								class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
@@ -51,7 +51,7 @@
 							</th>
 						</tr>
 					</thead>
-					<tbody class="divide-y divide-gray-200 bg-white">
+					<tbody class="border-b border-gray-100 break-words whitespace-nowrap">
 						{#each data.producers as producer (producer.id)}
 							<tr class="hover:bg-gray-50">
 								<td class="px-6 py-4 whitespace-nowrap">
diff --git a/apps/www/src/routes/portal/admin/cms/product-types/+page.svelte b/apps/www/src/routes/portal/admin/cms/product-types/+page.svelte
index f511f9d0..5643aeda 100644
--- a/apps/www/src/routes/portal/admin/cms/product-types/+page.svelte
+++ b/apps/www/src/routes/portal/admin/cms/product-types/+page.svelte
@@ -24,7 +24,7 @@
 	</div>
 
 	<!-- Product Types List -->
-	<div class="overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm">
+	<div class="border-gray bg-background overflow-hidden rounded-2xl border-2 shadow-lg">
 		{#if data.productTypes.length === 0}
 			<div class="p-12 text-center">
 				<Hash class="mx-auto h-12 w-12 text-gray-400" />
@@ -33,8 +33,8 @@
 			</div>
 		{:else}
 			<div class="overflow-x-auto">
-				<table class="w-full min-w-[500px] divide-y divide-gray-200">
-					<thead class="bg-gray-50">
+				<table class="w-full min-w-[500px]">
+					<thead class="border-b-2 bg-gray-200">
 						<tr>
 							<th
 								class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
@@ -53,7 +53,7 @@
 							</th>
 						</tr>
 					</thead>
-					<tbody class="divide-y divide-gray-200 bg-white">
+					<tbody class="border-b border-gray-100 break-words whitespace-nowrap">
 						{#each data.productTypes as productType (productType.id)}
 							<tr class="hover:bg-gray-50">
 								<td class="px-6 py-4 whitespace-nowrap">
diff --git a/apps/www/src/routes/portal/admin/cms/products/+page.svelte b/apps/www/src/routes/portal/admin/cms/products/+page.svelte
index a08887ff..71c13b87 100644
--- a/apps/www/src/routes/portal/admin/cms/products/+page.svelte
+++ b/apps/www/src/routes/portal/admin/cms/products/+page.svelte
@@ -23,7 +23,7 @@
 	</div>
 
 	<!-- Products List -->
-	<div class="overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm">
+	<div class="border-gray bg-background overflow-hidden rounded-2xl border-2 shadow-lg">
 		{#if data.products.length === 0}
 			<div class="p-12 text-center">
 				<Package class="mx-auto h-12 w-12 text-gray-400" />
@@ -32,8 +32,8 @@
 			</div>
 		{:else}
 			<div class="overflow-x-auto">
-				<table class="w-full min-w-[800px] divide-y divide-gray-200">
-					<thead class="bg-gray-50">
+				<table class="w-full min-w-[800px]">
+					<thead class="border-b-2 bg-gray-200">
 						<tr>
 							<th
 								class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
@@ -52,7 +52,7 @@
 							</th>
 						</tr>
 					</thead>
-					<tbody class="divide-y divide-gray-200 bg-white">
+					<tbody class="border-b border-gray-100 break-words whitespace-nowrap">
 						{#each data.products as product (product.id)}
 							<tr class="hover:bg-gray-50">
 								<td class="px-6 py-4">
diff --git a/apps/www/src/routes/portal/admin/pending-applications/+page.svelte b/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
index df9c45e5..b1378a86 100644
--- a/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
+++ b/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
@@ -24,26 +24,27 @@
 	{/if}
 
 	{#if data.pendingApplications.length === 0}
-		<div class="rounded-md bg-gray-50 p-8 text-center text-gray-600">
+		<div class="rounded-2xl border-2 bg-gray-50 p-8 text-center text-gray-600">
 			<p>Ingen ventende søknader</p>
 		</div>
 	{:else}
 		<div class="grid gap-4">
 			{#each data.pendingApplications as application (application.id)}
-				<div class="rounded-lg border bg-white p-6 shadow-sm">
-					<div class="flex items-center justify-between">
+				<div class="rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
+					<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
 						<div class="space-y-2">
 							<h3 class="text-lg font-semibold">{application.name}</h3>
-							<p class="text-gray-600">{application.email}</p>
-							<p class="text-sm text-gray-500">
+							<p class="text-sm text-gray-600 sm:text-base">{application.email}</p>
+							<p class="text-xs text-gray-500 sm:text-sm">
 								Søkte: {normalDate(application.createdAt)}
 							</p>
 						</div>
 
-						<div class="flex gap-2">
+						<div class="flex gap-2 sm:flex-shrink-0">
 							<form
 								method="POST"
 								action="?/approve"
+								class="flex-1 sm:flex-initial"
 								use:enhance={() => {
 									processingId = application.id;
 									return async ({ update }) => {
@@ -61,6 +62,7 @@
 									type="submit"
 									intent="primary"
 									size="sm"
+									class="w-full sm:w-auto"
 									disabled={processingId === application.id}
 								>
 									{processingId === application.id ? 'Behandler...' : 'Godkjenn'}
@@ -70,6 +72,7 @@
 							<form
 								method="POST"
 								action="?/deny"
+								class="flex-1 sm:flex-initial"
 								use:enhance={() => {
 									processingId = application.id;
 									return async ({ update }) => {
@@ -86,6 +89,7 @@
 									type="submit"
 									intent="danger"
 									size="sm"
+									class="w-full sm:w-auto"
 									disabled={processingId === application.id}
 								>
 									{processingId === application.id ? 'Behandler...' : 'Avslå'}
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index e69a4007..04f6a4fe 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -79,7 +79,6 @@ export const actions: Actions = {
 		const confirmDelete = formData.get('confirmDelete')?.toString();
 		const formUserId = formData.get('userId')?.toString();
 
-		// Use user ID from form data or fallback to params
 		const userId = formUserId || params.id;
 
 		if (!userId) {
@@ -135,27 +134,26 @@ export const actions: Actions = {
 			return fail(401, { error: 'Unauthorized' });
 		}
 
-		try {
-			const trainingData = JSON.parse(trainingDataJson);
+		if (!trainingDataJson) {
+			return fail(400, { error: 'Training data is required' });
+		}
 
-			const isComplete =
-				trainingData &&
-				trainingData.every((item: { completed: boolean }) => item.completed === true);
+		const trainingData = JSON.parse(trainingDataJson);
 
-			if (!isComplete) {
-				return fail(400, { error: 'All training items must be completed' });
-			}
+		const isComplete =
+			trainingData &&
+			trainingData.every((item: { completed: boolean }) => item.completed === true);
 
-			const updatedUser = await locals.userService.updateTrainingStatus(userId, true);
+		if (!isComplete) {
+			return fail(400, { error: 'All training items must be completed' });
+		}
 
-			if (!updatedUser) {
-				return fail(404, { error: 'User not found' });
-			}
+		const updatedUser = await locals.userService.updateTrainingStatus(userId, true);
 
-			return { success: true, trainingCompleted: true };
-		} catch (err) {
-			console.error('Failed to complete training:', err);
-			return fail(500, { error: 'Failed to complete training' });
+		if (!updatedUser) {
+			return fail(404, { error: 'User not found' });
 		}
+
+		return { success: true, trainingCompleted: true };
 	}
 };
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index 7657d175..a1850cad 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -47,11 +47,10 @@
 		isEditing = !isEditing;
 	}
 
-	// Handle training completion
 	function onTrainingSave(data: { completionStatus: { isComplete: boolean } }) {
 		if (data.completionStatus.isComplete) {
 			userHasCompletedTraining = true;
-			user.isTrained = true; // Update user object
+			user.isTrained = true; 
 			showTrainingChecklist = false;
 			showToast(`${user.name} har fullført opplæringen! ✅`);
 		}
@@ -70,7 +69,7 @@
 		← Tilbake til admin page
 	</a>
 
-	<div class="border-gray rounded-lg border bg-background p-4 shadow-sm sm:p-6">
+	<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
 		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
@@ -132,8 +131,8 @@
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
 		<div class="space-y-6 lg:col-span-2">
-			<div class="border-gray rounded-lg border bg-background shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
 				</div>
 				<div class="space-y-4 p-6">
@@ -236,8 +235,8 @@
 				</div>
 			</div>
 
-			<div class="border-gray rounded-lg border bg-background shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
 				<div class="p-6">
@@ -275,8 +274,8 @@
 		</div>
 
 		<div class="space-y-6">
-			<div class="border-gray rounded-lg border bg-background shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
 				</div>
 				<div class="space-y-4 p-6">
@@ -297,8 +296,8 @@
 				</div>
 			</div>
 
-			<div class="border-gray rounded-lg border bg-background shadow-sm">
-				<div class="border-b border-gray-200 px-6 py-4 shadow-sm">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Handlinger</h3>
 				</div>
 				<div class="space-y-2 p-6">
@@ -351,7 +350,7 @@
 
 {#if showAddBeers}
 	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
-		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
+		<div class="mx-4 w-full max-w-md rounded-2xl border-2 bg-background p-6 shadow-lg">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Legg til øl</h3>
 			<p class="mb-4 text-sm text-gray-600">
 				Det du skriver her, vil endre på antall ekstra bonger <strong>{user.name}</strong> har tilgjengelig.
@@ -400,7 +399,7 @@
 
 {#if showDeleteConfirm}
 	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
-		<div class="mx-4 w-full max-w-md rounded-lg bg-white p-6">
+		<div class="mx-4 w-full max-w-md rounded-2xl border-2 bg-background p-6 shadow-lg">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Slett bruker</h3>
 			<p class="mb-4 text-sm text-gray-600">
 				Er du sikker på at du vil slette <strong>{user.name}</strong>? Skriv inn brukerens navn for
diff --git a/apps/www/src/routes/portal/profil/+page.server.ts b/apps/www/src/routes/portal/profil/+page.server.ts
index 4bd259e9..f380e753 100644
--- a/apps/www/src/routes/portal/profil/+page.server.ts
+++ b/apps/www/src/routes/portal/profil/+page.server.ts
@@ -7,8 +7,17 @@ export const load: PageServerLoad = async ({ locals }) => {
 		throw redirect(307, '/login');
 	}
 	const user = await locals.userService.findById(locals.user.id);
+	const userShifts = await locals.shiftService.findCompletedShiftsByUserId(locals.user.id);
+	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(locals.user.id);
+	const referrals = await locals.referralService.getReferralStats(locals.user.id);
+	const shifts = await locals.shiftService.findUpcomingShiftsByUserId(locals.user.id);
+	
 	return {
-		user
+		user,
+		timesVolunteered: userShifts.length,
+		unclaimedBeers,
+		referrals,
+		shifts
 	};
 };
 
diff --git a/apps/www/src/routes/portal/profil/+page.svelte b/apps/www/src/routes/portal/profil/+page.svelte
index e4958d96..b05fcbf4 100644
--- a/apps/www/src/routes/portal/profil/+page.svelte
+++ b/apps/www/src/routes/portal/profil/+page.svelte
@@ -1,73 +1,261 @@
 <script lang="ts">
-	import FormInput from '$lib/components/ui/form/FormInput.svelte';
+	import Heading from '$lib/components/ui/Heading.svelte';
+	import Input from '$lib/components/ui/Input.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
+	import { initials } from '$lib/utils';
 	import { enhance } from '$app/forms';
-	import { Save } from '@lucide/svelte';
+	import type { User } from '$lib/db/schemas';
 
 	let { data, form } = $props();
+	let user = $state(data.user as User);
+	let isEditing = $state(false);
+
+	let editForm = $state({
+		altEmail: data.user.altEmail || '',
+		phone: data.user.phone || ''
+	});
+
+	let isSubmitting = $state(false);
+	let toastMessage = $state('');
+
+	function showToast(message: string) {
+		toastMessage = message;
+		setTimeout(() => {
+			toastMessage = '';
+		}, 3000);
+	}
+
+	function toggleEdit() {
+		if (isEditing) {
+			editForm = {
+				altEmail: data.user.altEmail || '',
+				phone: data.user.phone || ''
+			};
+		}
+		isEditing = !isEditing;
+	}
 </script>
 
 <svelte:head>
 	<title>Min Profil</title>
 </svelte:head>
-<div class="mx-auto max-w-4xl space-y-8 px-4">
-	<div class="bg-background overflow-hidden rounded-2xl border-2 shadow-lg">
-		<div class="border-b bg-gray-200 px-8 py-6">
-			<div class="flex items-center justify-between">
-				<div>
-					<h2 class="text-xl font-semibold text-gray-800">Profilinnstillinger</h2>
-					<p class="text-sm text-gray-600">Oppdater din informasjon og innstillinger</p>
+
+<div class="space-y-6">
+	<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
+		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+			<div class="flex items-center gap-4">
+				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
+					<span class="text-2xl font-semibold text-gray-700">
+						{initials(data.user.name)}
+					</span>
+				</div>
+				<div class="min-w-0 flex-1">
+					<Heading class="mb-1 truncate">{user.name}</Heading>
+					<div class="flex items-center gap-3">
+						<span
+							class="inline-flex rounded-full border px-3 py-1 text-sm font-semibold {user.role ===
+							'board'
+								? 'border-purple-200 bg-purple-100 text-purple-800'
+								: 'border-blue-200 bg-blue-100 text-blue-800'}"
+						>
+							{user.role === 'board' ? 'Styret' : 'Frivillig'}
+						</span>
+					</div>
 				</div>
 			</div>
+			<div class="flex flex-col gap-2 sm:flex-row sm:gap-2">
+				{#if !isEditing}
+					<Button onclick={toggleEdit} intent="primary">Rediger</Button>
+				{:else}
+					<Button onclick={toggleEdit} intent="outline" disabled={isSubmitting}>Avbryt</Button>
+
+					<form
+						method="POST"
+						action="?/save"
+						class="w-full sm:w-auto"
+						use:enhance={() => {
+							isSubmitting = true;
+							return async ({ result }) => {
+								isSubmitting = false;
+								if (result.type === 'success') {
+									user = { ...user, ...editForm };
+									isEditing = false;
+									showToast('Profil oppdatert');
+								} else {
+									console.error('Failed to save profile');
+									showToast('Feil ved lagring');
+								}
+							};
+						}}
+					>
+						<input type="hidden" name="altEmail" value={editForm.altEmail} />
+						<input type="hidden" name="phone" value={editForm.phone} />
+
+						<Button type="submit" intent="primary" disabled={isSubmitting} class="w-full">
+							{isSubmitting ? 'Lagrer...' : 'Lagre'}
+						</Button>
+					</form>
+				{/if}
+			</div>
 		</div>
-		<div class="p-8">
-			{#if form?.message}
-				<div
-					class="mb-4 rounded-md p-4 {form.success
-						? 'bg-green-50 text-green-700'
-						: 'bg-red-50 text-red-700'}"
-				>
-					<p>{form.message}</p>
+	</div>
+
+	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+		<div class="space-y-6 lg:col-span-2">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
+				</div>
+				<div class="space-y-4 p-6">
+					{#if isEditing}
+						<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Navn</dt>
+								<dd class="mt-1 text-sm text-gray-900">{data.user.name}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Hovedepost</dt>
+								<dd class="mt-1 text-sm text-gray-900">{data.user.email}</dd>
+							</div>
+							<div>
+								<label for="edit-email" class="mb-1 block text-sm font-medium text-gray-700"
+									>Alternativ e-post</label
+								>
+								<Input
+									id="edit-email"
+									bind:value={editForm.altEmail}
+									type="email"
+									placeholder="din.alternativ@epost.no"
+								/>
+							</div>
+							<div>
+								<label for="edit-phone" class="mb-1 block text-sm font-medium text-gray-700"
+									>Telefon</label
+								>
+								<Input
+									id="edit-phone"
+									bind:value={editForm.phone}
+									type="tel"
+									placeholder="+47 123 45 678"
+								/>
+							</div>
+						</div>
+					{:else}
+						<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Navn</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.name}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Hovedepost</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.email}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Alternativ e-post</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.altEmail || 'Ikke oppgitt'}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Telefon</dt>
+								<dd class="mt-1 text-sm text-gray-900">{user.phone || 'Ikke oppgitt'}</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Rolle</dt>
+								<dd class="mt-1">
+									<span
+										class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.role ===
+										'board'
+											? 'border-purple-200 bg-purple-100 text-purple-800'
+											: 'border-blue-200 bg-blue-100 text-blue-800'}"
+									>
+										{user.role === 'board' ? 'Styret' : 'Frivillig'}
+									</span>
+								</dd>
+							</div>
+							<div>
+								<dt class="text-sm font-medium text-gray-500">Opplæring</dt>
+								<dd class="mt-1">
+									<span
+										class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.isTrained
+											? 'border-green-200 bg-green-100 text-green-800'
+											: 'border-yellow-200 bg-yellow-100 text-yellow-800'}"
+									>
+										{user.isTrained ? 'Fullført' : 'Ikke fullført'}
+									</span>
+								</dd>
+							</div>
+						</div>
+					{/if}
+				</div>
+			</div>
+
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
-			{/if}
-			<form id="profile-form" method="POST" action="?/save" use:enhance>
-				<div class="group">
-					<div class="bg-background rounded-xl border-2 p-6 shadow-lg">
-						<div class="mb-6">
-							<h3 class="flex items-center gap-2 text-lg font-medium text-gray-800">
-								Kontaktinformasjon
-							</h3>
-							<p class="text-sm text-gray-600">Oppdater din kontaktinformasjon</p>
+				<div class="p-6">
+					<div class="space-y-3">
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-blue-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Totale referreringer</p>
+								<p class="text-xs text-gray-500">{data.referrals.totalReferrals}</p>
+							</div>
 						</div>
-						<div class="space-y-4">
-							<FormInput
-								type="email"
-								id="altEmail"
-								name="altEmail"
-								label="Alternativ e-post"
-								bind:value={data.user.altEmail}
-								placeholder="din.epost@example.com"
-							/>
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-green-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Godkjente referreringer</p>
+								<p class="text-xs text-gray-500">{data.referrals.completedReferrals}</p>
+							</div>
 						</div>
-						<div class="space-y-4">
-							<FormInput
-								type="phone"
-								id="phone"
-								name="phone"
-								label="Telefon nr"
-								bind:value={data.user.phone}
-								placeholder="+47 12 345 678"
-							/>
+						<div
+							class="flex items-start gap-3 border-b border-gray-100 pb-3 last:border-0 last:pb-0"
+						>
+							<div class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-yellow-400"></div>
+							<div class="flex-1">
+								<p class="text-sm text-gray-900">Ventende referreringer</p>
+								<p class="text-xs text-gray-500">{data.referrals.pendingReferrals}</p>
+							</div>
 						</div>
 					</div>
 				</div>
-				<div class="flex justify-end pt-6">
-					<Button type="submit" intent="primary" class="flex items-center gap-2">
-						<Save size={16} />
-						Lagre endringer
-					</Button>
+			</div>
+		</div>
+
+		<div class="space-y-6">
+			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
+					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
+				</div>
+				<div class="space-y-4 p-6">
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Antall ganger stått (sem)</span>
+						<span class="text-sm font-semibold text-gray-900">{data.timesVolunteered || 0}</span>
+					</div>
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Antall Bonger</span>
+						<span class="text-sm font-semibold text-gray-900">{data.unclaimedBeers || 0}</span>
+					</div>
+					<div class="flex justify-between">
+						<span class="text-sm text-gray-600">Kommende arrangement</span>
+						<span class="text-sm font-semibold text-gray-900">
+							{data.shifts?.length > 0 ? data.shifts[0].event?.name : 'Ingen'}
+						</span>
+					</div>
 				</div>
-			</form>
+			</div>
 		</div>
 	</div>
 </div>
+
+{#if toastMessage}
+	<div
+		class="fixed bottom-4 right-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
+	>
+		{toastMessage}
+	</div>
+{/if}

From dc95908cb6974dbbe028b9cdbfbb7db7a8707470 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 21 Aug 2025 18:58:58 +0200
Subject: [PATCH 15/17] referral script

---
 apps/www/scripts/referrals.ts | 65 +++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 apps/www/scripts/referrals.ts

diff --git a/apps/www/scripts/referrals.ts b/apps/www/scripts/referrals.ts
new file mode 100644
index 00000000..cab1872c
--- /dev/null
+++ b/apps/www/scripts/referrals.ts
@@ -0,0 +1,65 @@
+import { faker } from '@faker-js/faker';
+import { nanoid } from 'nanoid';
+import { referrals, users } from '../src/lib/db/schemas';
+import { setup } from './setup';
+
+async function main() {
+	const { db } = await setup();
+
+	const allUsers = await db.select({ id: users.id }).from(users);
+	
+	if (allUsers.length < 2) {
+		console.log('Need at least 2 users to create referrals. Run users.ts first.');
+		return;
+	}
+
+	console.log(`Found ${allUsers.length} users to create referrals between.`);
+
+	const numberOfReferrals = Math.min(25, Math.floor(allUsers.length / 2)); 
+	
+	const fakeReferrals = Array.from({ length: numberOfReferrals }, () => {
+		// Pick two random different users
+		const shuffledUsers = faker.helpers.shuffle([...allUsers]);
+		const referrer = shuffledUsers[0];
+		const referred = shuffledUsers[1];
+		
+		const status = faker.helpers.weightedArrayElement([
+			{ weight: 3, value: 'completed' as const },
+			{ weight: 2, value: 'pending' as const }
+		]);
+		
+		const createdAt = faker.date.recent({ days: 90 }); // Within last 90 days
+		const completedAt = status === 'completed' 
+			? faker.date.between({ from: createdAt, to: new Date() })
+			: null;
+
+		return {
+			id: nanoid(),
+			referredBy: referrer.id,
+			referred: referred.id,
+			status,
+			createdAt,
+			completedAt
+		};
+	});
+
+	// Insert referrals one by one to avoid parameter limits
+	for (const referral of fakeReferrals) {
+		try {
+			await db.insert(referrals).values(referral);
+		} catch (error) {
+			console.warn('Skipped duplicate referral:', error);
+		}
+	}
+
+	console.log(`Added ${fakeReferrals.length} referrals with various statuses.`);
+}
+
+main()
+	.then(() => {
+		process.exit(0);
+	})
+	.catch((err) => {
+		console.error(err);
+		process.exit(1);
+	});

From c441e773d69fdd0055d90a043be609f5672c23ce Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 21 Aug 2025 18:59:34 +0200
Subject: [PATCH 16/17] format

---
 apps/www/scripts/referrals.ts                 | 15 +++----
 .../src/lib/components/portal/Training.svelte | 43 +++++++++++--------
 apps/www/src/routes/portal/+page.svelte       |  8 ++--
 apps/www/src/routes/portal/admin/+page.svelte | 24 +++++------
 .../admin/pending-applications/+page.svelte   |  2 +-
 .../portal/admin/user/[id]/+page.server.ts    |  3 +-
 .../portal/admin/user/[id]/+page.svelte       | 30 ++++++-------
 .../src/routes/portal/profil/+page.server.ts  |  2 +-
 .../www/src/routes/portal/profil/+page.svelte | 10 ++---
 9 files changed, 71 insertions(+), 66 deletions(-)

diff --git a/apps/www/scripts/referrals.ts b/apps/www/scripts/referrals.ts
index cab1872c..cdd53c93 100644
--- a/apps/www/scripts/referrals.ts
+++ b/apps/www/scripts/referrals.ts
@@ -7,7 +7,7 @@ async function main() {
 	const { db } = await setup();
 
 	const allUsers = await db.select({ id: users.id }).from(users);
-	
+
 	if (allUsers.length < 2) {
 		console.log('Need at least 2 users to create referrals. Run users.ts first.');
 		return;
@@ -15,23 +15,22 @@ async function main() {
 
 	console.log(`Found ${allUsers.length} users to create referrals between.`);
 
-	const numberOfReferrals = Math.min(25, Math.floor(allUsers.length / 2)); 
-	
+	const numberOfReferrals = Math.min(25, Math.floor(allUsers.length / 2));
+
 	const fakeReferrals = Array.from({ length: numberOfReferrals }, () => {
 		// Pick two random different users
 		const shuffledUsers = faker.helpers.shuffle([...allUsers]);
 		const referrer = shuffledUsers[0];
 		const referred = shuffledUsers[1];
-		
+
 		const status = faker.helpers.weightedArrayElement([
 			{ weight: 3, value: 'completed' as const },
 			{ weight: 2, value: 'pending' as const }
 		]);
-		
+
 		const createdAt = faker.date.recent({ days: 90 }); // Within last 90 days
-		const completedAt = status === 'completed' 
-			? faker.date.between({ from: createdAt, to: new Date() })
-			: null;
+		const completedAt =
+			status === 'completed' ? faker.date.between({ from: createdAt, to: new Date() }) : null;
 
 		return {
 			id: nanoid(),
diff --git a/apps/www/src/lib/components/portal/Training.svelte b/apps/www/src/lib/components/portal/Training.svelte
index 420b56d1..4cb7d842 100644
--- a/apps/www/src/lib/components/portal/Training.svelte
+++ b/apps/www/src/lib/components/portal/Training.svelte
@@ -19,10 +19,12 @@
 	let isSaving = $state(false);
 
 	let isTrainingMode = $derived(userId !== null && userId !== undefined);
-	let completedCount = $derived(trainingItems.filter(item => item.completed).length);
+	let completedCount = $derived(trainingItems.filter((item) => item.completed).length);
 	let totalCount = $derived(trainingItems.length);
 	let isComplete = $derived(completedCount === totalCount);
-	let progressPercentage = $derived(totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0);
+	let progressPercentage = $derived(
+		totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0
+	);
 
 	$effect(() => {
 		if (isOpen) {
@@ -32,7 +34,7 @@
 
 	function toggleItem(itemId: number) {
 		if (!isTrainingMode) return;
-		trainingItems = trainingItems.map(item => 
+		trainingItems = trainingItems.map((item) =>
 			item.id === itemId ? { ...item, completed: !item.completed } : item
 		);
 	}
@@ -51,22 +53,27 @@
 	}
 
 	const groupedItems = $derived(
-		Object.values(TRAINING_CATEGORIES).reduce((acc, category) => {
-			acc[category] = trainingItems.filter(item => item.category === category);
-			return acc;
-		}, {} as Record<string, TrainingItem[]>)
+		Object.values(TRAINING_CATEGORIES).reduce(
+			(acc, category) => {
+				acc[category] = trainingItems.filter((item) => item.category === category);
+				return acc;
+			},
+			{} as Record<string, TrainingItem[]>
+		)
 	);
 </script>
 
 {#if isOpen}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
+	<div class="bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black">
 		<div class="mx-4 max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white">
 			<div class="sticky top-0 border-b border-gray-200 bg-white px-6 py-4">
 				<h3 class="text-lg font-semibold text-gray-900">
 					{isTrainingMode ? `Opplæring for ${userName}` : 'Opplæringsliste'}
 				</h3>
 				<p class="text-sm text-gray-600">
-					{isTrainingMode ? 'Marker av hvert punkt etter som opplæringen blir fullført' : 'Oversikt over alle opplæringspunkter som må gjennomgås'}
+					{isTrainingMode
+						? 'Marker av hvert punkt etter som opplæringen blir fullført'
+						: 'Oversikt over alle opplæringspunkter som må gjennomgås'}
 				</p>
 			</div>
 
@@ -80,7 +87,9 @@
 							<div class="space-y-3">
 								{#each items as item (item.id)}
 									{#if isTrainingMode}
-										<label class="flex items-start space-x-3 rounded-lg border border-gray-200 p-3 cursor-pointer hover:bg-gray-50 transition-colors">
+										<label
+											class="flex cursor-pointer items-start space-x-3 rounded-lg border border-gray-200 p-3 transition-colors hover:bg-gray-50"
+										>
 											<input
 												type="checkbox"
 												checked={item.completed}
@@ -114,8 +123,11 @@
 							<span class="text-sm font-medium text-gray-700">Fremgang</span>
 							<span class="text-sm text-gray-500">{completedCount} / {totalCount}</span>
 						</div>
-						<div class="mt-2 w-full bg-gray-200 rounded-full h-2">
-							<div class="bg-blue-600 h-2 rounded-full transition-all duration-300" style="width: {progressPercentage}%"></div>
+						<div class="mt-2 h-2 w-full rounded-full bg-gray-200">
+							<div
+								class="h-2 rounded-full bg-blue-600 transition-all duration-300"
+								style="width: {progressPercentage}%"
+							></div>
 						</div>
 					</div>
 				{/if}
@@ -123,12 +135,7 @@
 
 			<div class="border-t border-gray-200 px-6 py-4">
 				<div class="flex justify-end space-x-3">
-					<Button
-						type="button"
-						onclick={handleClose}
-						intent="outline"
-						disabled={isSaving}
-					>
+					<Button type="button" onclick={handleClose} intent="outline" disabled={isSaving}>
 						{isTrainingMode ? 'Avbryt' : 'Lukk'}
 					</Button>
 					{#if isTrainingMode}
diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index adb031f6..15b020b7 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -17,7 +17,7 @@
 <div class="space-y-10">
 	{#if data.canRefer}
 		<form method="POST" action="?/refer" use:enhance>
-			<div class="rounded-lg border-2 bg-background p-4 shadow-sm">
+			<div class="bg-background rounded-lg border-2 p-4 shadow-sm">
 				<div class="space-y-4">
 					<div>
 						<p class="mb-2 block text-sm font-medium text-gray-700">
@@ -66,17 +66,17 @@
 	<section>
 		<Heading level={2}>Referral Stats</Heading>
 		<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-3">
-			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+			<div class="bg-background flex flex-col items-center justify-center rounded-lg border-2 p-4">
 				<span class="text-gray-600">Total:</span>
 				<span class="text-2xl font-medium">{data.referralStats.totalReferrals}</span>
 			</div>
-			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+			<div class="bg-background flex flex-col items-center justify-center rounded-lg border-2 p-4">
 				<span class="text-gray-600">Fullført 1 vakt:</span>
 				<span class="text-2xl font-medium text-green-600"
 					>{data.referralStats.completedReferrals}</span
 				>
 			</div>
-			<div class="flex flex-col items-center justify-center rounded-lg border-2 bg-background p-4">
+			<div class="bg-background flex flex-col items-center justify-center rounded-lg border-2 p-4">
 				<span class="text-gray-600">Ventende:</span>
 				<span class="text-2xl font-medium text-orange-600"
 					>{data.referralStats.pendingReferrals}</span
diff --git a/apps/www/src/routes/portal/admin/+page.svelte b/apps/www/src/routes/portal/admin/+page.svelte
index db5d6758..136f6a1a 100644
--- a/apps/www/src/routes/portal/admin/+page.svelte
+++ b/apps/www/src/routes/portal/admin/+page.svelte
@@ -58,7 +58,7 @@
 			<div class="sm:w-48">
 				<select
 					bind:value={selectedRole}
-					class="w-full rounded-lg border-2 border-gray-200 px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"
+					class="w-full rounded-lg border-2 border-gray-200 px-3 py-2 text-sm focus:border-transparent focus:ring-2 focus:ring-blue-500 focus:outline-none"
 				>
 					<option value="all">Alle roller</option>
 					<option value="board">Styret</option>
@@ -70,7 +70,7 @@
 
 	<div class="block space-y-3 sm:hidden">
 		{#each filteredUsers as user (user.id)}
-			<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg">
+			<div class="border-gray bg-background rounded-2xl border-2 p-4 shadow-lg">
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-3">
 						<div class="h-10 w-10 flex-shrink-0">
@@ -107,7 +107,7 @@
 			</div>
 		{/each}
 		{#if filteredUsers.length === 0}
-			<div class="rounded-2xl border-2 border-gray-200 bg-background p-8 text-center">
+			<div class="bg-background rounded-2xl border-2 border-gray-200 p-8 text-center">
 				<div class="flex flex-col items-center gap-2">
 					<div class="text-4xl">👤</div>
 					<div class="text-sm text-gray-500">Ingen brukere funnet</div>
@@ -120,7 +120,7 @@
 	</div>
 
 	<div
-		class="border-gray hidden overflow-hidden rounded-2xl border-2 bg-background shadow-lg sm:block"
+		class="border-gray bg-background hidden overflow-hidden rounded-2xl border-2 shadow-lg sm:block"
 	>
 		<div class="overflow-x-auto">
 			<table class="w-full">
@@ -128,7 +128,7 @@
 					<tr>
 						<th class="px-6 py-3 text-left">
 							<button
-								class="flex items-center gap-1 text-xs font-medium uppercase tracking-wider text-gray-500 transition-colors hover:text-gray-700"
+								class="flex items-center gap-1 text-xs font-medium tracking-wider text-gray-500 uppercase transition-colors hover:text-gray-700"
 								onclick={() => handleSort('name')}
 							>
 								Navn
@@ -140,13 +140,13 @@
 							</button>
 						</th>
 						<th
-							class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
+							class="px-6 py-3 text-left text-xs font-medium tracking-wider text-gray-500 uppercase"
 						>
 							E-post
 						</th>
 						<th class="px-6 py-3 text-left">
 							<button
-								class="flex items-center gap-1 text-xs font-medium uppercase tracking-wider text-gray-500 transition-colors hover:text-gray-700"
+								class="flex items-center gap-1 text-xs font-medium tracking-wider text-gray-500 uppercase transition-colors hover:text-gray-700"
 								onclick={() => handleSort('role')}
 							>
 								Rolle
@@ -158,7 +158,7 @@
 							</button>
 						</th>
 						<th
-							class="px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500"
+							class="px-6 py-3 text-right text-xs font-medium tracking-wider text-gray-500 uppercase"
 						>
 							Handlinger
 						</th>
@@ -167,7 +167,7 @@
 				<tbody class="divide-y divide-gray-200">
 					{#each filteredUsers as user (user.id)}
 						<tr class="transition-colors hover:bg-gray-50">
-							<td class="whitespace-nowrap px-6 py-4">
+							<td class="px-6 py-4 whitespace-nowrap">
 								<div class="flex items-center">
 									<div class="h-8 w-8 flex-shrink-0">
 										<div class="flex h-8 w-8 items-center justify-center rounded-full bg-gray-300">
@@ -181,10 +181,10 @@
 									</div>
 								</div>
 							</td>
-							<td class="whitespace-nowrap px-6 py-4">
+							<td class="px-6 py-4 whitespace-nowrap">
 								<div class="text-sm text-gray-900">{user.altEmail || user.email}</div>
 							</td>
-							<td class="whitespace-nowrap px-6 py-4">
+							<td class="px-6 py-4 whitespace-nowrap">
 								<span
 									class="inline-flex rounded-full border px-2 py-1 text-xs font-semibold {user.role ===
 									'board'
@@ -194,7 +194,7 @@
 									{user.role === 'board' ? 'Styret' : 'Frivillig'}
 								</span>
 							</td>
-							<td class="whitespace-nowrap px-6 py-4 text-right text-sm font-medium">
+							<td class="px-6 py-4 text-right text-sm font-medium whitespace-nowrap">
 								<a
 									href="./admin/user/{user.id}"
 									class="font-medium text-blue-600 transition-colors hover:text-blue-900"
diff --git a/apps/www/src/routes/portal/admin/pending-applications/+page.svelte b/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
index b1378a86..9b68993a 100644
--- a/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
+++ b/apps/www/src/routes/portal/admin/pending-applications/+page.svelte
@@ -30,7 +30,7 @@
 	{:else}
 		<div class="grid gap-4">
 			{#each data.pendingApplications as application (application.id)}
-				<div class="rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
+				<div class="bg-background rounded-2xl border-2 p-4 shadow-lg sm:p-6">
 					<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
 						<div class="space-y-2">
 							<h3 class="text-lg font-semibold">{application.name}</h3>
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
index 04f6a4fe..1f524792 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.server.ts
@@ -141,8 +141,7 @@ export const actions: Actions = {
 		const trainingData = JSON.parse(trainingDataJson);
 
 		const isComplete =
-			trainingData &&
-			trainingData.every((item: { completed: boolean }) => item.completed === true);
+			trainingData && trainingData.every((item: { completed: boolean }) => item.completed === true);
 
 		if (!isComplete) {
 			return fail(400, { error: 'All training items must be completed' });
diff --git a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
index a1850cad..79f6e56f 100644
--- a/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
+++ b/apps/www/src/routes/portal/admin/user/[id]/+page.svelte
@@ -50,7 +50,7 @@
 	function onTrainingSave(data: { completionStatus: { isComplete: boolean } }) {
 		if (data.completionStatus.isComplete) {
 			userHasCompletedTraining = true;
-			user.isTrained = true; 
+			user.isTrained = true;
 			showTrainingChecklist = false;
 			showToast(`${user.name} har fullført opplæringen! ✅`);
 		}
@@ -69,7 +69,7 @@
 		← Tilbake til admin page
 	</a>
 
-	<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
+	<div class="border-gray bg-background rounded-2xl border-2 p-4 shadow-lg sm:p-6">
 		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
@@ -131,7 +131,7 @@
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
 		<div class="space-y-6 lg:col-span-2">
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
 				</div>
@@ -177,8 +177,8 @@
 										/>
 										<span
 											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
-											  transition-colors hover:bg-gray-200 peer-checked:border-transparent
-											  peer-checked:bg-blue-600 peer-checked:text-white"
+											  transition-colors peer-checked:border-transparent peer-checked:bg-blue-600
+											  peer-checked:text-white hover:bg-gray-200"
 										>
 											Frivillig
 										</span>
@@ -194,8 +194,8 @@
 										/>
 										<span
 											class="flex items-center justify-center rounded-xl border px-2 py-px text-sm
-											  transition-colors hover:bg-gray-200 peer-checked:border-transparent
-											  peer-checked:bg-purple-600 peer-checked:text-white"
+											  transition-colors peer-checked:border-transparent peer-checked:bg-purple-600
+											  peer-checked:text-white hover:bg-gray-200"
 										>
 											Styret
 										</span>
@@ -235,7 +235,7 @@
 				</div>
 			</div>
 
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
@@ -274,7 +274,7 @@
 		</div>
 
 		<div class="space-y-6">
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
 				</div>
@@ -296,7 +296,7 @@
 				</div>
 			</div>
 
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Handlinger</h3>
 				</div>
@@ -349,8 +349,8 @@
 />
 
 {#if showAddBeers}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
-		<div class="mx-4 w-full max-w-md rounded-2xl border-2 bg-background p-6 shadow-lg">
+	<div class="bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black">
+		<div class="bg-background mx-4 w-full max-w-md rounded-2xl border-2 p-6 shadow-lg">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Legg til øl</h3>
 			<p class="mb-4 text-sm text-gray-600">
 				Det du skriver her, vil endre på antall ekstra bonger <strong>{user.name}</strong> har tilgjengelig.
@@ -398,8 +398,8 @@
 {/if}
 
 {#if showDeleteConfirm}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
-		<div class="mx-4 w-full max-w-md rounded-2xl border-2 bg-background p-6 shadow-lg">
+	<div class="bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black">
+		<div class="bg-background mx-4 w-full max-w-md rounded-2xl border-2 p-6 shadow-lg">
 			<h3 class="mb-2 text-lg font-semibold text-gray-900">Slett bruker</h3>
 			<p class="mb-4 text-sm text-gray-600">
 				Er du sikker på at du vil slette <strong>{user.name}</strong>? Skriv inn brukerens navn for
@@ -457,7 +457,7 @@
 
 {#if toastMessage}
 	<div
-		class="fixed bottom-4 right-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
+		class="fixed right-4 bottom-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
 	>
 		{toastMessage}
 	</div>
diff --git a/apps/www/src/routes/portal/profil/+page.server.ts b/apps/www/src/routes/portal/profil/+page.server.ts
index f380e753..298e8915 100644
--- a/apps/www/src/routes/portal/profil/+page.server.ts
+++ b/apps/www/src/routes/portal/profil/+page.server.ts
@@ -11,7 +11,7 @@ export const load: PageServerLoad = async ({ locals }) => {
 	const unclaimedBeers = await locals.beerService.getTotalAvailableBeers(locals.user.id);
 	const referrals = await locals.referralService.getReferralStats(locals.user.id);
 	const shifts = await locals.shiftService.findUpcomingShiftsByUserId(locals.user.id);
-	
+
 	return {
 		user,
 		timesVolunteered: userShifts.length,
diff --git a/apps/www/src/routes/portal/profil/+page.svelte b/apps/www/src/routes/portal/profil/+page.svelte
index b05fcbf4..b6555397 100644
--- a/apps/www/src/routes/portal/profil/+page.svelte
+++ b/apps/www/src/routes/portal/profil/+page.svelte
@@ -41,7 +41,7 @@
 </svelte:head>
 
 <div class="space-y-6">
-	<div class="border-gray rounded-2xl border-2 bg-background p-4 shadow-lg sm:p-6">
+	<div class="border-gray bg-background rounded-2xl border-2 p-4 shadow-lg sm:p-6">
 		<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
 			<div class="flex items-center gap-4">
 				<div class="flex h-16 w-16 items-center justify-center rounded-full bg-gray-300">
@@ -102,7 +102,7 @@
 
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
 		<div class="space-y-6 lg:col-span-2">
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Brukerinformasjon</h3>
 				</div>
@@ -188,7 +188,7 @@
 				</div>
 			</div>
 
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Verv stats</h3>
 				</div>
@@ -227,7 +227,7 @@
 		</div>
 
 		<div class="space-y-6">
-			<div class="border-gray rounded-2xl border-2 bg-background shadow-lg overflow-auto">
+			<div class="border-gray bg-background overflow-auto rounded-2xl border-2 shadow-lg">
 				<div class="border-b-2 border-gray-200 bg-gray-200 px-6 py-4">
 					<h3 class="text-lg font-semibold text-gray-900">Statistikk</h3>
 				</div>
@@ -254,7 +254,7 @@
 
 {#if toastMessage}
 	<div
-		class="fixed bottom-4 right-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
+		class="fixed right-4 bottom-4 z-50 rounded-md border border-green-400 bg-green-100 px-4 py-3 text-green-700 shadow-lg"
 	>
 		{toastMessage}
 	</div>

From 59e48b7fbef3c4c1bfb5be9c1211956820096a9d Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Thu, 21 Aug 2025 19:19:58 +0200
Subject: [PATCH 17/17] check fail

---
 apps/www/src/routes/portal/+page.svelte | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/www/src/routes/portal/+page.svelte b/apps/www/src/routes/portal/+page.svelte
index 15b020b7..5fc88fa6 100644
--- a/apps/www/src/routes/portal/+page.svelte
+++ b/apps/www/src/routes/portal/+page.svelte
@@ -6,7 +6,6 @@
 	import { enhance } from '$app/forms';
 
 	let { data } = $props();
-	let selectedReferrerName = $state('');
 	let selectedReferrerId = $state('');
 </script>
 
@@ -26,14 +25,11 @@
 						<div class="flex items-end gap-2">
 							<div class="flex-1">
 								<Combobox
+									type="single"
 									name="referrer"
-									bind:value={selectedReferrerName}
-									onchange={(option) => {
-										selectedReferrerId = option?.value || '';
-									}}
-									options={data.users.filter((user) => user.value !== data.currentUserId)}
-									placeholder="Søk etter navn..."
-									class="w-full"
+									bind:value={selectedReferrerId}
+									items={data.users.filter((user) => user.value !== data.currentUserId)}
+									inputProps={{ placeholder: "Søk etter navn...", class: "w-full" }}
 								/>
 							</div>
 							<Button