AbrahamWillemH/slicing-scm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
slicing-scm/dp-scenario.html
AbrahamWillemH f32abf2127 remove MR module, keep only standard SCM modules 
MR (Material Request) is specific to MatOne's multi-branch healthcare
model. Standard SCM replaces it with PR (Purchase Requisition) for
external procurement and Stock Transfer for internal moves.

- Delete mr-list.html, mr-create.html, mr-detail.html, mr-approval.html
- Remove MR links from sidebar in all existing files
- Remove MR rows from approval matrix, numbering profile, role matrix
- Remove MR links from index.html
2026-05-29 16:42:26 +07:00

117 lines
21 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Scenario Planning - SCM</title>
<link rel="icon" type="image/png" sizes="32x32" href="./assets/image/favicon-32x32.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>:root{--scm-primary:#5699DA;--scm-primary-dark:#417DB8;--scm-primary-light:#80B9EC;--scm-primary-bg:#EBF3F9;--scm-surface:#FFFFFF;--scm-bg:#F1F5F9;--scm-border:#E2E8F0;--scm-text:#0F172A;--scm-text-muted:#64748B;--scm-success:#059669;--scm-danger:#DC2626;--scm-warning:#D97706;}</style>
</head>
<body class="min-h-screen bg-[var(--scm-bg)] font-['Inter'] text-[var(--scm-text)]">
<div class="flex min-h-screen">
<aside class="flex w-60 shrink-0 flex-col bg-[var(--scm-primary)] text-white lg:w-64">
<div class="px-5 py-6"><span class="text-lg font-extrabold tracking-tight">SCM</span><p class="mt-0.5 text-xs text-white/60">Supply Chain Management</p></div>
<div class="mb-4 mx-4 rounded-xl bg-white/10 px-3 py-3"><p class="text-sm font-bold">Supply Chain Admin</p><p class="text-xs text-white/60">PT SCM Group — HQ</p><a href="./login.html" class="mt-2 block rounded-lg bg-white/15 px-3 py-1.5 text-center text-xs font-semibold text-white hover:bg-white/25">Logout</a></div>
<nav class="flex-1 space-y-0.5 overflow-y-auto px-2 text-sm">
<p class="mb-1 px-3 text-[10px] font-semibold uppercase tracking-[0.14em] text-white/40">Main Menu</p>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Dashboard</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./dash-overview.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Executive Overview</a>
<a href="./dash-procurement.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Procurement</a>
<a href="./dash-inventory.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Inventory</a>
<a href="./dash-logistics.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Logistics</a>
<a href="./dash-demand.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Demand</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Master Data</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./md-item-master.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Item</a>
<a href="./md-vendor-master.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Vendor/Supplier</a>
<a href="./md-customer-master.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Customer</a>
<a href="./md-carrier-master.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Carrier</a>
<a href="./md-warehouse.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Warehouse</a>
<a href="./md-bom.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">BOM</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Procurement</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./po-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Purchase Order</a>
<a href="./pr-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Purchase Requisition</a>
<a href="./po-matching.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">3-Way Matching</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Receiving</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./rcv-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Goods Receipt</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Inventory</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./inv-stock-overview.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Stock Overview</a>
<a href="./inv-stock-movement.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Movement</a>
<a href="./inv-stock-transfer.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Transfer</a>
<a href="./inv-stock-adjustment.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Adjustment</a>
<a href="./inv-lot-batch.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Lot/Batch</a>
<a href="./inv-serial.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Serial</a>
<a href="./inv-abc.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">ABC Analysis</a>
<a href="./inv-stock-count.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Count</a>
<a href="./inv-pick-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Pick List</a>
<a href="./inv-usage.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Usage</a>
<a href="./inv-disposal.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Disposal</a>
<a href="./inv-aging.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Aging</a>
<a href="./inv-reorder.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Reorder</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Sales</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./so-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Sales Order</a>
<a href="./so-return.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Returns/RMA</a>
<a href="./so-atp.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">ATP Check</a>
<a href="./so-invoice.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Invoice</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Logistics</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./ship-list.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Shipment</a>
<a href="./ship-freight.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Freight Cost</a>
<a href="./ship-documents.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Docs/BOL</a>
<a href="./ship-tracking.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Tracking</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Quality</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./qc-inspection-plan.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Inspection Plan</a>
<a href="./qc-inspection-record.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Inspection Record</a>
<a href="./qc-nonconformance.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Non-Conformance</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold bg-white/15 text-white">Planning</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./dp-forecast.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Forecast</a>
<a href="./dp-scenario.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs bg-white/20 font-bold text-white">Scenario</a>
<a href="./dp-replenishment.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Replenishment</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Admin</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./ad-user-management.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Users</a>
<a href="./ad-role-permission.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Roles</a>
<a href="./ad-approval-matrix.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Approval</a>
<a href="./ad-notifications.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Notifications</a>
<a href="./ad-integrations.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Integrations</a>
<a href="./ad-numbering-profile.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Numbering</a>
<a href="./ad-audit-log.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Audit</a>
</div></div>
<div><p class="rounded-lg px-3 py-1.5 font-semibold text-white/75 hover:bg-white/10 hover:text-white">Reports</p><div class="ml-3 mt-0.5 space-y-0.5 border-l border-white/10">
<a href="./rp-inventory.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Inventory</a>
<a href="./rp-procurement.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Procurement</a>
<a href="./rp-sales.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Sales</a>
<a href="./rp-logistics.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Logistics</a>
<a href="./rp-custom-builder.html" class="block rounded-r-lg py-1.5 pl-3 pr-2 text-xs text-white/65 hover:bg-white/10 hover:text-white">Custom Builder</a>
</div></div>
</nav></aside>
<div class="flex min-w-0 flex-1 flex-col">
<header class="border-b border-[var(--scm-border)] bg-white px-4 py-3 lg:px-8">
<div class="flex items-center gap-3">
<button class="h-9 w-9 rounded-lg text-[var(--scm-text)] hover:bg-[var(--scm-bg)] lg:hidden" aria-label="Menu"><svg viewBox="0 0 24 24" class="h-5 w-5 mx-auto" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 7h16M4 12h16M4 17h16" stroke-linecap="round"/></svg></button>
<span class="text-lg font-extrabold tracking-tight text-[var(--scm-primary)]">SCM</span>
<span class="hidden text-xs font-semibold text-[var(--scm-text-muted)] sm:inline">Supply Chain Management</span>
</div>
</header>
<main class="flex-1 p-4 lg:p-8">
<div class="mb-5 flex flex-wrap items-center justify-between gap-3">
<div><p class="text-xs font-semibold uppercase tracking-wider text-[var(--scm-primary)]">Planning / Scenario</p><h1 class="text-xl font-extrabold text-[var(--scm-text)]">Scenario Planning</h1></div>
<div class="flex flex-wrap gap-2"><button class="rounded-lg bg-[var(--scm-primary)] px-3 py-1.5 text-xs font-semibold text-white hover:bg-[var(--scm-primary-dark)]">Run Scenario</button></div>
</div>
<div class="grid grid-cols-1 gap-4 lg:grid-cols-2"><article class="rounded-xl border border-[var(--scm-border)] bg-white p-5 shadow-sm"><h2 class="mb-4 text-base font-bold">Scenario Manager</h2><div class="mb-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4"><label class="space-y-1"><span class="text-xs font-semibold text-[var(--scm-text-muted)]">Search</span><input type="text" placeholder="Scenario name..." class="w-full rounded-lg border border-[var(--scm-border)] bg-white px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-[var(--scm-primary-light)]/30" /></label><label class="space-y-1"><span class="text-xs font-semibold text-[var(--scm-text-muted)]">Status</span><select class="w-full rounded-lg border border-[var(--scm-border)] bg-white px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-[var(--scm-primary-light)]/30"><option>All</option><option>Active</option><option>Draft</option><option>Archived</option></select></label></div><div class="overflow-x-auto"><table class="min-w-full text-sm"><thead class="border-b border-[var(--scm-border)] bg-[var(--scm-bg)]/60 text-xs uppercase tracking-wider text-[var(--scm-text-muted)]"><tr><th class="px-3 py-2 text-left">Scenario</th><th class="px-3 py-2 text-left">Description</th><th class="px-3 py-2 text-left">Created</th><th class="px-3 py-2 text-left">Status</th><th class="px-3 py-2 text-left">Impact Summary</th><th class="w-12 px-3 py-2 text-right"></th></tr></thead><tbody class="divide-y divide-[var(--scm-border)]"><tr class=""><td class="px-3 py-2">Supply Disruption</td><td class="px-3 py-2">Supplier A outage 30 days</td><td class="px-3 py-2">28 May 2025</td><td class="px-3 py-2"><span class="inline-flex rounded-full bg-blue-50 text-blue-700 px-2 py-0.5 text-xs font-semibold">Active</span></td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=" bg-[var(--scm-bg)]/50"><td class="px-3 py-2">Demand Spike</td><td class="px-3 py-2">Holiday season +30%</td><td class="px-3 py-2">25 May 2025</td><td class="px-3 py-2"><span class="inline-flex rounded-full bg-blue-50 text-blue-700 px-2 py-0.5 text-xs font-semibold">Draft</span></td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=""><td class="px-3 py-2">Currency Change</td><td class="px-3 py-2">IDR depreciation 10%</td><td class="px-3 py-2">20 May 2025</td><td class="px-3 py-2"><span class="inline-flex rounded-full bg-blue-50 text-blue-700 px-2 py-0.5 text-xs font-semibold">Active</span></td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=" bg-[var(--scm-bg)]/50"><td class="px-3 py-2">New Supplier</td><td class="px-3 py-2">Replace Supplier A with E</td><td class="px-3 py-2">15 May 2025</td><td class="px-3 py-2"><span class="inline-flex rounded-full bg-blue-50 text-blue-700 px-2 py-0.5 text-xs font-semibold">Archived</span></td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr></tbody></table></div></article><article class="rounded-xl border border-[var(--scm-border)] bg-white p-5 shadow-sm"><h2 class="mb-4 text-base font-bold">Scenario Detail — Supply Disruption</h2><p class="text-xs text-[var(--scm-text-muted)] mb-3">Simulation: PT Supplier A unavailable for 30 days starting 1 Jun 2025</p><div class="overflow-x-auto"><table class="min-w-full text-sm"><thead class="border-b border-[var(--scm-border)] bg-[var(--scm-bg)]/60 text-xs uppercase tracking-wider text-[var(--scm-text-muted)]"><tr><th class="px-3 py-2 text-left">Item</th><th class="px-3 py-2 text-left">Current Stock</th><th class="px-3 py-2 text-left">Avg Daily Usage</th><th class="px-3 py-2 text-left">Days Cover</th><th class="px-3 py-2 text-left">Suggested Action</th><th class="w-12 px-3 py-2 text-right"></th></tr></thead><tbody class="divide-y divide-[var(--scm-border)]"><tr class=""><td class="px-3 py-2">Raw Material Alpha</td><td class="px-3 py-2">2,500</td><td class="px-3 py-2">50</td><td class="px-3 py-2">50</td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=" bg-[var(--scm-bg)]/50"><td class="px-3 py-2">Raw Material Beta</td><td class="px-3 py-2">150</td><td class="px-3 py-2">30</td><td class="px-3 py-2">5</td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=""><td class="px-3 py-2">Bottle HDPE</td><td class="px-3 py-2">8,000</td><td class="px-3 py-2">200</td><td class="px-3 py-2">40</td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr><tr class=" bg-[var(--scm-bg)]/50"><td class="px-3 py-2">Cleaning Chemical</td><td class="px-3 py-2">50</td><td class="px-3 py-2">25</td><td class="px-3 py-2">2</td><td class="px-3 py-2 text-right"><button class="inline-flex h-7 w-7 items-center justify-center rounded-md border border-[var(--scm-border)] text-[var(--scm-text-muted)] hover:bg-[var(--scm-bg)]"><svg viewBox="0 0 24 24" class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 20h4l10-10a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z"/><path d="m12.5 6.5 5 5"/></svg></button></td></tr></tbody></table></div><div class="mt-3 p-3 rounded-lg bg-amber-50 border border-amber-200"><p class="text-sm font-semibold text-amber-700">Risk: 2 items will run out within 5 days. Suggested action: Expedite alternate supplier for Raw Material Beta.</p></div></article></div>
</main>
</div>
</div>
<a id="overlay-back-home" href="./index.html" class="fixed bottom-4 right-4 z-[9999] rounded-full border border-[var(--scm-border)] bg-white px-4 py-2 text-xs font-semibold text-[var(--scm-text-muted)] shadow-lg hover:bg-[var(--scm-bg)]">Back to Home</a>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink