wms-app/app/accounting/balance_sheet.php

<?php
  require_once __DIR__ . '/../session.php';
  require '../config.php';
  require '../include_header.php';
?>

<body>
  <?php require '../include_topbar.php'; ?>
  <?php require '../include_sidebar_ac.php'; ?>

  <main id="content" class="content py-15">
    <div class="container-fluid">

      <div class="row mb-5">
        <div class="col-12">
          <h1 class="fs-3 mb-1">Balance Sheet</h1>
          <p class="mb-0 text-muted">Cumulative asset, liability, and equity positions as of a date</p>
        </div>
      </div>

      <!-- Filters -->
      <div class="card p-4 mb-4">
        <div class="row g-2 align-items-end">
          <div class="col-auto">
            <label class="form-label mb-1 small">As Of Date</label>
            <input type="text" id="f_as_of" class="form-control form-control-sm" placeholder="DD/MM/YYYY" style="width:160px;">
          </div>
          <div class="col-auto">
            <label class="form-label mb-1 small">Department</label>
            <select id="f_department" class="form-select form-select-sm" style="width:200px;">
              <option value="0">All Departments</option>
            </select>
          </div>
          <div class="col-auto">
            <button class="btn btn-secondary btn-sm" onclick="load_report()">
              <i class="ti ti-search me-1"></i>Run
            </button>
          </div>
          <div class="col-auto">
            <div class="dropdown">
              <a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="ti ti-download me-1"></i>Export
              </a>
              <div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
                <div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
                  <i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
                </div>
                <div class="p-3 d-flex flex-column gap-1 small lh-lg">
                  <a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
                  <a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
                  <a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="row g-4" id="bs_body">
        <div class="col-12">
          <div class="card p-5 text-center text-muted">Select a date and click Run.</div>
        </div>
      </div>

    </div>
  </main>

  <?php require '../include_ending.php'; ?>

  <script>
  var export_data = [];
  var now = new Date();
  document.getElementById('f_as_of').value =
    now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0') + '-' + String(now.getDate()).padStart(2,'0');
  flatpickr('#f_as_of', { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd/m/Y', allowInput: true });

  load_departments();

  function load_departments() {
    ajax_request({
      url: server_url + 'accounting/api/engine/department.php',
      autoPrepare: true,
      checkRequired: 0,
      noLoading: true,
      action: 'read',
      onSuccess: function(res) {
        var html = '<option value="0">All Departments</option>';
        (res.output || []).filter(function(d){ return String(d.status) === '1'; }).forEach(function(d) {
          html += '<option value="' + d.id + '">' + escape_html(d.dept_code + ' - ' + d.dept_name) + '</option>';
        });
        document.getElementById('f_department').innerHTML = html;
      }
    });
  }

  function load_report() {
    var as_of = document.getElementById('f_as_of').value;
    var dept = document.getElementById('f_department').value || '0';
    if (!as_of) { bootbox.alert('Select a date.'); return; }

    export_data = [];
    document.getElementById('bs_body').innerHTML =
      '<div class="col-12"><div class="card p-5 text-center text-muted"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</div></div>';

    ajax_request({
      url: server_url + 'accounting/api/engine/get_balance_sheet.php',
      autoPrepare: true,
      checkRequired: 0,
      noLoading: true,
      action: 'read',
      data: { as_of_date: as_of, department_id: dept },
      onSuccess: function(res) {
        var d    = res.output;
        var rows = d.rows || [];

        var assets      = rows.filter(function(r){ return r.account_type === 'asset'; });
        var liabilities = rows.filter(function(r){ return r.account_type === 'liability'; });
        var equity      = rows.filter(function(r){ return r.account_type === 'equity'; });
        export_data = [];
        assets.forEach(function(r) {
          export_data.push({ section:'Asset', code:r.account_code, account:r.account_name,
            debit:r.total_debit, credit:r.total_credit,
            net: parseFloat(r.total_debit) - parseFloat(r.total_credit) });
        });
        liabilities.forEach(function(r) {
          export_data.push({ section:'Liability', code:r.account_code, account:r.account_name,
            debit:r.total_debit, credit:r.total_credit,
            net: parseFloat(r.total_credit) - parseFloat(r.total_debit) });
        });
        equity.forEach(function(r) {
          export_data.push({ section:'Equity', code:r.account_code, account:r.account_name,
            debit:r.total_debit, credit:r.total_credit,
            net: parseFloat(r.total_credit) - parseFloat(r.total_debit) });
        });
        export_data.push({ section:'Equity', code:'—', account:'Retained Earnings (Cumulative P&L)',
          debit:'', credit:'', net: parseFloat(d.retained_earnings) || 0 });

        function sum_net(items, type) {
          return items.reduce(function(s, r) {
            var net = type === 'asset'
              ? (parseFloat(r.total_debit) - parseFloat(r.total_credit))
              : (parseFloat(r.total_credit) - parseFloat(r.total_debit));
            return s + net;
          }, 0);
        }

        function table_rows(items, type) {
          if (items.length === 0) return '<tr><td colspan="2" class="text-muted small ps-4">No entries.</td></tr>';
          return items.map(function(r) {
            var net = type === 'asset'
              ? (parseFloat(r.total_debit) - parseFloat(r.total_credit))
              : (parseFloat(r.total_credit) - parseFloat(r.total_debit));
            return '<tr>' +
              '<td class="ps-3"><span class="text-muted small me-2">' + escape_html(r.account_code) + '</span>' +
                escape_html(r.account_name) + '</td>' +
              '<td class="text-end">' + format_number(net) + '</td>' +
            '</tr>';
          }).join('');
        }

        var total_assets = sum_net(assets, 'asset');
        var total_liab   = sum_net(liabilities, 'liability');
        var total_equity = sum_net(equity, 'equity') + (parseFloat(d.retained_earnings) || 0);

        function section_card(title, items, type, total, extra_rows) {
          return '<div class="card">' +
            '<div class="card-body p-0">' +
              '<table class="table mb-0">' +
                '<thead class="table-primary border-light"><tr><th>' + title + '</th><th class="text-end">Amount</th></tr></thead>' +
                '<tbody>' +
                  table_rows(items, type) +
                  (extra_rows || '') +
                  '<tr class="fw-semibold border-top">' +
                    '<td class="text-end py-2">Total ' + title + '</td>' +
                    '<td class="text-end py-2">' + format_number(total) + '</td>' +
                  '</tr>' +
                '</tbody>' +
              '</table>' +
            '</div>' +
          '</div>';
        }

        var retained_row = '<tr class="table-light">' +
          '<td class="ps-3"><span class="text-muted small me-2">—</span>Retained Earnings (Cumulative P&L)</td>' +
          '<td class="text-end">' + format_number(parseFloat(d.retained_earnings) || 0) + '</td>' +
        '</tr>';

        document.getElementById('bs_body').innerHTML =
          '<div class="col-12">' + section_card('Assets', assets, 'asset', total_assets, '') + '</div>' +
          '<div class="col-md-6">' + section_card('Liabilities', liabilities, 'liability', total_liab, '') + '</div>' +
          '<div class="col-md-6">' + section_card('Equity', equity, 'equity', total_equity, retained_row) + '</div>' +
          '<div class="col-12"><div class="card p-3 border-2 fw-bold d-flex flex-row justify-content-between align-items-center">' +
            '<span>Total Liabilities + Equity</span>' +
            '<span>' + format_number(total_liab + total_equity) + '</span>' +
          '</div></div>';
      }
    });
  }
  function export_report(format) {
    if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
    var as_of    = document.getElementById('f_as_of').value;
    var filename = 'balance_sheet_' + as_of;
    if (format === 'csv') {
      alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
    } else if (format === 'xlsx') {
      alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
    } else if (format === 'pdf') {
      var { jsPDF } = window.jspdf;
      var doc = new jsPDF();
      doc.setFontSize(11);
      doc.text('Balance Sheet  As of ' + as_of, 14, 14);
      doc.autoTable({
        startY: 20,
        head: [['Section','Code','Account','Debit','Credit','Net']],
        body: export_data.map(function(r){ return [r.section,r.code,r.account,r.debit,r.credit,r.net]; }),
        styles: { fontSize: 8 },
        headStyles: { fillColor: [41,128,185] },
      });
      doc.save(filename + '.pdf');
    }
  }
  </script>

  <script src="<?php echo $server_url?>assets/vendor/xlsx/0.18.5/xlsx.full.min.js"></script>
  <script src="<?php echo $server_url?>assets/vendor/jspdf/2.5.1/jspdf.umd.min.js"></script>
  <script src="<?php echo $server_url?>assets/vendor/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>

</body>
</html>