Your Details
Admin approval required before pickup.
{error &&
{error}
}
set('empId', e.target.value)} autoComplete="off"/>
set('empName', e.target.value)} autoComplete="name"/>
set('contact', e.target.value)} autoComplete="tel"/>
Your Cart ({cartItems.length})
{cartItems.map(({ ppe, qty }) => (
{ppe.name}{ppe.size ? ` [${ppe.size}]` : ''}× {qty}
))}
);
}
return (
<>
{error &&
{error}
}
setSearch(e.target.value)}/>
{filtered.length === 0 ? (
No PPE items found.
) : filtered.map(ppe => {
const balance = ppe.balance ?? 0;
const inCart = cart[ppe.id] || 0;
const sc = stockColor(ppe.status);
return (
{ppe.name}{ppe.size ? ` [${ppe.size}]` : ''}
{sc.label} · {balance} avail
{ppe.item_code && {ppe.item_code}}
{balance <= 0 ? (
OUT
) : (
{inCart}
)}
);
})}
Confirm & Borrow
Type the serial number from the device sticker to verify.
{error &&
{error}
}
{picked.name}
Department: {picked.department || '—'}
🔒 Audit check: Type the serial number printed on the device sticker. This proves the correct unit was taken.
set('serial', e.target.value)} autoCapitalize="characters" autoComplete="off"/>
{serialEntered && !serialMatches &&
✗ Doesn't match. Check the sticker carefully.
}
{serialMatches &&
✓ Serial confirmed
}
set('name', e.target.value)} autoComplete="name"/>
set('contact', e.target.value)} autoComplete="tel"/>
set('reason', e.target.value)}/>
);
}
return (
{error &&
{error}
}
setSearch(e.target.value)}/>
{filtered.length === 0 ? (
No equipment found.
) : filtered.map(eq => {
const ok = isBorrowable(eq);
const statusColor = eq.status === 'overdue' || eq.status === 'expired' ? '#DC2626' : eq.status === 'expiring' ? '#D97706' : '#16A34A';
return (
{eq.name}
{eq.serial_number}
{eq.department && ` · ${eq.department}`}
· {ok ? 'available' : 'unavailable'}
{ok
?
:
N/A
}
);
})}