add new ststs feature

app/Views/payment/financial_report.php

@@ -154,7 +154,12 @@
     </table>
   </div>
 
-  <h3 class="mt-5">Expenses Summary</h3>
+  <div class="alert alert-success mt-5 mb-3">
+    <strong>Donation Income to School:</strong>
+    <span id="donationIncomeTotal">$<?= number_format((float) ($donationToSchool ?? 0), 2) ?></span>
+  </div>
+
+  <h3>Expenses Summary</h3>
   <div class="table-responsive">
     <table id="expensesTable" class="table table-bordered align-middle w-100">
       <thead>
@@ -410,6 +415,8 @@
           }
 
           // Expenses
+          const donationIncome = qs('#donationIncomeTotal');
+          if (donationIncome) donationIncome.textContent = fmt(data.donationToSchool || 0);
           const expTbody = qs('#expensesTable tbody');
           expTbody.innerHTML = '';
           (data.expenses || []).forEach(exp => {

app/Views/payment/financial_report_summary.php

@@ -42,7 +42,7 @@
     <tr><td>Total Refunds</td><td class="text-right" id="sumRefunds">$0.00</td></tr>
     <tr><td>Total Expenses</td><td class="text-right" id="sumExpenses">$0.00</td></tr>
     <tr><td>Total Reimbursements</td><td class="text-right" id="sumReimb">$0.00</td></tr>
-    <tr><td>Donation to School (included in expenses)</td><td class="text-right" id="sumDonationToSchool">$0.00</td></tr>
+    <tr><td>Donation Income to School</td><td class="text-right" id="sumDonationToSchool">$0.00</td></tr>
     <tr class="table-success"><td>Net Charges After Discounts/Refunds</td><td class="text-right font-weight-bold" id="sumNet">$0.00</td></tr>
     <tr class="table-info"><td>Amount Collected (Paid)</td><td class="text-right font-weight-bold" id="sumCollected">$0.00</td></tr>
     <tr><td>Overpayment Credits</td><td class="text-right" id="sumOverpaid">$0.00</td></tr>
@@ -228,6 +228,7 @@ function renderCharts(d){
     grossCharges: '#d62728',
     discounts: '#9467bd',
     expenses: '#20c997',
+    donations: '#16a34a',
     netCharges: '#e377c2',
     collected: '#28a745',
     overpaymentCredits: '#dc3545',
@@ -242,6 +243,7 @@ function renderCharts(d){
     chartColors.grossCharges,
     chartColors.discounts,
     chartColors.expenses,
+    chartColors.donations,
     chartColors.netCharges,
     chartColors.collected,
     chartColors.overpaymentCredits,
@@ -250,9 +252,9 @@ function renderCharts(d){
   ];
   window._summaryChart = new Chart(summaryCtx, {
     type: 'bar',
-    data: { labels: ['Tuition','Event Fees','Prior-Year Carryover','Gross Charges','Discounts','Expenses','Net Charges','Collected','Overpayment Credits','Outstanding','Net Receivable'],
+    data: { labels: ['Tuition','Event Fees','Prior-Year Carryover','Gross Charges','Discounts','Expenses','Donation Income','Net Charges','Collected','Overpayment Credits','Outstanding','Net Receivable'],
       datasets: [{ label:'Amount (USD)', data:[
-        d.tuitionCharges||0, d.totalEventFees||0, d.totalExtraCharges||0, d.grossCharges||d.totalCharges||0, d.totalDiscounts||0, d.totalExpenses||0, d.netAmount||0, d.amountCollected||d.totalPaid||0, d.totalOverpaid||0, d.totalUnpaid||0, d.netReceivable||0
+        d.tuitionCharges||0, d.totalEventFees||0, d.totalExtraCharges||0, d.grossCharges||d.totalCharges||0, d.totalDiscounts||0, d.totalExpenses||0, d.donationToSchool||0, d.netAmount||0, d.amountCollected||d.totalPaid||0, d.totalOverpaid||0, d.totalUnpaid||0, d.netReceivable||0
       ], backgroundColor: summaryBarColors}] },
     options: { responsive:true, scales:{ y:{ beginAtZero:true }}}
   });