, hasData:!!purchase },
...defs
];
return (
{allBtns.map(function(b) {
const isActive = activePanel === b.id;
return (
{b.icon}{b.label}
{!b.hasData && b.id!=='purchase' && — }
);
})}
);
}
/* ── tab bar ───────────────────────────────────────────── */
const TABS = [
{id:'overview', label:'Overview'},
{id:'items', label:'Items & Finance'},
{id:'logistics', label:'Logistics'},
{id:'procurement',label:'Procurement'},
{id:'timeline', label:'Timeline'},
];
if (logs.length) TABS.push({id:'audit', label:'Activity'});
function TabBar() {
return (
{TABS.map(function(t) {
const active = tab === t.id;
return (
{t.label}
);
})}
);
}
/* ── tab: overview ─────────────────────────────────────── */
function TabOverview() {
const custRec = customer || {};
const activePO = (custRec.priceOrders||[]).find(function(p){return p.isActive;});
return (
} title="Order Details" accent="var(--or-bdr)">
{o.deliveryAddress && (
Delivery Address
{o.deliveryAddress}
)}
} title="Customer Information">
} title="Document References">
} />
);
}
/* ── tab: items & finance ──────────────────────────────── */
function TabItems() {
const { subtotal, gstAmt, total, qty, purchCost, transportCost,
grossProfit, profitPct, profitPerTon, revenuePerTon } = fin;
const profitColor = grossProfit >= 0 ? '#16A34A' : '#DC2626';
return (
{/* Items table */}
} title="Order Items" accent="var(--or-bdr)">
{['Material','Qty','UOM','Rate','GST%','Line Total','With GST'].map(function(h) {
const r = ['Qty','Rate','Line Total','With GST'].includes(h);
return {h} ;
})}
{items.map(function(it,i) {
const lt = parseFloat(it.amount)||0;
const gRate = parseFloat(it.gst)||parseFloat(it.gstPercent)||0;
const ltg = Math.round((lt + lt * gRate / 100) * 100) / 100;
return (
{Store.name('materials',it.materialId)||'—'}
{Number(it.quantity||0).toFixed(3)}
{it.uom||'MT'}
{sdC(it.ratePerTon)}
{gRate}%
{sdC(lt)}
{sdC(ltg)}
);
})}
Order Totals
{sdC(subtotal)}
{sdC(total)}
{/* Financial KPIs */}
} title="Financial Summary">
0?sdC(purchCost):'Not Linked'} bg="#F9FAFB" color="var(--txt2)" sub={purchase?'Linked by vehicle+date':'No matching purchase'} />
0?sdC(transportCost):'—'} bg="#F9FAFB" color="var(--txt2)" sub={te?'From transport entry':'No transport entry'} />
0?sdC(grossProfit):'—'} bg={purchCost>0?(grossProfit>=0?'#F0FDF4':'#FEF2F2'):'#F9FAFB'} color={purchCost>0?profitColor:'var(--txt3)'} />
0?profitPct+'%':'—'} color={purchCost>0?profitColor:'var(--txt3)'} />
0?sdC(profitPerTon):'—'} color={purchCost>0?profitColor:'var(--txt3)'} />
} title="Delivery & Vehicle" accent="var(--or-bdr)">
} />
{crusher && (
)}
{te ? (
} title="Transport Entry">
} />
) : o.transportRequired !== 'No' ? (
} title="Transport Entry">
No transport entry linked. The auto-engine will generate one when sufficient data is saved.
) : (
} title="Transport">
Customer pickup / direct delivery — no transport record generated for this order.
)}
{/* Settlement summary */}
{settlements.length > 0 && (
} title="Transport Settlement">
} />
)}
);
}
/* ── tab: procurement ──────────────────────────────────── */
function TabProcurement() {
if (!purchase) {
return (
} title="Procurement Traceability">
No Purchase Linked
The system links purchases by matching the same vehicle number on the same date.
No purchase found for vehicle
{o.vehicleFull||'—'} on {sdD(o.date)}.
);
}
const pItems = purchase.items?.length ? purchase.items : [{
materialId: purchase.materialId, uom:'MT',
quantity: purchase.quantity||0, ratePerTon: purchase.subtotal/(purchase.quantity||1),
gstPercent: 5, subtotal: purchase.subtotal||0,
}];
const vendorRec = vendor || {};
return (
} title="Purchase Details" accent="#BBF7D0">
✓ Matched by Vehicle {o.vehicleFull} on {sdD(o.date)}
} />
} title="Vendor / Crusher Source">
} title="Purchase Items">
{['Material','Qty','UOM','Rate','GST%','Subtotal','Total'].map(function(h){
const r=['Qty','Rate','Subtotal','Total'].includes(h);
return {h} ;
})}
{pItems.map(function(it,i){
const sub = parseFloat(it.subtotal)||parseFloat(it.amount)||(parseFloat(it.quantity||0)*parseFloat(it.ratePerTon||0));
const gp = parseFloat(it.gstPercent)||5;
const tot = sub + sub*gp/100;
return (
{Store.name('materials',it.materialId)||'—'}
{Number(it.quantity||0).toFixed(3)}
{it.uom||'MT'}
{sdC(it.ratePerTon)}
{gp}%
{sdC(sub)}
{sdC(tot)}
);
})}
Purchase Totals
{sdC(window.gSub(purchase))}
{sdC(window.gAmt(purchase))}
{/* Profit comparison */}
} title="Sale vs Purchase Margin">
=window.gAmt(purchase)?'#F0FDF4':'#FEF2F2'}
color={window.gAmt(o)>=window.gAmt(purchase)?'#15803D':'#DC2626'} />
);
}
/* ── tab: timeline ─────────────────────────────────────── */
function TabTimeline() {
return (
} title="Transaction Timeline" accent="var(--or-bdr)">
{tl.map(function(step, i) {
return (
{/* Related records summary */}
} title="Related Records">
0?settlements.length+' record(s)':'Unsettled'} bg={settlements.length>0?'#F0FDF4':'#FEF9C3'} color={settlements.length>0?'#15803D':'#A16207'} />
{stockMvmts.length > 0 && (
Stock Movements
{stockMvmts.map(function(sm,i){
return (
{sdD(sm.date)}
{sm.type||'Movement'}
{Store.name('materials',sm.materialId)||'—'}
{sm.type?.toLowerCase().includes('out')||sm.type==='Sale'?'−':'+'}
{Number(sm.quantity||0).toFixed(3)} {sm.uom||'MT'}
);
})}
)}
);
}
/* ── tab: audit log ────────────────────────────────────── */
function TabAudit() {
if (!logs.length) return (
No audit log entries found for this order.
);
return (
} title="Activity Log">
{logs.map(function(l,i){
return (
{sdD(l.date||l.timestamp)}
{l.action||l.type||'Edit'}
{l.module&&
· {l.module} }
{l.description&&
{l.description}
}
{l.user||l.userName||'—'}
);
})}
);
}
/* ── render ────────────────────────────────────────────── */
return (
{/* Header row */}
Transaction Intelligence Panel
{o.challanNumber && · {o.challanNumber} }
{Store.name('customers',o.customerId)||'—'} · {sdD(o.date)} · {Number(o.quantity||0).toFixed(3)} {o.uom||'MT'} · {sdC(window.gAmt(o))}
{activePanel === 'purchase' &&
}
{activePanel === 'transport' &&
}
{activePanel === 'settlement' &&
}
{activePanel === 'customer' &&
}
{tab==='overview' &&