AbrahamWillemH/slicing-scm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
slicing-scm/inv-lot-batch.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
22 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>Lot / Batch Tracking - 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 bg-white/15 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 bg-white/20 font-bold 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 text-white/75 hover:bg-white/10 hover: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 text-white/65 hover:bg-white/10 hover: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)]">Inventory / Lot-Batch</p><h1 class="text-xl font-extrabold text-[var(--scm-text)]">Lot / Batch Tracking</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)]">Add Lot</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">Active Lots</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="Lot# or item..." 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>Expiring Soon</option><option>Expired</option><option>Quarantined</option></select></label><label class="space-y-1"><span class="text-xs font-semibold text-[var(--scm-text-muted)]">Warehouse</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>WH-001</option><option>WH-002</option><option>WH-003</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">Lot#</th><th class="px-3 py-2 text-left">Item</th><th class="px-3 py-2 text-left">Warehouse</th><th class="px-3 py-2 text-left">Qty</th><th class="px-3 py-2 text-left">Manufactured</th><th class="px-3 py-2 text-left">Expiry</th><th class="px-3 py-2 text-left">Remaining Days</th><th class="px-3 py-2 text-left">Status</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">LOT-2025-042</td><td class="px-3 py-2">Raw Material Alpha</td><td class="px-3 py-2">WH-001</td><td class="px-3 py-2">2,500</td><td class="px-3 py-2">15 Jan 2025</td><td class="px-3 py-2">15 Jan 2026</td><td class="px-3 py-2">229</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">LOT-2025-041</td><td class="px-3 py-2">Raw Material Alpha</td><td class="px-3 py-2">WH-002</td><td class="px-3 py-2">800</td><td class="px-3 py-2">10 Feb 2025</td><td class="px-3 py-2">10 Feb 2026</td><td class="px-3 py-2">256</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">LOT-2025-038</td><td class="px-3 py-2">Hand Sanitizer</td><td class="px-3 py-2">WH-001</td><td class="px-3 py-2">1,200</td><td class="px-3 py-2">01 Mar 2025</td><td class="px-3 py-2">01 Sep 2025</td><td class="px-3 py-2">95</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">LOT-2024-099</td><td class="px-3 py-2">Raw Material Beta</td><td class="px-3 py-2">WH-001</td><td class="px-3 py-2">50</td><td class="px-3 py-2">15 Jun 2024</td><td class="px-3 py-2">15 Jun 2025</td><td class="px-3 py-2">17</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">LOT-2024-050</td><td class="px-3 py-2">Bottle HDPE</td><td class="px-3 py-2">WH-003</td><td class="px-3 py-2">200</td><td class="px-3 py-2">01 Jan 2024</td><td class="px-3 py-2">01 Jan 2025</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">Lot Detail — LOT-2025-042</h2><div class="text-sm mb-3"><div class="grid grid-cols-2 gap-3"><div><span class="text-xs text-[var(--scm-text-muted)]">Item</span><p>Raw Material Alpha</p></div><div><span class="text-xs text-[var(--scm-text-muted)]">Qty</span><p>2,500 KG</p></div><div><span class="text-xs text-[var(--scm-text-muted)]">Manufactured</span><p>15 Jan 2025</p></div><div><span class="text-xs text-[var(--scm-text-muted)]">Expiry</span><p>15 Jan 2026</p></div><div><span class="text-xs text-[var(--scm-text-muted)]">Supplier</span><p>PT Supplier A</p></div><div><span class="text-xs text-[var(--scm-text-muted)]">GRN Ref</span><p>GRN-2025-0042</p></div></div></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">Date</th><th class="px-3 py-2 text-left">Type</th><th class="px-3 py-2 text-left">Reference</th><th class="px-3 py-2 text-left">Qty Change</th><th class="px-3 py-2 text-left">Balance</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">30 May</td><td class="px-3 py-2">Receipt</td><td class="px-3 py-2">GRN-2025-0042</td><td class="px-3 py-2">+1,000</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">28 Apr</td><td class="px-3 py-2">Usage</td><td class="px-3 py-2">USG-2025-0042</td><td class="px-3 py-2">-200</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">25 Apr</td><td class="px-3 py-2">Transfer</td><td class="px-3 py-2">TRF-2025-0011</td><td class="px-3 py-2">-300</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></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