/* Inline SVG icons + i18n strings */

const Icon = ({ name, size = 16, ...rest }) => {
  const paths = {
    dashboard: <><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></>,
    machine: <><rect x="4" y="3" width="16" height="18" rx="2"/><line x1="4" y1="9" x2="20" y2="9"/><line x1="4" y1="15" x2="20" y2="15"/><line x1="12" y1="3" x2="12" y2="21"/></>,
    inventory: <><path d="M3 7l9-4 9 4-9 4-9-4z"/><path d="M3 12l9 4 9-4"/><path d="M3 17l9 4 9-4"/></>,
    transaction: <><path d="M7 4l-3 3 3 3"/><path d="M4 7h11a4 4 0 0 1 4 4"/><path d="M17 20l3-3-3-3"/><path d="M20 17H9a4 4 0 0 1-4-4"/></>,
    bell: <><path d="M6 8a6 6 0 1 1 12 0c0 7 3 8 3 8H3s3-1 3-8"/><path d="M10 21a2 2 0 0 0 4 0"/></>,
    bottle: <><path d="M9 2h6"/><path d="M10 2v3a3 3 0 0 1-2 3v0a4 4 0 0 0-2 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-8a4 4 0 0 0-2-3v0a3 3 0 0 1-2-3V2"/></>,
    users: <><circle cx="9" cy="8" r="3.5"/><path d="M3 21c0-3.5 3-6 6-6s6 2.5 6 6"/><path d="M16 4a3.5 3.5 0 0 1 0 7"/><path d="M21 21c0-3-2-5.5-5-6"/></>,
    settings: <><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3h0a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8v0a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/></>,
    camera: <><path d="M3 7h4l2-3h6l2 3h4v13H3z"/><circle cx="12" cy="13" r="4"/></>,
    chart: <><line x1="3" y1="20" x2="21" y2="20"/><rect x="5" y="11" width="3" height="8"/><rect x="10.5" y="6" width="3" height="13"/><rect x="16" y="14" width="3" height="5"/></>,
    search: <><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></>,
    chevdown: <polyline points="6 9 12 15 18 9"/>,
    chevright: <polyline points="9 18 15 12 9 6"/>,
    chevleft: <polyline points="15 6 9 12 15 18"/>,
    close: <><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></>,
    plus: <><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></>,
    download: <><path d="M12 4v12"/><polyline points="7 11 12 16 17 11"/><line x1="4" y1="20" x2="20" y2="20"/></>,
    refresh: <><path d="M4 12a8 8 0 0 1 14-5.3L21 9"/><polyline points="21 4 21 9 16 9"/><path d="M20 12a8 8 0 0 1-14 5.3L3 15"/><polyline points="3 20 3 15 8 15"/></>,
    filter: <><polygon points="4 4 20 4 14 12 14 19 10 21 10 12 4 4"/></>,
    lock: <><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></>,
    unlock: <><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 7-2"/></>,
    warning: <><path d="M12 3l10 18H2L12 3z"/><line x1="12" y1="10" x2="12" y2="14"/><circle cx="12" cy="17.5" r="0.8" className="icon-fill"/></>,
    check: <polyline points="4 12 10 18 20 6"/>,
    pause: <><rect x="6" y="5" width="4" height="14"/><rect x="14" y="5" width="4" height="14"/></>,
    play: <polygon points="6 4 20 12 6 20 6 4"/>,
    eye: <><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></>,
    door: <><rect x="5" y="3" width="14" height="18" rx="1"/><circle cx="15" cy="12" r="0.9" className="icon-fill"/></>,
    map: <><polygon points="3 6 9 4 15 6 21 4 21 18 15 20 9 18 3 20 3 6"/><line x1="9" y1="4" x2="9" y2="18"/><line x1="15" y1="6" x2="15" y2="20"/></>,
    grid: <><rect x="3" y="3" width="8" height="8"/><rect x="13" y="3" width="8" height="8"/><rect x="3" y="13" width="8" height="8"/><rect x="13" y="13" width="8" height="8"/></>,
    list: <><line x1="8" y1="6" x2="20" y2="6"/><line x1="8" y1="12" x2="20" y2="12"/><line x1="8" y1="18" x2="20" y2="18"/><circle cx="4" cy="6" r="1" className="icon-fill"/><circle cx="4" cy="12" r="1" className="icon-fill"/><circle cx="4" cy="18" r="1" className="icon-fill"/></>,
    sliders: <><line x1="4" y1="6" x2="12" y2="6"/><line x1="16" y1="6" x2="20" y2="6"/><circle cx="14" cy="6" r="2"/><line x1="4" y1="12" x2="6" y2="12"/><line x1="10" y1="12" x2="20" y2="12"/><circle cx="8" cy="12" r="2"/><line x1="4" y1="18" x2="14" y2="18"/><line x1="18" y1="18" x2="20" y2="18"/><circle cx="16" cy="18" r="2"/></>,
    sun: <><circle cx="12" cy="12" r="4"/><line x1="12" y1="2" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="22"/><line x1="2" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="22" y2="12"/><line x1="5" y1="5" x2="6.5" y2="6.5"/><line x1="17.5" y1="17.5" x2="19" y2="19"/><line x1="5" y1="19" x2="6.5" y2="17.5"/><line x1="17.5" y1="6.5" x2="19" y2="5"/></>,
    moon: <path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>,
    info: <><circle cx="12" cy="12" r="9"/><line x1="12" y1="11" x2="12" y2="16"/><circle cx="12" cy="8" r="1" className="icon-fill"/></>,
    dot: <circle cx="12" cy="12" r="2.5" className="icon-fill"/>,
    arrowup: <><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></>,
    arrowdown: <><line x1="12" y1="5" x2="12" y2="19"/><polyline points="5 12 12 19 19 12"/></>,
  };
  return (
    <svg className="icon" viewBox="0 0 24 24" width={size} height={size} {...rest}>
      {paths[name]}
    </svg>
  );
};

const I18N = {
  no: {
    nav_overview: 'Oversikt',
    nav_machines: 'Automater',
    nav_transactions: 'Transaksjoner',
    nav_events: 'Hendelser',
    nav_bottles: 'Flasker & priser',
    nav_users: 'Brukere',
    nav_settings: 'Innstillinger',

    overview_title: 'Oversikt',
    overview_sub: 'Sanntid på tvers av alle automater i tenanten',

    kpi_today_rev: 'Omsetning i dag',
    kpi_month_rev: 'Omsetning denne mnd',
    kpi_full_total: 'Fulle totalt',
    kpi_empty: 'Tomme – klar for henting',
    kpi_vacant: 'Ledige hyller',
    kpi_offline: 'Offline / med feil',

    alarms: 'Aktive varsler',
    alarms_sub: 'Alle åpne hendelser på tvers av automater',
    all_machines: 'Alle automater',
    view_map: 'Kart',
    view_grid: 'Kort',
    view_list: 'Liste',
    add_machine: 'Legg til automat',

    full: 'Fulle',
    empty: 'Tomme',
    vacant: 'Ledige',
    today: 'I dag',
    month: 'Denne mnd',
    online: 'Online',
    offline: 'Offline',
    warn: 'Varsler',
    live: 'LIVE',

    tab_statistics: 'Statistikk',
    tab_inventory: 'Sanntidsbeholdning',
    tab_shelves: 'Hyller',
    tab_cameras: 'Kameraer',
    tab_transactions: 'Transaksjoner',
    tab_events: 'Hendelser',
    tab_settings: 'Innstillinger',

    overall: 'Totalt',
    swap: 'Bytte',
    buy: 'Kjøp',
    avg_basket: 'Snitt per transaksjon',
    avg_dwell: 'Snitt-tid per kunde',
    refill_freq: 'Snitt mellom påfyll',
    classification_conf: 'Bilde-klassifisering snitt-konfidens',

    cabinet_front: 'Skap A (front)',
    cabinet_back: 'Skap B (bakside)',
    cabinet_sub: '12 hyller · 4 kameraer',

    state_full: 'Full',
    state_empty: 'Tomflaske',
    state_vacant: 'Ledig',
    state_disabled: 'Deaktivert',
    state_error: 'Feil',

    shelf_actions: 'Hyllestyring',
    btn_unlock: 'Åpne lås',
    btn_lock: 'Lås',
    btn_disable: 'Deaktiver',
    btn_enable: 'Aktiver',
    btn_force_empty: 'Marker som tom',
    btn_force_full: 'Marker som full',
    btn_capture: 'Ta nytt bilde',

    last_capture: 'Siste kamerabilde',
    capture_taken: 'Tatt',
    last_event: 'Siste hendelse',

    calibrate_title: 'Kamerakalibrering',
    calibrate_sub: 'Marker utsnittet til hver hylle (2×2) i kamerabildet. Verdiene lagres som ROI per hylle.',
    cam: 'Kamera',
    coverage: 'Dekker',
    new_capture: 'Nytt bilde',
    save_rois: 'Lagre ROI',
    auto_detect: 'AI-forslag',
    snap_grid: 'Snap 2×2',
    reset_rois: 'Tilbakestill',

    bottles_title: 'Flasker & priser',
    bottles_sub: 'Definer flasketyper, bytte- og kjøpspriser',
    type: 'Type',
    name: 'Navn',
    weight: 'Vekt',
    swap_price: 'Bytte-pris',
    new_price: 'Kjøp-pris (med flaske)',
    inventory_total: 'På lager (alle automater)',
    edit: 'Endre',

    users_title: 'Brukere & tilganger',
    users_sub: 'Inviter teammedlemmer og styr roller per tenant',
    invite: 'Inviter bruker',
    role: 'Rolle',
    last_seen: 'Sist aktiv',

    search_placeholder: 'Søk automat (navn eller ID)…',
    refresh: 'Oppdater',
    export: 'Eksporter',
    settings: 'Innstillinger',

    tx_id: 'Transaksjon',
    tx_time: 'Tid',
    tx_type: 'Type',
    tx_bottle: 'Flaske',
    tx_shelf_out: 'Hylle ut',
    tx_shelf_in: 'Hylle inn',
    tx_amount: 'Beløp',
    tx_pay: 'Betaling',
    tx_duration: 'Varighet',

    ev_time: 'Tid',
    ev_sev: 'Alvorlighet',
    ev_msg: 'Melding',
    ev_machine: 'Automat',
    ev_shelf: 'Hylle',
    ev_camera: 'Kamera',
    sev_danger: 'Kritisk',
    sev_warn: 'Varsel',
    sev_info: 'Info',

    minutes_ago: 'min siden',
    hours_ago: 't siden',
    days_ago: 'd siden',

    last_seen_label: 'Sist sett',
    firmware: 'Firmware',
    last_service: 'Siste service',

    open: 'Åpne',
    close: 'Lukk',
    revenue: 'Omsetning',
    transactions: 'Transaksjoner',
    sales_split: 'Salgsfordeling',
    top_bottles: 'Mest solgte flasker',
    busy_hours: 'Travleste tider',
    last7: 'Siste 7 dager',
    last30: 'Siste 30 dager',
    last90: 'Siste 90 dager',

    machine_details: 'Automat-detaljer',
  },
  en: {
    nav_overview: 'Overview',
    nav_machines: 'Machines',
    nav_transactions: 'Transactions',
    nav_events: 'Events',
    nav_bottles: 'Bottles & pricing',
    nav_users: 'Users',
    nav_settings: 'Settings',

    overview_title: 'Overview',
    overview_sub: 'Realtime across all machines in the tenant',

    kpi_today_rev: 'Revenue today',
    kpi_month_rev: 'Revenue this month',
    kpi_full_total: 'Full total',
    kpi_empty: 'Empty – ready for pickup',
    kpi_vacant: 'Vacant shelves',
    kpi_offline: 'Offline / with errors',

    alarms: 'Active alerts',
    alarms_sub: 'All open events across machines',
    all_machines: 'All machines',
    view_map: 'Map',
    view_grid: 'Cards',
    view_list: 'List',
    add_machine: 'Add machine',

    full: 'Full',
    empty: 'Empty',
    vacant: 'Vacant',
    today: 'Today',
    month: 'This month',
    online: 'Online',
    offline: 'Offline',
    warn: 'Alerts',
    live: 'LIVE',

    tab_statistics: 'Statistics',
    tab_inventory: 'Realtime inventory',
    tab_shelves: 'Shelves',
    tab_cameras: 'Cameras',
    tab_transactions: 'Transactions',
    tab_events: 'Events',
    tab_settings: 'Settings',

    overall: 'Total',
    swap: 'Swap',
    buy: 'Buy',
    avg_basket: 'Avg per transaction',
    avg_dwell: 'Avg customer time',
    refill_freq: 'Avg between refills',
    classification_conf: 'Image-class. avg confidence',

    cabinet_front: 'Cabinet A (front)',
    cabinet_back: 'Cabinet B (back)',
    cabinet_sub: '12 shelves · 4 cameras',

    state_full: 'Full',
    state_empty: 'Empty bottle',
    state_vacant: 'Vacant',
    state_disabled: 'Disabled',
    state_error: 'Error',

    shelf_actions: 'Shelf control',
    btn_unlock: 'Unlock',
    btn_lock: 'Lock',
    btn_disable: 'Disable',
    btn_enable: 'Enable',
    btn_force_empty: 'Mark as empty',
    btn_force_full: 'Mark as full',
    btn_capture: 'Capture image',

    last_capture: 'Last camera image',
    capture_taken: 'Taken',
    last_event: 'Last event',

    calibrate_title: 'Camera calibration',
    calibrate_sub: 'Drag rectangles to mark each shelf (2×2) in the camera frame. Stored as ROI per shelf.',
    cam: 'Camera',
    coverage: 'Covers',
    new_capture: 'New capture',
    save_rois: 'Save ROIs',
    auto_detect: 'AI suggest',
    snap_grid: 'Snap 2×2',
    reset_rois: 'Reset',

    bottles_title: 'Bottles & pricing',
    bottles_sub: 'Define bottle types, swap and new-bottle prices',
    type: 'Type',
    name: 'Name',
    weight: 'Weight',
    swap_price: 'Swap price',
    new_price: 'New-bottle price',
    inventory_total: 'In stock (all machines)',
    edit: 'Edit',

    users_title: 'Users & access',
    users_sub: 'Invite teammates and manage roles per tenant',
    invite: 'Invite user',
    role: 'Role',
    last_seen: 'Last seen',

    search_placeholder: 'Search machine (name or ID)…',
    refresh: 'Refresh',
    export: 'Export',
    settings: 'Settings',

    tx_id: 'Transaction',
    tx_time: 'Time',
    tx_type: 'Type',
    tx_bottle: 'Bottle',
    tx_shelf_out: 'Shelf out',
    tx_shelf_in: 'Shelf in',
    tx_amount: 'Amount',
    tx_pay: 'Payment',
    tx_duration: 'Duration',

    ev_time: 'Time',
    ev_sev: 'Severity',
    ev_msg: 'Message',
    ev_machine: 'Machine',
    ev_shelf: 'Shelf',
    ev_camera: 'Camera',
    sev_danger: 'Critical',
    sev_warn: 'Warning',
    sev_info: 'Info',

    minutes_ago: 'min ago',
    hours_ago: 'h ago',
    days_ago: 'd ago',

    last_seen_label: 'Last seen',
    firmware: 'Firmware',
    last_service: 'Last service',

    open: 'Open',
    close: 'Close',
    revenue: 'Revenue',
    transactions: 'Transactions',
    sales_split: 'Sales split',
    top_bottles: 'Top bottles',
    busy_hours: 'Busiest hours',
    last7: 'Last 7 days',
    last30: 'Last 30 days',
    last90: 'Last 90 days',

    machine_details: 'Machine details',
  },
};

const fmtKr = (n, lang = 'no') => {
  if (n == null) return '–';
  const s = Math.round(n).toLocaleString(lang === 'no' ? 'nb-NO' : 'en-US');
  return lang === 'no' ? `${s} kr` : `NOK ${s}`;
};
const fmtNum = (n, lang = 'no') => (n == null ? '–' : n.toLocaleString(lang === 'no' ? 'nb-NO' : 'en-US'));

Object.assign(window, { Icon, I18N, fmtKr, fmtNum });