ICS modules

app/ics/stock_overview.php

@@ -23,23 +23,26 @@
       </div>
       <div class="row g-5 mb-5">
         <div class="col-xl-3 col-md-6 col-12">
-          <div class="card ">
+          <div class="card" id="capacity">
             <div class="card-body p-5">
               <div class="d-flex justify-content-between">
                 <div>
-                  <span class="mb-4 d-block">Total Sales</span>
-                  <h3 class="fw-bold mb-0">1,234</h3>
+                  <span class="mb-4 d-block">Total Capacity</span>
+                  <h3 class="fw-bold mb-0 text-info">0</h3>
                   <p class="mb-0 small text-secondary">Across all warehouses</p>
                 </div>
                 <div class="">
                   <i class="ti ti-box-seam fs-3 text-muted"></i>
                 </div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
             </div>
           </div>
-
-
         </div>
+
         <div class="col-xl-3 col-md-6 col-12">
           <div class="card ">
             <div class="card-body p-5">
@@ -53,6 +56,10 @@
                   <i class="ti ti-trending-up fs-3 text-success"></i>
                 </div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
             </div>
           </div>
 
@@ -71,6 +78,10 @@
                   <i class="ti ti-trending-down fs-3 text-danger"></i>
                 </div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
             </div>
           </div>
 
@@ -89,6 +100,10 @@
                   <i class="ti ti-alert-triangle fs-3 text-warning"></i>
                 </div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
             </div>
           </div>
 
@@ -116,6 +131,10 @@
               <div>
                 <div id="stockMovementChart"></div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
 
             </div>
           </div>
@@ -134,6 +153,10 @@
               <div>
                 <div id="stockLevelTrendChart"></div>
               </div>
+              <!-- overlay -->
+              <div class="card-loader-overlay">
+                <div class="spinner-border spinner-border-sm text-primary"></div>
+              </div>
 
             </div>
           </div>
@@ -231,28 +254,39 @@
           </div>
 
         </div>
-        </div>
-        <div class="row">
-          <div class="col-12">
-            <footer class="text-center py-2 mt-6 text-secondary ">
-              <p class="mb-0">Copyright © 2026 InApp Inventory Dashboard. Developed by <a href="https://codescandy.com/"
-                  target="_blank" class="text-primary">CodesCandy</a> </p>
-            </footer>
-          </div>
-
-        </div>
-        <div class="position-fixed end-0 bottom-0 m-4">
-          <a href="https://codescandy.com/template/inventory-admin-dashboard-template/" class="btn btn-dark"
-            target="_blank"> Download Now</a>
-        </div>
-
       </div>
+
+    </div>
   </main>
 
   <?php require "../include_ending.php";?>
 
   <script>
+    function retrieve_warehouse_stats() {
 
+    return ajax_request({
+      url: "<?php echo $server_url?>ics/api/engine/warehouse_stats.php",
+      autoPrepare: true,
+      checkRequired: 0,
+      action: 'read',
+      onSuccess: function(res) {
+
+        console.log(res);
+        
+        $("#capacity h3").text(format_number(res.output.total_capacity,2));
+        $("#capacity p").text("Accross "+ format_number(res.output.total_warehouse) + " warehouses");
+        $("#capacity .card-loader-overlay").hide();
+
+      }
+    });
+
+  }
+
+  $(function() {
+    
+    retrieve_warehouse_stats();
+
+  });
   </script>