@flowselections/floriday-afhandeling-module 1.0.42 → 1.0.44

package/dist-lib/components/afhandeling/DagDetailDialog.js

@@ -1,65 +1,109 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Checkbox, Button, Dialog, DialogTitle, DialogDescription, Input, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
-import { CalendarClock, ChevronDown, ChevronRight, Printer, Users } from "lucide-react";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog";
+import { CalendarClock, CheckCircle2, ChevronDown, ChevronRight, Printer, Users } from "lucide-react";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
+import { usePickAgenda } from "../../hooks/usePickAgenda";
+import { useOrderBuffers } from "../../hooks/useOrderBuffers";
 import { isSameDay } from "../../lib/pickDate";
 import { getOrderLines, } from "../../lib/cartAssignments.functions";
-import { printLayoutDocument, printFoutMelding } from "../../lib/printing";
+import { printLayoutDocument, printPdfDocument, printFoutMelding } from "../../lib/printing";
 import { AutoProcessStatus } from "./AutoProcessStatus";
 import { CapacityWarning } from "./CapacityWarning";
 import { useCapacityCheck } from "../../hooks/useCapacityCheck";
 import { toDayKey } from "../../lib/logisticsEngine/capacity";
 import { VerzetOrderDialog } from "./VerzetOrderDialog";
+import { markOrderShipped } from "../../lib/orderFulfilment.functions";
+import { getDeliveryNotePdf } from "../../lib/deliveryNote.functions";
+import { getShippingNoteLayout } from "../../lib/engineLayouts.functions";
 import { setPickDay } from "../../lib/logisticsEngine/reschedule";
 import { clearDayStaffPlan, computeCapacity, getDayStaffPlan, getEngineStaffDefaults, setDayStaffPlan, toDateKey, } from "../../lib/logisticsEngine/staffPlanning";
