Proposal Generation Dashboard
This is a preview of your final proposal. Review it carefully before exporting.
From: ${d.preparedBy}
Date: ${d.proposalDate}
1. Project Overview
${d.overview}
`;
}
// --- Event Handlers & UI ---
window.pgd_updatePricing = () => {
let subtotal = 0;
document.querySelectorAll('#pgd-pricing-body tr').forEach(row => {
const qty = parseFloat(row.cells[1].querySelector('input').value) || 0;
const unitPrice = parseFloat(row.cells[2].querySelector('input').value) || 0;
const lineTotal = qty * unitPrice;
row.cells[3].textContent = lineTotal.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
subtotal += lineTotal;
});
const taxRate = parseFloat(document.getElementById('pgd-cfg-tax-rate').value) || 0;
const tax = subtotal * (taxRate / 100);
const grandTotal = subtotal + tax;
document.getElementById('pgd-subtotal').textContent = subtotal.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
document.getElementById('pgd-tax').textContent = tax.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
document.getElementById('pgd-grand-total').textContent = grandTotal.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
};
window.pgd_addListItem = (key) => {
const container = document.getElementById(`pgd-cfg-${key}`);
const div = document.createElement('div');
div.className = 'pgd-dynamic-list-item';
div.innerHTML = ``;
container.appendChild(div);
};
window.pgd_addPricingRow = () => {
const tbody = document.getElementById('pgd-pricing-body');
const row = tbody.insertRow();
row.innerHTML = `