wms-app/app/accounting/pl_statement.php

<?php
  session_start();
  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">Profit &amp; Loss Statement</h1>
          <p class="mb-0 text-muted">Revenue and expense accounts for a date range</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">From Date</label>
            <input type="text" id="f_from" 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">To Date</label>
            <input type="text" id="f_to" 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 ms-auto d-flex align-items-end justify-content-end">
            <button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
              <i class="ti ti-printer me-1"></i>Print
            </button>
          </div>
        </div>
      </div>

      <!-- Report body -->
      <div id="pl_body">
        <div class="card p-5 text-center text-muted">Select a date range and click Run.</div>
      </div>

    </div>
  </main>

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

  <script>
  var now = new Date();
  var curMonth = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0');
  document.getElementById('f_from').value = curMonth + '-01';
  document.getElementById('f_to').value   = curMonth + '-' + String(new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate()).padStart(2,'0');
  flatpickr('#f_from, #f_to', { 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 from = document.getElementById('f_from').value;
    var to   = document.getElementById('f_to').value;
    var dept = document.getElementById('f_department').value || '0';
    if (!from || !to) { alert('Select both dates.'); return; }

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

    ajax_request({
      url: server_url + 'accounting/api/engine/get_pl_statement.php',
      autoPrepare: true,
      checkRequired: 0,
      noLoading: true,
      action: 'read',
      from_date: from,
      to_date: to,
      department_id: dept,
      onSuccess: function(res) {
        var d        = res.output;
        var rows     = d.rows || [];
        var revenues = rows.filter(function(r){ return r.account_type === 'revenue'; });
        var expenses = rows.filter(function(r){ return r.account_type === 'expense'; });

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

        var net_color = d.net_profit >= 0 ? 'text-success' : 'text-danger';

        var html =
          '<div class="card">' +
            '<div class="card-body p-0">' +
              '<table class="table mb-0">' +
                '<thead class="table-primary border-light"><tr><th>Code</th><th>Account</th><th class="text-end">Amount</th></tr></thead>' +
                '<tbody>' +
                  '<tr class="table-light"><td colspan="3" class="fw-semibold py-2">Revenue</td></tr>' +
                  section_rows(revenues, true) +
                  '<tr class="fw-semibold border-top">' +
                    '<td colspan="2" class="text-end py-2">Total Revenue</td>' +
                    '<td class="text-end text-success py-2">' + format_number(d.total_revenue) + '</td>' +
                  '</tr>' +
                  '<tr class="table-light"><td colspan="3" class="fw-semibold py-2">Expenses</td></tr>' +
                  section_rows(expenses, false) +
                  '<tr class="fw-semibold border-top">' +
                    '<td colspan="2" class="text-end py-2">Total Expenses</td>' +
                    '<td class="text-end text-danger py-2">' + format_number(d.total_expense) + '</td>' +
                  '</tr>' +
                  '<tr class="fw-bold border-top border-2">' +
                    '<td colspan="2" class="text-end py-3 fs-6">Net Profit / (Loss)</td>' +
                    '<td class="text-end py-3 fs-6 ' + net_color + '">' + format_number(d.net_profit) + '</td>' +
                  '</tr>' +
                '</tbody>' +
              '</table>' +
            '</div>' +
          '</div>';

        document.getElementById('pl_body').innerHTML = html;
      }
    });
  }
  </script>

</body>
</html>