+function voortgang(status) {
+    const s = (status ?? "").trim().toLowerCase();
+    if (["done", "completed", "afgerond", "afgehandeld", "shipped", "verzonden", "delivered", "geleverd", "afgeleverd", "checked", "gecontroleerd"].includes(s)) {
+        return { label: "Afgehandeld", done: true, variant: "default" };
+    }
+    if (["ready", "gereed", "klaar"].includes(s)) {
+        return { label: "Klaar om te laden", done: true, variant: "secondary" };
+    }
+    if (["in_progress", "bezig", "picking"].includes(s)) {
+        return { label: "Bezig", done: false, variant: "outline" };
+    }
+    return { label: "Nog te picken", done: false, variant: "outline" };
+}
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { dateStyle: "full" });
-export function DagDetailDialog({ open, date, planned, onOpenChange }) {
-    if (!date)
+function refKey(value) {
+    return (value ?? "").trim().toUpperCase();
+}
+export function DagDetailDialog(props) {
+    if (!props.date)
         return null;
-    const ordersOnDay = planned.filter((p) => {
-        if (!p.planning)
-            return false;
-        const assigns = p.planning.pickAssignments ?? [];
-        return assigns.some((a) => isSameDay(a.date, date));
-    });
-    // Synthetiseer karren — één rij per kar die op deze dag valt
-    const cartRows = [];
-    for (const p of ordersOnDay) {
-        const assigns = p.planning.pickAssignments ?? [];
-        // Karren komen uit de Engine-planning (gedeelde karindex), niet uit payloads.
-        const totalCarts = assigns.reduce((sum, a) => sum + a.cartCount, 0);
-        if (totalCarts <= 0)
+    return _jsx(DagDetailContent, { ...props, date: props.date });
+}
+function DagDetailContent({ open, date, planned, onOpenChange, }) {
+    const dayKey = toDayKey(date);
+    const agenda = usePickAgenda(dayKey, dayKey);
+    const row = agenda.byDate.get(dayKey);
+    // De Engine is de bron voor welke bestellingen op deze dag staan; de lokale
+    // planning vult alleen extra ordergegevens aan.
+    const plannedByRef = new Map();
+    for (const p of planned) {
+        for (const ref of [p.order.orderNumber, p.order.id]) {
+            const k = refKey(ref);
+            if (k)
+                plannedByRef.set(k, p);
+        }
+    }
+    const ordersOnDay = (row?.orders ?? []).map((o) => ({
+        ref: o.orderRef,
+        carts: o.carts,
+        plants: o.plants,
+        status: o.status,
+        planned: plannedByRef.get(refKey(o.orderRef)) ?? null,
+    }));
+    // Aanvullen met lokaal ingeplande orders die de Engine-rij (nog) niet noemt.
+    const seen = new Set(ordersOnDay.map((o) => refKey(o.ref)));
+    for (const p of planned) {
+        const assigns = p.planning?.pickAssignments ?? [];
+        const today = assigns.find((a) => isSameDay(a.date, date));
+        if (!today)
             continue;
-        let runningIdx = 0;
-        for (const a of assigns) {
-            const onThisDay = isSameDay(a.date, date);
-            const cartIndexes = a.cartIndexes && a.cartIndexes.length > 0
-                ? a.cartIndexes
-                : Array.from({ length: a.cartCount }, (_, i) => runningIdx + i);
-            for (const idx of cartIndexes) {
-                if (onThisDay) {
-                    const plantsPerCart = totalCarts > 0 ? Math.round((p.order.plantCount ?? 0) / totalCarts) : 0;
-                    cartRows.push({
-                        key: `${p.order.id}-${idx}`,
-                        orderId: p.order.id,
-                        orderSource: p.order.source,
-                        cartIndex: idx,
-                        cartNumber: `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`,
-                        order: p,
-                        layers: 4,
-                        crates: 0,
-                        plants: plantsPerCart,
-                        occupancy: 100,
-                    });
-                }
-            }
-            runningIdx += a.cartCount;
+        const ref = p.order.orderNumber || p.order.id;
+        if (seen.has(refKey(ref)))
+            continue;
+        seen.add(refKey(ref));
+        ordersOnDay.push({
+            ref,
+            carts: today.cartCount,
+            plants: p.order.plantCount ?? 0,
+            status: p.order.status ?? "",
+            planned: p,
+        });
+    }
+    // Eén rij per kar die op deze dag valt.
+    const cartRows = [];
+    for (const o of ordersOnDay) {
+        const total = Math.max(0, o.carts);
+        const plantsPerCart = total > 0 ? Math.round(o.plants / total) : 0;
+        for (let idx = 0; idx < total; idx++) {
+            cartRows.push({
+                key: `${o.ref}-${idx}`,
+                orderRef: o.ref,
+                customerName: o.planned?.order.customerName ?? "—",
+                cartIndex: idx,
+                cartNumber: `${o.ref}-${String(idx + 1).padStart(2, "0")}`,
+                order: o.planned,
+                layers: 4,
+                crates: 0,
+                plants: plantsPerCart,
+                occupancy: 100,
+                status: o.status,
+            });
         }
     }
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: cartRows.length }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, date: date }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren \u00B7", " ", ordersOnDay.filter((o) => voortgang(o.status).done).length, " van ", ordersOnDay.length, " ", "bestellingen afgehandeld \u00B7 ", cartRows.filter((c) => voortgang(c.status).done).length, " van", " ", cartRows.length, " karren afgehandeld"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: cartRows.length }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, isLoading: agenda.isLoading }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }));
 }
 function BezettingCard({ date, cartsToday }) {
     const queryClient = useQueryClient();
@@ -133,16 +177,205 @@ function BezettingCard({ date, cartsToday }) {
     };
     return (_jsxs("div", { className: "mb-4 rounded-lg border bg-muted/30 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: defaultsQuery.isLoading || dayQuery.isLoading ? "…" : (effStaff ?? "—") }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["medewerkers ", dayPlan ? "(aangepast voor deze dag)" : "(gemiddelde uit Engine)"] })] })] }), _jsxs("div", { children: [_jsxs("div", { className: "text-lg font-bold leading-none", children: [effFrom, "\u2013", effTo] }), _jsx("div", { className: "text-xs text-muted-foreground", children: "werktijden" })] }), capacity?.capacityCarts !== null && capacity !== null && (_jsxs("div", { children: [_jsxs("div", { className: "text-lg font-bold leading-none", children: [cartsToday, " / ", capacity.capacityCarts] }), _jsx("div", { className: "text-xs text-muted-foreground", children: "karren gepland / capaciteit" })] }))] }), !editing && (_jsx(Button, { size: "sm", variant: "outline", onClick: startEdit, children: "Bezetting aanpassen" }))] }), editing && (_jsxs("div", { className: "mt-4 flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Medewerkers" }), _jsx(Input, { type: "number", min: 0, step: 1, value: staff, onChange: (e) => setStaff(e.target.value), className: "w-28" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Van" }), _jsx(Input, { type: "time", value: from, onChange: (e) => setFrom(e.target.value), className: "w-32" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Tot" }), _jsx(Input, { type: "time", value: to, onChange: (e) => setTo(e.target.value), className: "w-32" })] }), _jsx(Button, { size: "sm", onClick: save, disabled: saving, children: saving ? "Opslaan…" : "Opslaan" }), dayPlan && (_jsx(Button, { size: "sm", variant: "ghost", onClick: reset, disabled: saving, children: "Standaard herstellen" })), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEditing(false), disabled: saving, children: "Annuleren" })] }))] }));
 }
-function BestellingenTab({ orders, date }) {
+function BestellingenTab({ orders, isLoading }) {
+    const { bufferFor } = useOrderBuffers(orders.map((o) => o.ref));
+    // Orders die de Engine in dezelfde buffer heeft gezet horen als één
+    // (buffer)order in de agenda te staan.
+    const groups = [];
+    const byBuffer = new Map();
+    for (const o of orders) {
+        const buffer = bufferFor(o.ref);
+        if (!buffer) {
+            groups.push({ key: o.ref, bufferId: null, orders: [o] });
+            continue;
+        }
+        const idx = byBuffer.get(buffer.bufferId);
+        if (idx === undefined) {
+            byBuffer.set(buffer.bufferId, groups.length);
+            groups.push({ key: `buffer-${buffer.bufferId}`, bufferId: buffer.bufferId, orders: [o] });
+        }
+        else {
+            groups[idx].orders.push(o);
+        }
+    }
     if (orders.length === 0) {
-        return _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen bestellingen op deze dag." });
+        return (_jsx("p", { className: "text-sm text-muted-foreground", children: isLoading ? "Bestellingen laden…" : "Geen bestellingen op deze dag." }));
+    }
+    return (_jsx("div", { className: "space-y-3", children: groups.map((g) => g.bufferId && g.orders.length > 1 ? (_jsx(BufferGroup, { orders: g.orders }, g.key)) : (g.orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))))) }));
+}
+/** Print alle pakbonnen van één bestelling; geeft aantallen terug. */
+async function printPakbonnenVoorOrder(p, fetchLines) {
+    const source = p.order.source;
+    let lines = [];
+    try {
+        const res = await fetchLines({ data: { orderId: p.order.id, orderSource: source } });
+        lines = res.lines;
     }
-    return (_jsx("div", { className: "space-y-3", children: orders.map((p) => {
-            const cartsToday = (p.planning?.pickAssignments ?? []).find((a) => isSameDay(a.date, date))?.cartCount ?? 0;
-            return (_jsx(OrderRow, { planned: p, cartsToday: cartsToday }, p.order.id));
-        }) }));
+    catch {
+        /* doorgaan met lege regels */
+    }
+    const cartTotal = Math.max(1, (p.planning?.pickAssignments ?? []).reduce((sum, a) => sum + a.cartCount, 0));
+    const pickDateIso = p.planning?.pickAssignments?.[0]?.date?.toISOString?.().slice(0, 10) ??
+        new Date().toISOString().slice(0, 10);
+    const pakbonLines = lines.map((l) => ({
+        description: l.article,
+        crates: l.crates,
+        unit: null,
+    }));
+    let printed = 0;
+    let failed = 0;
+    for (let idx = 0; idx < cartTotal; idx++) {
+        const cartNumber = `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`;
+        try {
+            // Centrale pakbonlayout uit de Layout maker; de wachtrij kiest
+            // zelf de actieve layout en de bijbehorende printer.
+            await printLayoutDocument({
+                documenttype: "pakbon",
+                documentnaam: `PAK-${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`,
+                payload: {
+                    order: {
+                        id: p.order.id,
+                        orderNumber: p.order.orderNumber,
+                        customerName: p.order.customerName,
+                        country: p.order.country ?? null,
+                        deliveryDate: p.order.deliveryDate,
+                        pickDate: pickDateIso,
+                        cartIndex: idx + 1,
+                        cartTotal,
+                        cartNumber,
+                        lines: pakbonLines,
+                    },
+                },
+            });
+            printed++;
+        }
+        catch (err) {
+            failed++;
+            console.warn("[print-all] pakbon mislukt", cartNumber, err);
+        }
+    }
+    return { printed, failed };
 }
-function OrderRow({ planned: p, cartsToday }) {
+/** Meerdere orders die samen in één buffer zitten; één regel in de agenda. */
+function BufferGroup({ orders }) {
+    const [open, setOpen] = useState(false);
+    const [verzetOpen, setVerzetOpen] = useState(false);
+    const [printing, setPrinting] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const queryClient = useQueryClient();
+    const mark = useServerFn(markOrderShipped);
+    const fetchLines = useServerFn(getOrderLines);
+    const carts = orders.reduce((s, o) => s + (o.carts || 0), 0);
+    const klant = orders.find((o) => o.planned?.order.customerName)?.planned?.order.customerName ?? null;
+    const alleAf = orders.every((o) => voortgang(o.status).done);
+    const refs = orders.map((o) => o.ref).filter(Boolean);
+    const verzetOrders = orders.map((o) => ({
+        ref: o.ref,
+        customerName: o.planned?.order.customerName ?? "—",
+    }));
+    const afhandelen = async () => {
+        if (busy || alleAf)
+            return;
+        setBusy(true);
+        let ok = 0;
+        const failed = [];
+        for (const ref of refs) {
+            try {
+                await mark({ data: { orderRef: ref } });
+                ok++;
+            }
+            catch {
+                failed.push(ref);
+            }
+        }
+        if (ok > 0)
+            toast.success(`${ok} bestelling${ok === 1 ? "" : "en"} uit deze buffer afgehandeld (verzonden).`);
+        if (failed.length > 0)
+            toast.error(`Niet gelukt voor: ${failed.join(", ")}`);
+        for (const key of [
+            ["logistics-pick-agenda"],
+            ["engine"],
+            ["order-buffers"],
+            ["orders"],
+            ["known-orders"],
+            ["floriday"],
+        ]) {
+            queryClient.invalidateQueries({ queryKey: key });
+        }
+        setBusy(false);
+    };
+    const printAlles = async () => {
+        if (printing)
+            return;
+        setPrinting(true);
+        let printed = 0;
+        let failed = 0;
+        try {
+            for (const o of orders) {
+                if (!o.planned) {
+                    failed++;
+                    continue;
+                }
+                const res = await printPakbonnenVoorOrder(o.planned, fetchLines);
+                printed += res.printed;
+                failed += res.failed;
+            }
+            if (printed > 0) {
+                toast.success(`Documenten geprint — ${printed} pakbon${printed === 1 ? "" : "nen"}.`);
+            }
+            if (failed > 0)
+                toast.error(`${failed} pakbon kon niet worden geprint.`);
+        }
+        catch (err) {
+            toast.error(printFoutMelding(err));
+        }
+        finally {
+            setPrinting(false);
+        }
+    };
+    return (_jsxs("div", { className: "rounded-lg border border-primary/40 bg-primary/5", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-primary/10", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: "Buffer" }), _jsxs("span", { className: "font-medium", children: [orders.length, " bestellingen samen"] }), klant ? _jsx("span", { className: "text-xs text-muted-foreground", children: klant }) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [carts, " ", carts === 1 ? "kar" : "karren", " vandaag"] }), _jsx(Badge, { variant: alleAf ? "default" : "outline", children: alleAf ? "Afgehandeld" : "Nog te picken" }), _jsx("span", { className: "text-xs text-muted-foreground", children: refs.join(", ") })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: afhandelen, disabled: busy || alleAf, title: "Alle bestellingen in deze buffer in \u00E9\u00E9n keer afhandelen", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), alleAf ? "Afgehandeld" : busy ? "Bezig…" : "Buffer afhandelen (verzonden)"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: printAlles, disabled: printing, title: "Alle pakbonnen van deze buffer afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Alle bestellingen van deze buffer verzetten", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), open && (_jsx("div", { className: "space-y-2 border-t border-primary/30 px-2 py-2", children: orders.map((o) => o.planned ? (_jsx(OrderRow, { planned: o.planned, cartsToday: o.carts, engineStatus: o.status }, o.ref)) : (_jsx(EngineOrderRow, { order: o }, o.ref))) })), _jsx(BulkVerzetDialog, { open: verzetOpen, orders: verzetOrders, cartCount: carts, onOpenChange: setVerzetOpen, onDone: () => setVerzetOpen(false) })] }));
+}
+/** Bestelling die alleen de Engine kent; verdere ordergegevens ontbreken. */
+/** Knop "Afhandelen (verzonden)" — zet de bestelling in de orderadministratie op Verzonden. */
+function AfhandelenButton({ orderRef, done }) {
+    const [busy, setBusy] = useState(false);
+    const queryClient = useQueryClient();
+    const mark = useServerFn(markOrderShipped);
+    const ref = (orderRef ?? "").trim();
+    if (!ref)
+        return null;
+    const handle = async (e) => {
+        e.stopPropagation();
+        if (busy || done)
+            return;
+        setBusy(true);
+        try {
+            await mark({ data: { orderRef: ref } });
+            toast.success(`Bestelling ${ref} is afgehandeld (verzonden).`);
+            for (const key of [
+                ["logistics-pick-agenda"],
+                ["engine"],
+                ["order-buffers"],
+                ["orders"],
+                ["known-orders"],
+                ["floriday"],
+            ]) {
+                queryClient.invalidateQueries({ queryKey: key });
+            }
+        }
+        catch (err) {
+            toast.error(err instanceof Error ? err.message : "Afhandelen mislukt.");
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs(Button, { size: "sm", variant: "outline", onClick: handle, disabled: busy || done, title: "Deze bestelling afhandelen en op verzonden zetten", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), done ? "Afgehandeld" : busy ? "Bezig…" : "Afhandelen (verzonden)"] }));
+}
+function EngineOrderRow({ order }) {
+    return (_jsx("div", { className: "rounded-lg border bg-card px-4 py-3", children: _jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm md:grid-cols-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: order.ref }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen bekend bij de Engine" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Karren vandaag" }), _jsx("div", { children: order.carts })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Planten" }), _jsx("div", { children: order.plants })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(Badge, { variant: voortgang(order.status).variant, children: voortgang(order.status).label }), _jsx(AfhandelenButton, { orderRef: order.ref, done: voortgang(order.status).done })] })] }) }));
+}
+function OrderRow({ planned: p, cartsToday, engineStatus, }) {
     const [open, setOpen] = useState(false);
     const [printing, setPrinting] = useState(false);
     const [verzetOpen, setVerzetOpen] = useState(false);
@@ -159,62 +392,12 @@ function OrderRow({ planned: p, cartsToday }) {
             return;
         setPrinting(true);
         try {
-            // Zorg dat we regels hebben — anders eerst ophalen.
-            let lines = linesQuery.data?.lines ?? [];
-            if (lines.length === 0) {
-                try {
-                    const res = await fetchLines({ data: { orderId: p.order.id, orderSource: source } });
-                    lines = res.lines;
-                }
-                catch {
-                    /* doorgaan met lege regels */
-                }
-            }
-            const cartTotal = Math.max(1, (p.planning?.pickAssignments ?? []).reduce((sum, a) => sum + a.cartCount, 0));
-            const pickDateIso = p.planning?.pickAssignments?.[0]?.date?.toISOString?.().slice(0, 10) ??
-                new Date().toISOString().slice(0, 10);
-            const pakbonLines = lines.map((l) => ({
-                description: l.article,
-                crates: l.crates,
-                unit: null,
-            }));
-            let printed = 0;
-            let pakbonFailed = 0;
-            for (let idx = 0; idx < cartTotal; idx++) {
-                const cartNumber = `${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`;
-                try {
-                    // Centrale pakbonlayout uit de Layout maker; de wachtrij kiest
-                    // zelf de actieve layout en de bijbehorende printer.
-                    await printLayoutDocument({
-                        documenttype: "pakbon",
-                        documentnaam: `PAK-${p.order.orderNumber}-${String(idx + 1).padStart(2, "0")}`,
-                        payload: {
-                            order: {
-                                id: p.order.id,
-                                orderNumber: p.order.orderNumber,
-                                customerName: p.order.customerName,
-                                country: p.order.country ?? null,
-                                deliveryDate: p.order.deliveryDate,
-                                pickDate: pickDateIso,
-                                cartIndex: idx + 1,
-                                cartTotal,
-                                cartNumber,
-                                lines: pakbonLines,
-                            },
-                        },
-                    });
-                    printed++;
-                }
-                catch (err) {
-                    pakbonFailed++;
-                    console.warn("[print-all] pakbon mislukt", cartNumber, err);
-                }
-            }
+            const { printed, failed } = await printPakbonnenVoorOrder(p, fetchLines);
             if (printed > 0) {
                 toast.success(`Documenten geprint — ${printed} pakbon${printed === 1 ? "" : "nen"}.`);
             }
-            if (pakbonFailed > 0) {
-                toast.error(`${pakbonFailed} pakbon kon niet worden geprint.`);
+            if (failed > 0) {
+                toast.error(`${failed} pakbon kon niet worden geprint.`);
             }
         }
         catch (err) {
@@ -225,17 +408,17 @@ function OrderRow({ planned: p, cartsToday }) {
             setPrinting(false);
         }
     };
-    return (_jsxs("div", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "flex items-center gap-2 pr-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "flex flex-1 items-center gap-3 px-4 py-3 text-left hover:bg-muted/50", children: [open ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }), _jsxs("div", { className: "flex-1 grid grid-cols-2 md:grid-cols-4 gap-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx("div", { className: "text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Type" }), _jsx("div", { children: p.order.deliveryType })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Leverdatum" }), _jsx("div", { children: p.order.deliveryDate
-                                                    ? new Date(p.order.deliveryDate).toLocaleDateString("nl-NL")
-                                                    : "—" })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " karren vandaag"] }), _jsx(Badge, { variant: "outline", children: p.order.status }), (() => {
+    return (_jsxs("div", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-muted/50", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-1 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Type ", _jsx("span", { className: "text-foreground", children: p.order.deliveryType })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Leverdatum", " ", _jsx("span", { className: "text-foreground", children: p.order.deliveryDate
+                                                            ? new Date(p.order.deliveryDate).toLocaleDateString("nl-NL")
+                                                            : "—" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " karren vandaag"] }), _jsx(Badge, { variant: voortgang(engineStatus ?? p.order.status).variant, children: voortgang(engineStatus ?? p.order.status).label }), _jsx(Badge, { variant: "outline", children: p.order.status }), (() => {
                                                 const src = p.order.source === "floriday" ? "floriday" : "manual";
                                                 const soId = p.order.salesOrderId ?? (src === "floriday" ? p.order.id : null);
                                                 return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId, compact: true, allowManualTrigger: false })) : null;
-                                            })()] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [(() => {
+                                            })()] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [(() => {
                                 const src = p.order.source === "floriday" ? "floriday" : "manual";
                                 const soId = p.order.salesOrderId ?? (src === "floriday" ? p.order.id : null);
-                                return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId })) : null;
-                            })(), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle pakbonnen van deze bestelling afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
+                                return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId, orderRef: p.order.orderNumber })) : null;
+                            })(), _jsx(AfhandelenButton, { orderRef: p.order.orderNumber, done: voortgang(p.order.status).done }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle pakbonnen van deze bestelling afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
                                     e.stopPropagation();
                                     setVerzetOpen(true);
                                 }, title: "Ophaaldag of ophaaltijd van deze order wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: p.order.orderNumber, carrierTarget: {
