diff --git a/src/app/[locale]/admin/layout.tsx b/src/app/[locale]/admin/layout.tsx
index 15875cf..a3baaaf 100644
--- a/src/app/[locale]/admin/layout.tsx
+++ b/src/app/[locale]/admin/layout.tsx
@@ -15,6 +15,7 @@ export default async function AdminLayout({
setRequestLocale(locale);
const session = await getSafeSession();
const t = await getTranslations('admin');
+ const tr = await getTranslations('adminReplacements');
// Public login page is handled in admin/login/page.tsx — but layout still wraps it.
// For non-login admin routes we redirect when not signed in via a route segment guard.
@@ -51,6 +52,12 @@ export default async function AdminLayout({
>
{t('nav.pickupSlots')}
+
- {b.bookingNumber}
+
+
{b.bookingNumber}
+ {b._count.replacements > 0 && (
+
+
+
+ {b._count.replacements}
+
+ )}
+
{b.createdAt.toLocaleDateString(
diff --git a/src/app/[locale]/admin/replacements/page.tsx b/src/app/[locale]/admin/replacements/page.tsx
new file mode 100644
index 0000000..6b129f1
--- /dev/null
+++ b/src/app/[locale]/admin/replacements/page.tsx
@@ -0,0 +1,224 @@
+import { setRequestLocale, getTranslations } from 'next-intl/server';
+import { revalidatePath } from 'next/cache';
+import type { Prisma } from '@prisma/client';
+import { prisma } from '@/lib/prisma';
+import { requireAdmin } from '@/lib/requireAdmin';
+import { Link } from '@/i18n/routing';
+import { formatOre } from '@/lib/money';
+
+export const dynamic = 'force-dynamic';
+
+const STATUSES = ['REQUESTED', 'SCHEDULED', 'DELIVERED', 'CANCELLED'] as const;
+type ReplacementStatus = (typeof STATUSES)[number];
+
+async function setReplacementStatus(formData: FormData) {
+ 'use server';
+ await requireAdmin();
+ const id = String(formData.get('id') ?? '');
+ const status = String(formData.get('status') ?? '');
+ if (!id || !STATUSES.includes(status as ReplacementStatus)) return;
+ await prisma.replacementRequest.update({
+ where: { id },
+ data: { status },
+ });
+ revalidatePath('/admin/replacements');
+ // Find bookingId to refresh detail view too.
+ const rr = await prisma.replacementRequest.findUnique({
+ where: { id },
+ select: { bookingId: true },
+ });
+ if (rr) revalidatePath(`/admin/bookings/${rr.bookingId}`);
+}
+
+export default async function AdminReplacementsPage({
+ params,
+ searchParams,
+}: {
+ params: Promise<{ locale: string }>;
+ searchParams: Promise<{ status?: string }>;
+}) {
+ const { locale } = await params;
+ setRequestLocale(locale);
+ await requireAdmin();
+ const sp = await searchParams;
+ const loc = locale as 'sv' | 'en';
+ const t = await getTranslations('adminReplacements');
+
+ const where: Prisma.ReplacementRequestWhereInput =
+ sp.status && STATUSES.includes(sp.status as ReplacementStatus)
+ ? { status: sp.status }
+ : {};
+
+ const rows = await prisma.replacementRequest.findMany({
+ where,
+ orderBy: { createdAt: 'desc' },
+ include: { booking: true, bookingItem: true, pickupSlot: true },
+ take: 200,
+ });
+
+ return (
+
+
{t('title')}
+
+
+
+
+
+
+
+ {rows.length === 0 ? (
+
+ {t('empty')}
+
+ ) : (
+
+
+
+
+ {t('columns.created')}
+ {t('columns.booking')}
+ {t('columns.org')}
+ {t('columns.item')}
+ {t('columns.quantity')}
+ {t('columns.total')}
+ {t('columns.pickup')}
+ {t('columns.status')}
+
+
+
+ {rows.map((r) => (
+
+
+ {r.createdAt.toLocaleString(
+ loc === 'sv' ? 'sv-SE' : 'en-SE',
+ { dateStyle: 'short', timeStyle: 'short' },
+ )}
+
+
+
+
+ {r.booking.orgName}
+
+
+ {loc === 'sv' ? r.nameSv : r.nameEn}
+
+
+ {r.quantity}
+
+
+ {formatOre(r.lineTotalOre, loc)}
+
+
+ {r.pickupSlot ? (
+ <>
+
+ {loc === 'sv'
+ ? r.pickupSlot.labelSv
+ : r.pickupSlot.labelEn}
+
+
+ {r.pickupSlot.startsAt.toLocaleString(
+ loc === 'sv' ? 'sv-SE' : 'en-SE',
+ { dateStyle: 'short', timeStyle: 'short' },
+ )}
+
+
+ ) : (
+ —
+ )}
+
+
+
+ {t(`status.${r.status as ReplacementStatus}`)}
+
+
+
+
+ {r.status === 'REQUESTED' && (
+
+
+
+ ))}
+
+
+
+ )}
+
+
;
+ destructive?: boolean;
+}) {
+ return (
+
+ );
+}
diff --git a/src/app/[locale]/booking/[number]/page.tsx b/src/app/[locale]/booking/[number]/page.tsx
index 3135e85..c974595 100644
--- a/src/app/[locale]/booking/[number]/page.tsx
+++ b/src/app/[locale]/booking/[number]/page.tsx
@@ -118,9 +118,17 @@ export default async function BookingConfirmedPage({
{t('email.invoiceInfo')}
-
+
diff --git a/src/app/[locale]/min-sida/layout.tsx b/src/app/[locale]/min-sida/layout.tsx
new file mode 100644
index 0000000..cb645ad
--- /dev/null
+++ b/src/app/[locale]/min-sida/layout.tsx
@@ -0,0 +1,32 @@
+import { setRequestLocale } from 'next-intl/server';
+import { Header } from '@/components/Header';
+import { CustomerSignOutForm } from '@/components/customer/CustomerSignOutForm';
+import { getCustomerEmail } from '@/lib/customerAuth';
+
+export default async function MinSidaLayout({
+ children,
+ params,
+}: {
+ children: React.ReactNode;
+ params: Promise<{ locale: string }>;
+}) {
+ const { locale } = await params;
+ setRequestLocale(locale);
+ const loc = locale as 'sv' | 'en';
+ const email = await getCustomerEmail();
+
+ return (
+
+
+
+ {email && (
+
+ {email}
+
+ )}
+ {children}
+
+
+
+ ← {t('back')}
+
+
+
+
{t('title')}
+
{t('intro')}
+
+ {booking.bookingNumber} · {booking.orgName}
+
+
+
+ ({
+ id: it.id,
+ name: loc === 'sv' ? it.nameSv : it.nameEn,
+ ordered: it.quantity,
+ unitPriceOre: it.unitPriceOre,
+ vatBp: it.vatBp,
+ }))}
+ pickupSlots={settings.pickupEnabled ? slots : []}
+ />
+
+
+
+
+
+ {t('existing')}
+
+ {booking.replacements.length === 0 ? (
+
{t('noExisting')}
+ ) : (
+
+ )}
+
+
+
+
{t('title')}
+
+ {t('signedInAs', { email })}
+
+
+
+ {bookings.length === 0 ? (
+
+ {t('empty')}
+
+ ) : (
+
+ {bookings.map((b) => (
+
+
+
+
+ {t('bookingNumber')}
+
+
+ {b.bookingNumber}
+
+
+
+
+
+
+
+
{t('items')}
+
+ {b.items
+ .map(
+ (it) =>
+ `${loc === 'sv' ? it.nameSv : it.nameEn} × ${it.quantity}`,
+ )
+ .join(', ')}
+
+
+ {b.pickupSlot && (
+
+
{t('pickup')}
+
+ {loc === 'sv' ? b.pickupSlot.labelSv : b.pickupSlot.labelEn}
+ {' · '}
+ {b.pickupSlot.startsAt.toLocaleString(
+ loc === 'sv' ? 'sv-SE' : 'en-SE',
+ { dateStyle: 'short', timeStyle: 'short' },
+ )}
+
+
+ )}
+
+
Total
+
+ {formatOre(b.totalOre, loc)}
+
+
+
+
+ {b.replacements.length > 0 && (
+
+
+ {tr('existing')}
+
+
+
+ )}
+
+
+
+
+ ))}
+
+ )}
+
+
{t('title')}
+
{t('intro')}
+
+
+
+
{t('invalidTitle')}
+
{t('invalidBody')}
+
+
+
+
{t('successTitle')}
+
+ {t('successBody', { email })}
+
+
('');
+ const [notes, setNotes] = useState('');
+ const [submitting, setSubmitting] = useState(false);
+ const [error, setError] = useState(null);
+ const [success, setSuccess] = useState(false);
+
+ async function onSubmit(e: React.FormEvent) {
+ e.preventDefault();
+ if (!bookingItemId || quantity < 1) return;
+ setSubmitting(true);
+ setError(null);
+ try {
+ const res = await fetch('/api/customer/replacement', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ bookingId,
+ bookingItemId,
+ quantity,
+ pickupSlotId: pickupSlotId || null,
+ notes: notes.trim() || null,
+ }),
+ });
+ if (!res.ok) {
+ setError(t('submitFailed'));
+ return;
+ }
+ setSuccess(true);
+ router.refresh();
+ } catch {
+ setError(t('submitFailed'));
+ } finally {
+ setSubmitting(false);
+ }
+ }
+
+ if (success) {
+ return (
+
+
{t('successTitle')}
+
{t('successBody')}
+