nok/wms-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more OOP and restructure utils

Browse Source
This commit is contained in:
Thanakorn S
2026-04-22 15:55:18 +07:00
parent 8834d672ba
commit 35dd1a9fce
31 changed files with 1417 additions and 494 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/dashboard/index.php
+2 -14
View File
@@ -482,23 +482,11 @@
</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>
</main>
<?php require "../include_ending.php";?>
<!-- Bootstrap JS -->
app/dashboard/reports.php
+186
View File
@@ -0,0 +1,186 @@
<?php
session_start();
require '../config.php';
require '../include_header.php';
?>
<body>
<?php require '../include_topbar.php';?>
<?php require '../include_sidebar.php';?>
<!-- MAIN CONTENT -->
<main id="content" class="content py-15">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center mb-5">
<div class="">
<h1 class="fs-3 mb-1">Reports</h1>
<p class="mb-0">View your inventory analytics and reports</p>
</div>
</div>
</div>
</div>
<div class="row g-5 mb-5">
<!-- Stat cards -->
<div class="col-12 col-sm-6 col-md-3">
<div class="card h-100">
<div class="card-body p-6">
<h6 class="mb-5 ">Total Revenue</h6>
<h3 class="mb-1 fw-bold">$45,231</h3>
<p class="mb-0 text-success small"><i class="ti ti-arrow-up"> </i>12% from last month</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="card h-100">
<div class="card-body p-6">
<h6 class="mb-5 ">Products Sold</h6>
<h3 class="mb-1 fw-bold">1,234</h3>
<p class="mb-0 text-success small"><i class="ti ti-arrow-up"> </i> 8% from last month</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="card h-100">
<div class="card-body p-6">
<h6 class="mb-5 ">Low Stock Items</h6>
<h3 class="mb-1 fw-bold">23</h3>
<p class="mb-0 text-danger small"><i class="ti ti-arrow-down"> </i> 3% from last month</p>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="card h-100">
<div class="card-body p-6">
<h6 class="mb-5 ">Out of Stock</h6>
<h3 class="mb-1 fw-bold">5</h3>
<p class="mb-0 text-danger small"><i class="ti ti-arrow-down"> </i> 2% from last month</p>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<!-- Sales Overview (full width) -->
<div class="col-12">
<div class="card">
<div class="card-body p-6">
<div class="d-flex flex-column flex-md-row justify-content-between align-items-start mb-3 gap-2">
<div>
<h2 class="mb-0 fs-5">Sales Overview</h2>
</div>
<div class="controls">
<button id="btn-random" class="btn btn-light btn-sm">Randomize Data</button>
<button id="btn-update" class="btn btn-primary btn-sm">Show This Year Only</button>
</div>
</div>
<!-- Chart placeholder: replace with canvas or chart container when integrating chart library -->
<div id="salesChart"></div>
<div class="d-flex justify-content-end">
<a href="#" class="small">View detailed report</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Top Products -->
<div class="col-12">
<div class="card">
<div class="card-body p-6">
<div class="d-flex justify-content-between align-items-center mb-3">
<div>
<h2 class="mb-0 fs-5">Top Products</h2>
</div>
</div>
<!-- Product rows -->
<div class="list-group list-group-flush">
<div class="list-group-item p-3 d-flex align-items-center">
<div class="me-3">
<img src="./assets/images/product-1.png" alt="Product A" class="rounded"
style="width:48px; height:48px; object-fit:cover;">
</div>
<div class="flex-grow-1">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="mb-0">Gaming Joy Stick</h6>
<small class="text-secondary">156 units sold</small>
</div>
<div class="text-end">
<strong>$3,120</strong>
</div>
</div>
</div>
</div>
<div class="list-group-item p-3 d-flex align-items-center">
<div class="me-3">
<img src="./assets/images/product-2.png" alt="Product B" class="rounded"
style="width:48px; height:48px; object-fit:cover;">
</div>
<div class="flex-grow-1">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="mb-0">Wireless Headphones</h6>
<small class="text-secondary">134 units sold</small>
</div>
<div class="text-end">
<strong>$2,680</strong>
</div>
</div>
</div>
</div>
<div class="list-group-item p-3 d-flex align-items-center">
<div class="me-3">
<img src="./assets/images/product-3.png" alt="Product C" class="rounded"
style="width:48px; height:48px; object-fit:cover;">
</div>
<div class="flex-grow-1">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="mb-0">Smartwatch</h6>
<small class="text-secondary">98 units sold</small>
</div>
<div class="text-end">
<strong>$1,960</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<?php require "../include_ending.php";?>
<!-- Bootstrap JS -->
</body>
</html>