@@ -271,10 +454,10 @@ function KarrenTab({ carts }) {
     const allSelected = selected.size === carts.length;
     const toggleAll = () => setSelected(allSelected ? new Set() : new Set(carts.map((c) => c.key)));
     const selectedCarts = carts.filter((c) => selected.has(c.key));
-    const selectedOrders = Array.from(new Map(selectedCarts.map((c) => [c.order.order.orderNumber, c.order])).values());
+    const selectedOrders = Array.from(new Map(selectedCarts.map((c) => [c.orderRef, { ref: c.orderRef, customerName: c.customerName }])).values());
     return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mb-3 text-xs text-muted-foreground", children: "De indeling komt uit de Logistics Engine. Verzetten gebeurt per bestelling: alle karren van die bestelling schuiven mee." }), _jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3 rounded-md border bg-muted/30 px-3 py-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: allSelected, onCheckedChange: toggleAll }), _jsx("span", { children: selected.size > 0
                                     ? `${selected.size} kar${selected.size === 1 ? "" : "ren"} geselecteerd · ${selectedOrders.length} bestelling${selectedOrders.length === 1 ? "" : "en"}`
-                                    : "Alles selecteren" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selected.size > 0 && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Selectie wissen" })), _jsxs(Button, { size: "sm", disabled: selected.size === 0, onClick: () => setBulkOpen(true), children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Geselecteerde verzetten"] })] })] }), _jsx("div", { className: "grid gap-3", children: carts.map((c) => (_jsx(KarRow, { cart: c, selected: selected.has(c.key), onToggle: () => toggle(c.key) }, c.key))) }), _jsx(BulkVerzetDialog, { open: bulkOpen, orders: selectedOrders, cartCount: selected.size, onOpenChange: setBulkOpen, onDone: () => setSelected(new Set()) })] }));
+                                    : "Alles selecteren" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selected.size > 0 && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Selectie wissen" })), _jsxs(Button, { size: "sm", disabled: selected.size === 0, onClick: () => setBulkOpen(true), children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Geselecteerde verzetten"] })] })] }), _jsx("div", { className: "grid gap-3", children: carts.map((c) => (_jsx(KarRow, { cart: c, cartTotal: carts.filter((x) => x.orderRef === c.orderRef).length, selected: selected.has(c.key), onToggle: () => toggle(c.key) }, c.key))) }), _jsx(BulkVerzetDialog, { open: bulkOpen, orders: selectedOrders, cartCount: selected.size, onOpenChange: setBulkOpen, onDone: () => setSelected(new Set()) })] }));
 }
 function BulkVerzetDialog({ open, orders, cartCount, onOpenChange, onDone, }) {
     const [day, setDay] = useState("");
@@ -285,8 +468,8 @@ function BulkVerzetDialog({ open, orders, cartCount, onOpenChange, onDone, }) {
         setBusy(true);
         let ok = 0;
         const failed = [];
-        for (const p of orders) {
-            const ref = p.order.orderNumber || p.order.id;
+        for (const o of orders) {
+            const ref = o.ref;
             try {
                 const res = await setPickDay(ref, day);
                 if (res.ok)
@@ -308,15 +491,121 @@ function BulkVerzetDialog({ open, orders, cartCount, onOpenChange, onDone, }) {
             onOpenChange(false);
         }
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Karren verzetten" }), _jsxs(DialogDescription, { children: [cartCount, " kar", cartCount === 1 ? "" : "ren", " uit ", orders.length, " bestelling", orders.length === 1 ? "" : "en", ". Alle karren van deze bestellingen verschuiven mee."] })] }), _jsx(ResponsiveDialogBody, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Nieuwe pickdag" }), _jsx(Input, { type: "date", value: day, onChange: (e) => setDay(e.target.value), className: "w-48" }), _jsx("ul", { className: "mt-3 max-h-40 space-y-1 overflow-y-auto text-sm", children: orders.map((p) => (_jsxs("li", { className: "text-muted-foreground", children: [p.order.orderNumber, " \u2014 ", p.order.customerName] }, p.order.id))) })] }) }), _jsxs(ResponsiveDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: "Annuleren" }), _jsx(Button, { onClick: submit, disabled: busy || !day, children: busy ? "Bezig…" : "Verzetten" })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Karren verzetten" }), _jsxs(DialogDescription, { children: [cartCount, " kar", cartCount === 1 ? "" : "ren", " uit ", orders.length, " bestelling", orders.length === 1 ? "" : "en", ". Alle karren van deze bestellingen verschuiven mee."] })] }), _jsx(ResponsiveDialogBody, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Nieuwe pickdag" }), _jsx(Input, { type: "date", value: day, onChange: (e) => setDay(e.target.value), className: "w-48" }), _jsx("ul", { className: "mt-3 max-h-40 space-y-1 overflow-y-auto text-sm", children: orders.map((o) => (_jsxs("li", { className: "text-muted-foreground", children: [o.ref, " \u2014 ", o.customerName] }, o.ref))) })] }) }), _jsxs(ResponsiveDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: "Annuleren" }), _jsx(Button, { onClick: submit, disabled: busy || !day, children: busy ? "Bezig…" : "Verzetten" })] })] }) }));
 }
