/* global React */
const { useState, useMemo, useEffect, useRef } = React;
const D = window.LAGER_DATA;
// ---------- Icons (minimal stroke icons, no SVG illustrations) ----------
const Ico = {
dash: (p) => ,
bar: (p) => ,
count: (p) => ,
order: (p) => ,
retur: (p) => ,
doc: (p) => ,
warn: (p) => ,
set: (p) => ,
search: (p) => ,
plus: (p) => ,
up: (p) => ,
upload: (p) => ,
filter: (p) => ,
check: (p) => ,
arrow: (p) => ,
};
// ---------- Helpers ----------
const product = (pid) => D.products.find(p => p.id === pid);
const bar = (bid) => D.bars.find(b => b.id === bid);
const fmtKr = (n) => new Intl.NumberFormat("da-DK").format(n) + " kr";
const stockStatus = (row) => {
if (row.current === 0) return "danger";
if (row.current < row.par) return "warn";
return "ok";
};
const barRollup = (bid) => {
const rows = D.stock[bid] || [];
const total = rows.length;
const low = rows.filter(r => r.current < r.par).length;
const empty = rows.filter(r => r.current === 0).length;
const value = rows.reduce((s, r) => s + r.current * (product(r.pid)?.price || 0), 0);
return { total, low, empty, value };
};
// ---------- Pill ----------
const Pill = ({ tone, children, dot }) => (
{dot && }{children}
);
// ---------- Stepper input ----------
const Stepper = ({ value, onChange, min = 0, step = 1 }) => (
{
const v = parseInt(e.target.value || "0", 10);
onChange(isNaN(v) ? 0 : Math.max(min, v));
}}/>
);
// ---------- Level bar with par marker ----------
const Level = ({ current, max, par }) => {
const pct = Math.min(100, Math.max(0, (current / max) * 100));
const parPct = Math.min(100, Math.max(0, (par / max) * 100));
const status = current === 0 ? "danger" : current < par ? "warn" : "ok";
return (
);
};
const DAY_NAMES_DA = ["Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag"];
const festivalDay = () => {
const start = new Date(D.festival.startDate + "T00:00:00");
const end = new Date(D.festival.endDate + "T00:00:00");
const today = new Date(); today.setHours(0, 0, 0, 0);
const total = Math.round((end - start) / 86400000) + 1;
const num = Math.min(Math.max(Math.round((today - start) / 86400000) + 1, 1), total);
const date = new Date(start.getTime() + (num - 1) * 86400000);
return { num, total, name: DAY_NAMES_DA[date.getDay()] };
};
window.LagerUI = { Ico, Pill, Stepper, Level, product, bar, fmtKr, stockStatus, barRollup, festivalDay };