Inventory

  1. Home
  2. Dashboard

Welcome back, Allie!

You have 12 new messages and 7 new notifications.
// date range picker $(function() { $('input[name="daterange"]').daterangepicker({ opens: 'left' }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }); })
Current Stock
567 Unit
Stock Value
38,765 USD
Stock In
55 Unit
Stock Out
32 Unit
Product Sold
452 M
to be packed
22 Qty
to be shipped
11 Pkgs
to be delivered
9 Pkgs
to be invoiced
5 Qty
Labor Cost
3,908 USD
Stock Quality
201720172018201820192019202020204455414360605050404030302020101000
Average Cost
201720172018201820192019202020205050404030302020101000
Quality Purchase
20172017201820182019201920202020565032960605050404030302020101000
Top Selling Plans last update week ago
Plan 1
Plan 2
Plan 3
Sales Statistics
11.54k USD
Revenue
5.87k USD
Cost
Revenue
Cost
112233445566778899101011111212131314141515100100808060604040202000
New Agents
Hossein Shams
Exp. 5 Year
Maryam Amiri
Exp. 2.5 Year
Cindy Anderson
Exp. 8.2 Year
Alexander
Exp. 3 Year
Nellie
Exp. 7 Year
Sales Order
$('#myDataTable_no_filter').addClass('nowrap').dataTable({ responsive: true, searching: false, paging: false, ordering: false, info: false, }); // Stock Quality var options = { series: [{ name: 'PRODUCT A', data: [44, 55, 41, 43] }], chart: { type: 'bar', height: 220, stacked: true, toolbar: { show: false }, zoom: { enabled: true } }, colors: ['var(--chart-color3)'], responsive: [{ breakpoint: 480, options: { legend: { position: 'bottom', offsetX: -10, offsetY: 0 } } }], plotOptions: { bar: { borderRadius: 8, horizontal: false, }, }, xaxis: { categories: ['2017', '2018', '2019', '2020'], }, legend: { position: 'bottom', }, fill: { opacity: 1 } }; var chart = new ApexCharts(document.querySelector("#apex-StockQuality"), options); chart.render(); // Average Cost var options = { series: [{ name: "STOCK ABC", data: [0, 9, 5, 43] }], chart: { type: 'area', height: 220, toolbar: { show: false }, zoom: { enabled: false } }, colors: ['var(--chart-color3)'], fill: { type: "gradient", gradient: { gradientToColors: ['var(--chart-color1)', 'var(--chart-color3)'], shadeIntensity: 4, opacityFrom: 0.5, opacityTo: 0.1, stops: [0, 100] }, }, dataLabels: { enabled: false }, stroke: { curve: 'straight' }, xaxis: { categories: ['2017', '2018', '2019', '2020'], }, yaxis: { opposite: true }, legend: { horizontalAlign: 'left' } }; var chart = new ApexCharts(document.querySelector("#apex-AverageCost"), options); chart.render(); // Quality Purchase var options = { series: [{ name: 'PRODUCT A', data: [56, 50, 32, 9] }], chart: { type: 'bar', height: 220, stacked: true, toolbar: { show: false }, zoom: { enabled: true } }, colors: ['var(--chart-color4)'], responsive: [{ breakpoint: 480, options: { legend: { position: 'bottom', offsetX: -10, offsetY: 0 } } }], plotOptions: { bar: { borderRadius: 8, horizontal: false, }, }, xaxis: { categories: ['2017', '2018', '2019', '2020'], }, legend: { position: 'bottom', }, fill: { opacity: 1 } }; var chart = new ApexCharts(document.querySelector("#apex-QualityPurchase"), options); chart.render(); // Top Selling Plans var options = { series: [32, 56, 12], chart: { type: 'donut', width: 340, toolbar: { show: false, }, }, responsive: [{ breakpoint: 1200, options: { chart: { width: 260 }, legend: { position: 'bottom' } } }], labels: ['Plan 1', 'Plan 2', 'Plan 3'], colors: ['var(--chart-color1)', 'var(--chart-color2)', 'var(--chart-color3)'], dataLabels: { enabled: false }, legend: { position: 'bottom', // top, bottom enabled: false } }; var chart = new ApexCharts(document.querySelector("#apex-TopSellingPlans"), options); chart.render(); // Sales Statistics var options = { series: [{ name: 'Revenue', data: [13, 23, 20, 8, 13, 27, 33, 12, 67, 22, 43, 21, 49, 13, 23] }, { name: 'Cost', data: [44, 55, 41, 67, 22, 43, 21, 49, 13, 23, 20, 8, 13, 27, 33] }], chart: { type: 'bar', height: 190, stacked: true, //stackType: '100%', toolbar: { show: false, }, }, colors: ['var(--chart-color1)', 'var(--chart-color2)'], responsive: [{ breakpoint: 480, options: { legend: { position: 'bottom', offsetX: -10, offsetY: 0 } } }], xaxis: { categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', ], }, fill: { opacity: 1 }, dataLabels: { enabled: false, }, legend: { position: 'bottom', }, tooltip: { y: [{ title: { formatter: function(val) { return val + " (K)" } } }, { title: { formatter: function(val) { return val + " (K)" } } }] }, }; var chart = new ApexCharts(document.querySelector("#apex-SalesStatistics"), options); chart.render();