-function KarRow({ cart: c, selected, onToggle, }) {
+function KarRow({ cart: c, cartTotal, selected, onToggle, }) {
     const [verzetOpen, setVerzetOpen] = useState(false);
-    return (_jsxs("div", { className: `rounded-md border p-3 ${selected ? "border-primary bg-primary/5" : ""}`, children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { checked: selected, onCheckedChange: onToggle, className: "mt-1" }), _jsxs("div", { className: "grid flex-1 gap-3 lg:grid-cols-[1fr_1.4fr_1fr_auto] lg:items-center", children: [_jsx(Field, { label: "Karnummer", value: c.cartNumber }), _jsx(Field, { label: "Klant", value: c.order.order.customerName }), _jsx(Field, { label: "Bestelling", value: c.order.order.orderNumber }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "secondary", children: "Nog te picken" }), _jsxs(Badge, { variant: "outline", children: [c.occupancy, "%"] }), _jsxs(Badge, { variant: "outline", children: [c.layers, " lagen"] }), _jsxs(Badge, { variant: "outline", children: [c.plants, " planten"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Ophaaldag of ophaaltijd van de bestelling van deze kar wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: c.order.order.orderNumber, carrierTarget: {
-                    carrierId: c.order.order.carrierId ?? null,
-                    country: c.order.order.country ?? null,
-                    province: c.order.order.province ?? null,
-                    city: c.order.order.city ?? null,
+    const [bezig, setBezig] = useState(null);
+    const fetchLines = useServerFn(getOrderLines);
+    const fetchDeliveryNote = useServerFn(getDeliveryNotePdf);
+    const fetchShippingNoteLayout = useServerFn(getShippingNoteLayout);
+    const printPakbon = async () => {
+        if (bezig)
+            return;
+        setBezig("pakbon");
+        try {
+            let pakbonLines = [];
+            const p = c.order;
+            if (p) {
+                try {
+                    const res = await fetchLines({
+                        data: { orderId: p.order.id, orderSource: p.order.source },
+                    });
+                    pakbonLines = res.lines.map((l) => ({
+                        description: l.article,
+                        crates: l.crates,
+                        unit: null,
+                    }));
+                }
+                catch {
+                    /* pakbon zonder regels blijft mogelijk */
+                }
+            }
+            const nr = String(c.cartIndex).padStart(2, "0");
+            await printLayoutDocument({
+                documenttype: "pakbon",
+                documentnaam: `PAK-${c.orderRef}-${nr}`,
+                isHerprint: true,
+                payload: {
+                    order: {
+                        id: p?.order.id ?? c.orderRef,
+                        orderNumber: c.orderRef,
+                        customerName: c.customerName,
+                        country: p?.order.country ?? null,
+                        deliveryDate: p?.order.deliveryDate ?? null,
+                        pickDate: new Date().toISOString().slice(0, 10),
+                        cartIndex: c.cartIndex,
+                        cartTotal,
+                        cartNumber: c.cartNumber,
+                        lines: pakbonLines,
+                    },
+                },
+            });
+            toast.success(`Pakbon ${c.cartNumber} is naar de printer gestuurd.`);
+        }
+        catch (err) {
+            toast.error(printFoutMelding(err));
+        }
+        finally {
+            setBezig(null);
+        }
+    };
+    const printVerzendbrief = async () => {
+        if (bezig)
+            return;
+        setBezig("brief");
+        try {
+            // 1) De layout die de Engine koppelt aan "Verzendbrief voor BVO orders".
+            const p = c.order;
+            const keuze = await fetchShippingNoteLayout({});
+            if (keuze.layoutId) {
+                await printLayoutDocument({
+                    documenttype: keuze.documenttype ?? "afleverbrief",
+                    documentnaam: `AFL-${c.orderRef}`,
+                    layoutId: keuze.layoutId,
+                    isHerprint: true,
+                    payload: {
+                        order: {
+                            id: p?.order.id ?? c.orderRef,
+                            orderNumber: c.orderRef,
+                            customerName: c.customerName,
+                            country: p?.order.country ?? null,
+                            deliveryDate: p?.order.deliveryDate ?? null,
+                            cartIndex: c.cartIndex,
+                            cartTotal,
+                            cartNumber: c.cartNumber,
+                        },
+                    },
+                });
+                toast.success(`Verzendbrief ${c.orderRef} is naar de printer gestuurd.`);
+                return;
+            }
+            // 2) Geen eigen layout ingesteld: dan de Floriday-brief, als die er is.
+            const { pdf } = await fetchDeliveryNote({ data: { orderRef: c.orderRef } });
+            if (!pdf) {
+                toast.error("Er is geen verzendbrief-layout gekoppeld in de Logistieke Engine en geen Floriday-brief beschikbaar.");
+                return;
+            }
+            await printPdfDocument({
+                documenttype: "afleverbrief",
+                documentnaam: `AFL-${c.orderRef}`,
+                isHerprint: true,
+                pdfBase64: pdf.base64,
+            });
+            toast.success(`Verzendbrief ${c.orderRef} is naar de printer gestuurd.`);
+        }
+        catch (err) {
+            toast.error(printFoutMelding(err));
+        }
+        finally {
+            setBezig(null);
+        }
+    };
+    return (_jsxs("div", { className: `rounded-md border p-3 ${selected ? "border-primary bg-primary/5" : ""}`, children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { checked: selected, onCheckedChange: onToggle, className: "mt-1" }), _jsxs("div", { className: "grid flex-1 gap-3 lg:grid-cols-[1fr_1.4fr_1fr_auto] lg:items-center", children: [_jsx(Field, { label: "Karnummer", value: c.cartNumber }), _jsx(Field, { label: "Klant", value: c.customerName }), _jsx(Field, { label: "Bestelling", value: c.orderRef }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: voortgang(c.status).variant, children: voortgang(c.status).label }), _jsxs(Badge, { variant: "outline", children: [c.occupancy, "%"] }), _jsxs(Badge, { variant: "outline", children: [c.layers, " lagen"] }), _jsxs(Badge, { variant: "outline", children: [c.plants, " planten"] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: bezig !== null, onClick: printPakbon, title: "Pakbon van deze kar opnieuw printen", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), bezig === "pakbon" ? "Bezig…" : "Pakbon"] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: bezig !== null, onClick: printVerzendbrief, title: "Verzendbrief van deze bestelling printen", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), bezig === "brief" ? "Bezig…" : "Verzendbrief"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Ophaaldag of ophaaltijd van de bestelling van deze kar wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: c.orderRef, carrierTarget: {
+                    carrierId: c.order?.order.carrierId ?? null,
+                    country: c.order?.order.country ?? null,
+                    province: c.order?.order.province ?? null,
+                    city: c.order?.order.city ?? null,
                 }, onOpenChange: setVerzetOpen })] }));
 }
 function Metric({ label, value }) {