stockmovement: add summary views

app/reports/expired_stock.php

@@ -138,7 +138,7 @@
                         <th>Product</th>
                         <th>SKU</th>
                         <th>Lot Number</th>
-                        <th class="th_location">Location</th>
+                        <th class="th_location">Location</th>
                         <th>Expiry Date</th>
                         <th>Days Overdue</th>
                         <th>Quantity</th>
@@ -167,7 +167,7 @@
                         <th>Product</th>
                         <th>SKU</th>
                         <th>Lot Number</th>
-                        <th class="th_location">Location</th>
+                        <th class="th_location">Location</th>
                         <th>Expiry Date</th>
                         <th>Days Remaining</th>
                         <th>Quantity</th>
@@ -190,44 +190,44 @@
   <?php require "../include_ending.php";?>
 
   <script>
-  var all_items    = [];
-  var search_term  = '';
-  var filter_status = '';
-  var advanced     = false;
-  var label_rack   = 'Location';
-  var label_zone   = 'Zone';
-  var label_aisle  = 'Aisle';
-
-  function apply_location_labels() {
-    $('.th_location').text(advanced
-      ? label_zone + ' / ' + label_aisle + ' / ' + label_rack
-      : label_rack
-    );
-  }
-
-  function format_location(item) {
-    if (advanced) {
-      return [item.zone, item.aisle, item.rack].filter(Boolean).join('-') || '<span class="text-muted">—</span>';
-    }
-    return item.rack || '<span class="text-muted">—</span>';
-  }
-
-  function load_company_setting() {
-    return ajax_request({
-      url: server_url + 'setting/api/engine/company_setting.php',
-      autoPrepare: true,
-      checkRequired: 0,
-      action: 'read',
-      onSuccess: function(res) {
-        var s = res.output || {};
-        advanced    = s.advanced_location == 1;
-        label_rack  = s.location_label_rack  || (advanced ? 'Rack' : 'Location');
-        label_zone  = s.location_label_zone  || 'Zone';
-        label_aisle = s.location_label_aisle || 'Aisle';
-        apply_location_labels();
-      }
-    });
-  }
+  var all_items    = [];
+  var search_term  = '';
+  var filter_status = '';
+  var advanced     = false;
+  var label_rack   = 'Location';
+  var label_zone   = 'Zone';
+  var label_aisle  = 'Aisle';
+
+  function apply_location_labels() {
+    $('.th_location').text(advanced
+      ? label_zone + ' / ' + label_aisle + ' / ' + label_rack
+      : label_rack
+    );
+  }
+
+  function format_location(item) {
+    if (advanced) {
+      return [item.zone, item.aisle, item.rack].filter(Boolean).join('-') || '<span class="text-muted">—</span>';
+    }
+    return item.rack || '<span class="text-muted">—</span>';
+  }
+
+  function load_company_setting() {
+    return ajax_request({
+      url: server_url + 'setting/api/engine/company_setting.php',
+      autoPrepare: true,
+      checkRequired: 0,
+      action: 'read',
+      onSuccess: function(res) {
+        var s = res.output || {};
+        advanced    = s.advanced_location == 1;
+        label_rack  = s.location_label_rack  || (advanced ? 'Rack' : 'Location');
+        label_zone  = s.location_label_zone  || 'Zone';
+        label_aisle = s.location_label_aisle || 'Aisle';
+        apply_location_labels();
+      }
+    });
+  }
 
 
   // ── Fetch + populate ─────────────────────────────────────────────────
@@ -264,14 +264,14 @@
   // ── Render both tables from filtered data ────────────────────────────
   function render_tables() {
 
-    var kw = search_term;
+    var kw = search_term.toLowerCase();
     var fs = filter_status;
 
     var filtered = all_items.filter(function(item) {
       var match_search = !kw ||
-        item.product_name || ''.includes(kw) ||
-        item.product_sku  || ''.includes(kw) ||
-        item.lot_number   || ''.includes(kw);
+        (item.product_name || '').toLowerCase().includes(kw) ||
+        (item.product_sku  || '').toLowerCase().includes(kw) ||
+        (item.lot_number   || '').toLowerCase().includes(kw);
       var match_status = !fs || item.status === fs;
       return match_search && match_status;
     });
@@ -305,7 +305,7 @@
         <td class="py-3">${item.product_name}</td>
         <td class="py-3">${item.product_sku}</td>
         <td class="py-3">${item.lot_number || '<span class="text-muted">—</span>'}</td>
-        <td class="py-3">${format_location(item)}</td>
+        <td class="py-3">${format_location(item)}</td>
         <td class="py-3">${item.expiry_date}</td>
         <td class="py-3 text-danger fw-semibold">${Math.abs(item.days_remaining)} days</td>
         <td class="py-3">${item.quantity}</td>
@@ -329,7 +329,7 @@
         <td class="py-3">${item.product_name}</td>
         <td class="py-3">${item.product_sku}</td>
         <td class="py-3">${item.lot_number || '<span class="text-muted">—</span>'}</td>
-        <td class="py-3">${format_location(item)}</td>
+        <td class="py-3">${format_location(item)}</td>
         <td class="py-3">${item.expiry_date}</td>
         <td class="py-3 text-warning fw-semibold">${item.days_remaining} days</td>
         <td class="py-3">${item.quantity}</td>
@@ -382,11 +382,11 @@
 
 
   // ── Boot ─────────────────────────────────────────────────────────────
-  $(async function() {
-    try {
-      await load_company_setting();
-      await retrieve_warehouse();
-    } catch(e) {
+  $(async function() {
+    try {
+      await load_company_setting();
+      await retrieve_warehouse();
+    } catch(e) {
       console.log(e);
     }
   });
@@ -398,4 +398,4 @@
 
 </body>
 
-</html>
+</html>