// Render full editable Excel-style tables function renderTables() const container = document.getElementById("excelTableContainer"); if (!container) return;
let stockData = [ product: "Petrol (MS)", opening: 5200, received: 8000, sold: 1250, closing: 11950, unitPrice: 102.50 , product: "Diesel (HSD)", opening: 4300, received: 7000, sold: 980, closing: 10320, unitPrice: 94.80 , product: "Premium Petrol", opening: 1100, received: 2000, sold: 320, closing: 2780, unitPrice: 115.00 , product: "Engine Oil (Lube)", opening: 180, received: 120, sold: 45, closing: 255, unitPrice: 850.00 ];
// 3. Stock Management Table html += `<h3 style="margin:25px 0 5px 0; color:#1e4a2f;">📦 Stock Summary (Liters / Units)</h3>`; html += `<table id="stockTable"><thead><tr><th>Product</th><th>Opening (Ltr)</th><th>Received (Ltr)</th><th>Sold (Ltr)</th><th>Closing (Ltr)</th><th>Unit Price (₹)</th><th>Stock Value (₹)</th><th></th></tr></thead><tbody>`; for (let i = 0; i < stockData.length; i++) let st = stockData[i]; let stockValue = (st.closing * st.unitPrice).toFixed(2); html += `<tr data-type="stock" data-index="$i"> <td style="background:#faf3e0;">$st.product</td> <td><input type="number" step="0.01" class="stock-opening" value="$st.opening" data-idx="$i"></td> <td><input type="number" step="0.01" class="stock-received" value="$st.received" data-idx="$i"></td> <td><input type="number" step="0.01" class="stock-sold" value="$st.sold" data-idx="$i"></td> <td class="stock-closing">$st.closing.toFixed(2)</td> <td><input type="number" step="0.01" class="stock-price" value="$st.unitPrice" data-idx="$i"></td> <td class="stock-value">$stockValue</td> <td><button class="delRowBtn" data-type="stock" data-idx="$i" style="background:#b33;">🗑️</button></td> </tr>`; html += `<tr><td colspan="7"><button id="addStockRowBtn" style="background:#3c8c40;">+ Add Stock Product</button></td><td></td></tr>`; html += `</tbody></table>`; petrol pump accounting in excel sheet download
let expensesData = [ date: "01-Apr-2026", category: "Electricity", amount: 5500 , date: "05-Apr-2026", category: "Staff Salary", amount: 28500 , date: "10-Apr-2026", category: "Maintenance", amount: 3200 , date: "15-Apr-2026", category: "Misc", amount: 1750 ];
// Update UI cards function updateCards() document.getElementById("totalSalesVal").innerText = getTotalSales().toFixed(2); document.getElementById("totalExpVal").innerText = getTotalExpenses().toFixed(2); document.getElementById("netProfitVal").innerText = getNetProfit().toFixed(2); document.getElementById("closingStockVal").innerText = getTotalClosingStockValue().toFixed(2); if (!container) return
function attachDeleteButtons() document.querySelectorAll('.delRowBtn').forEach(btn => btn.removeEventListener('click', deleteHandler); btn.addEventListener('click', deleteHandler); );
function attachInputEvents() // Sales liters & rate document.querySelectorAll('.sales-lit, .sales-rate').forEach(inp => inp.removeEventListener('input', salesChangeHandler); inp.addEventListener('input', salesChangeHandler); ); // Expenses amount document.querySelectorAll('.exp-amt').forEach(inp => inp.removeEventListener('input', expenseChangeHandler); inp.addEventListener('input', expenseChangeHandler); ); // Stock fields: opening, received, sold, price document.querySelectorAll('.stock-opening, .stock-received, .stock-sold, .stock-price').forEach(inp => inp.removeEventListener('input', stockChangeHandler); inp.addEventListener('input', stockChangeHandler); ); product: "Diesel (HSD)"
// Attach all event listeners dynamically attachInputEvents(); attachDeleteButtons(); attachAddRowButtons(); updateCards();
// Helper: recompute amounts for sales (liters * rate) function recomputeSales() for (let i = 0; i < salesData.length; i++) salesData[i].amount = salesData[i].liters * salesData[i].rate;
function getNetProfit() return getTotalSales() - getTotalExpenses();