wms-app/app/order/return.php

<?php
  session_start();
  require '../config.php';
  require '../include_header.php';
?>

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

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

      <!-- Page header -->
      <div class="row">
        <div class="col-12">
          <div class="mb-6 d-flex justify-content-between align-items-center">
            <div>
              <h1 class="fs-3 mb-1">Returns</h1>
              <p class="mb-0">Manage customer return requests</p>
            </div>
          </div>
        </div>
      </div>

      <!-- Filter bar -->
      <div class="row g-5 mb-5">
        <div class="col-12">
          <div class="card">
            <div class="card-body p-4">
              <div class="row g-3 align-items-end">
                <div class="col-lg-4">
                  <div class="position-relative">
                    <input type="text" id="search_input" class="form-control ps-9"
                      placeholder="Search return number or contact...">
                    <span class="position-absolute top-25 ms-4">
                      <i class="ti ti-search text-muted"></i>
                    </span>
                  </div>
                </div>
                <div class="col-lg-2">
                  <select id="filter_status" class="form-select">
                    <option value="">All Status</option>
                    <option value="-1">Cancelled</option>
                    <option value="0">Draft</option>
                    <option value="1">Confirmed</option>
                  </select>
                </div>
                <div class="col-lg-2">
                  <select id="filter_dept" class="form-select">
                    <option value="">All Departments</option>
                  </select>
                </div>
                <div class="col-lg-2">
                  <button class="btn btn-secondary w-100" onclick="retrieve_returns()">
                    <i class="ti ti-search me-1"></i>Search
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Table -->
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-body p-5">
              <div class="table-responsive">
                <table class="table table-hover mb-0 table-centered" id="return_list">
                  <thead class="table-primary border-light">
                    <tr>
                      <th class="py-3">Return #</th>
                      <th class="py-3">Order #</th>
                      <th class="py-3">Contact</th>
                      <th class="py-3">Department</th>
                      <th class="py-3">Date</th>
                      <th class="py-3">Items</th>
                      <th class="py-3">Refund Amount</th>
                      <th class="py-3">Status</th>
                      <th class="py-3">Stock</th>
                      <th class="py-3">Action</th>
                    </tr>
                  </thead>
                  <tbody></tbody>
                  <tfoot></tfoot>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </main>

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

  <script>

  const can_delete = ['admin', 'owner'].includes(user_role);

  function return_status_badge(status) {
    const map = {
      '-1': '<span class="badge bg-secondary">Cancelled</span>',
       '0': '<span class="badge bg-warning text-dark">Draft</span>',
       '1': '<span class="badge bg-success">Confirmed</span>',
    };
    return map[String(status)] ?? '—';
  }

  function receipt_status_badge(status) {
    if (parseInt(status) === 3) return '<span class="badge bg-success">Restocked</span>';
    return '<span class="text-muted">—</span>';
  }


  function retrieve_returns() {
    return ajax_request({
      url: '<?php echo $server_url?>order/api/engine/retrieve_return.php',
      autoPrepare: true,
      checkRequired: 0,
      action: 'read',
      onSuccess: function(res) {
        var all = res.output || [];

        var keyword  = $('#search_input').val().toLowerCase();
        var fil_st   = $('#filter_status').val();
        var fil_dept = $('#filter_dept').val();

        var data = all.filter(function(r) {
          var match_kw   = !keyword ||
            (r.return_number || '').toLowerCase().includes(keyword) ||
            (r.contact_name  || '').toLowerCase().includes(keyword);
          var match_st   = fil_st   === '' || String(r.status)        === fil_st;
          var match_dept = !fil_dept       || String(r.department_id) === fil_dept;
          return match_kw && match_st && match_dept;
        });

        alasql('CREATE TABLE IF NOT EXISTS return_list');
        alasql.tables.return_list.data = data;

        var page = generate_pagination('return_list', data.length);
        $('table#return_list tfoot').html(page);

        if (typeof change_page_return_list === 'function') {
          change_page_return_list(1);
        }
      }
    });
  }


  function change_page_return_list(page_num) {
    var offset    = (page_num - 1) * prop_limit;
    var page_data = alasql(`SELECT * FROM return_list LIMIT ${prop_limit} OFFSET ${offset}`);
    var body      = '';

    $.each(page_data, function(i, r) {
      var item_count = parseInt(r.item_count) || 0;
      var can_cancel = parseInt(r.status) >= 0 && parseInt(r.status) <= 1;

      body += `<tr>
        <td class="py-3 fw-semibold">${r.return_number}</td>
        <td class="py-3">${r.order_number || '<span class="text-muted">—</span>'}</td>
        <td class="py-3">${r.contact_name || '<span class="text-muted">—</span>'}</td>
        <td class="py-3">${get_dept_label(r.department_id)}</td>
        <td class="py-3">${format_date(r.return_date)}</td>
        <td class="py-3">${item_count} item${item_count !== 1 ? 's' : ''}</td>
        <td class="py-3 fw-semibold">${format_number(r.refund_amount, 2)}</td>
        <td class="py-3">${return_status_badge(r.status)}</td>
        <td class="py-3">${receipt_status_badge(r.receipt_status)}</td>
        <td class="py-3">
          <a href="<?php echo $server_url?>order/manage_return.php?id=${r.id}" title="View">
            <i class="ti ti-eye fs-5"></i>
          </a>
          <a href="javascript:void(0);" class="ms-2 text-secondary" title="Stock"
             onclick="show_stock_rows('return', ${r.id}, '${escape_html(r.return_number || '')}')">
            <i class="ti ti-packages fs-5"></i>
          </a>
          ${can_cancel ? `
          <a href="javascript:void(0);" class="link-danger ms-2" title="Cancel"
             onclick="cancel_return(${r.id})">
            <i class="ti ti-x fs-5"></i>
          </a>` : ''}
          ${can_delete ? `<a href="javascript:void(0);" class="link-danger ms-2" title="Delete" onclick="delete_return(${r.id})"><i class="ti ti-trash fs-5"></i></a>` : ''}
        </td>
      </tr>`;
    });

    $('table#return_list > tbody').html(body);
  }


  function cancel_return(id) {
    bootbox.confirm({
      message: 'Cancel this return request?',
      buttons: {
        confirm: { label: 'Yes, Cancel', className: 'btn-danger' },
        cancel:  { label: 'Back',        className: 'btn-secondary' }
      },
      callback: function(result) {
        if (!result) return;
        ajax_request({
          url: '<?php echo $server_url?>order/api/engine/cancel_return.php',
          autoPrepare: true,
          checkRequired: 0,
          action: 'update',
          data: { id: id },
          onSuccess: function() { retrieve_returns(); }
        });
      }
    });
  }


  function delete_return(id) {
    bootbox.confirm({
      message: 'Delete this return? Unconfirmed stock rows will be removed.',
      buttons: { confirm: { label: 'Delete', className: 'btn-danger' }, cancel: { label: 'Back', className: 'btn-secondary' } },
      callback: function(result) {
        if (!result) return;
        ajax_request({
          url: '<?php echo $server_url?>order/api/engine/delete_return.php',
          autoPrepare: false,
          checkRequired: 0,
          action: 'delete',
          data: { id: id },
          onSuccess: function() { retrieve_returns(); }
        });
      }
    });
  }

  $(async function() {
    await load_dept_cache();
    populate_dept_filter('filter_dept');
    retrieve_returns();
    $('#search_input').on('keyup', function(e) {
      if (e.key === 'Enter') retrieve_returns();
    });
    $('#filter_status, #filter_dept').on('change', retrieve_returns);
  });

  </script>

</body>
</html>