├── simple part.fig
├── assets
    ├── img
    │   ├── demopp.jpg
    │   └── error-404-monochrome.svg
    └── demo
    │   ├── datatables-demo.js
    │   ├── chart-pie-demo.js
    │   ├── chart-bar-demo.js
    │   └── chart-area-demo.js
├── logout.php
├── index.php
├── db.php
├── js
    ├── datatables-simple-demo.js
    └── scripts.js
├── footer.php
├── ajax
    └── order.php
├── 500.php
├── 404.php
├── 401.php
├── addnewclient.php
├── header.php
├── password.php
├── login.php
├── ims.sql
├── allclients.php
├── register.php
├── addneworders.php
├── sidebar.php
├── brands.php
├── types.php
├── layout-sidenav-light.php
├── layout-static.php
├── addnewproduct.php
├── allorders.php
├── charts.php
├── allproducts.php
├── main.php
└── tables.php


/simple part.fig:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/asif-daffodil/ims/HEAD/simple part.fig


--------------------------------------------------------------------------------
/assets/img/demopp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/asif-daffodil/ims/HEAD/assets/img/demopp.jpg


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
1 | <?php  
2 |     session_start();
3 |     session_unset();
4 |     header("location: login.php");
5 | ?>


--------------------------------------------------------------------------------
/assets/demo/datatables-demo.js:
--------------------------------------------------------------------------------
1 | // Call the dataTables jQuery plugin
2 | $(document).ready(function() {
3 |   $('#dataTable').DataTable({perPage: 5});
4 | });
5 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include_once("header.php");
 3 | ?>
 4 | <div id="layoutSidenav">
 5 |     <?php
 6 |     include_once("sidebar.php");
 7 |     ?>
 8 |     <div id="layoutSidenav_content">
 9 |         <?php
10 |         include_once("footer.php");
11 |         ?>
12 |     </div>
13 | </div>
14 | </body>
15 | 
16 | </html>


--------------------------------------------------------------------------------
/db.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 |     $conn = mysqli_connect("localhost","root","","ims");
 3 |     function safuda ($data) {
 4 |         global $conn;
 5 |         $data = trim($data);
 6 |         $data = htmlspecialchars($data);
 7 |         $data = stripslashes($data);
 8 |         $data = mysqli_real_escape_string($conn, $data);
 9 |         return $data;
10 |     }
11 | ?>


--------------------------------------------------------------------------------
/js/datatables-simple-demo.js:
--------------------------------------------------------------------------------
 1 | window.addEventListener('DOMContentLoaded', event => {
 2 |     // Simple-DataTables
 3 |     // https://github.com/fiduswriter/Simple-DataTables/wiki
 4 | 
 5 |     const datatablesSimple = document.getElementById('datatablesSimple');
 6 |     if (datatablesSimple) {
 7 |         new simpleDatatables.DataTable(datatablesSimple, {perPage: 5});
 8 |     }
 9 | });
10 | 


--------------------------------------------------------------------------------
/assets/demo/chart-pie-demo.js:
--------------------------------------------------------------------------------
 1 | // Set new default font family and font color to mimic Bootstrap's default styling
 2 | Chart.defaults.global.defaultFontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 3 | Chart.defaults.global.defaultFontColor = '#292b2c';
 4 | 
 5 | // Pie Chart Example
 6 | var ctx = document.getElementById("myPieChart");
 7 | var myPieChart = new Chart(ctx, {
 8 |   type: 'pie',
 9 |   data: {
10 |     labels: ["Blue", "Red", "Yellow", "Green"],
11 |     datasets: [{
12 |       data: [12.21, 15.58, 11.25, 8.32],
13 |       backgroundColor: ['#007bff', '#dc3545', '#ffc107', '#28a745'],
14 |     }],
15 |   },
16 | });
17 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <footer class="py-4 bg-light mt-auto">
 2 |     <div class="container-fluid px-4">
 3 |         <div class="d-flex align-items-center justify-content-between small">
 4 |             <div class="text-muted">Copyright &copy; Your Website 2023</div>
 5 |             <div>
 6 |                 <a href="#">Privacy Policy</a>
 7 |                 &middot;
 8 |                 <a href="#">Terms &amp; Conditions</a>
 9 |             </div>
10 |         </div>
11 |     </div>
12 | </footer>
13 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
14 | <script src="js/scripts.js"></script>
15 | <script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
16 | <script src="js/datatables-simple-demo.js"></script>
17 | 


--------------------------------------------------------------------------------
/js/scripts.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |     * Start Bootstrap - SB Admin v7.0.7 (https://startbootstrap.com/template/sb-admin)
 3 |     * Copyright 2013-2023 Start Bootstrap
 4 |     * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
 5 |     */
 6 |     // 
 7 | // Scripts
 8 | // 
 9 | 
10 | window.addEventListener('DOMContentLoaded', event => {
11 | 
12 |     // Toggle the side navigation
13 |     const sidebarToggle = document.body.querySelector('#sidebarToggle');
14 |     if (sidebarToggle) {
15 |         // Uncomment Below to persist sidebar toggle between refreshes
16 |         // if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
17 |         //     document.body.classList.toggle('sb-sidenav-toggled');
18 |         // }
19 |         sidebarToggle.addEventListener('click', event => {
20 |             event.preventDefault();
21 |             document.body.classList.toggle('sb-sidenav-toggled');
22 |             localStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
23 |         });
24 |     }
25 | 
26 | });
27 | 


--------------------------------------------------------------------------------
/ajax/order.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | $conn = mysqli_connect("localhost","root","","ims");
 3 | if(isset($_POST['cid'])){
 4 |     $id = $_POST['id'];
 5 |     $sql = "UPDATE `orders` SET `status` = 'Canceled' WHERE `id` = '$id'";
 6 |     $result = mysqli_query($conn, $sql);
 7 |     // update stock in products table
 8 |     $sql = "SELECT * FROM `orders` WHERE `id` = '$id'";
 9 |     $result2 = mysqli_query($conn, $sql);
10 |     $row = mysqli_fetch_object($result2);
11 |     $product_id = $row->product_id;
12 |     $quantity = $row->quantity;
13 |     $sql = "UPDATE `products` SET `stock` = `stock` + '$quantity' WHERE `id` = '$product_id'";
14 |     $result3 = mysqli_query($conn, $sql);
15 |     if($result && $result2 && $result3){
16 |         echo "success";
17 |     }else{
18 |         echo "fail";
19 |     }
20 | }
21 | if(isset($_POST['eid'])){
22 |     $id = $_POST['eid'];
23 |     $sql = "UPDATE `orders` SET `status` = 'Delivered' WHERE `id` = '$id'";
24 |     $result = mysqli_query($conn, $sql);
25 |     if($result){
26 |         echo "success";
27 |     }else{
28 |         echo "fail";
29 |     }
30 | }
31 | ?>


--------------------------------------------------------------------------------
/assets/demo/chart-bar-demo.js:
--------------------------------------------------------------------------------
 1 | // Set new default font family and font color to mimic Bootstrap's default styling
 2 | Chart.defaults.global.defaultFontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 3 | Chart.defaults.global.defaultFontColor = '#292b2c';
 4 | 
 5 | // Bar Chart Example
 6 | var ctx = document.getElementById("myBarChart");
 7 | var myLineChart = new Chart(ctx, {
 8 |   type: 'bar',
 9 |   data: {
10 |     labels: ["January", "February", "March", "April", "May", "June"],
11 |     datasets: [{
12 |       label: "Revenue",
13 |       backgroundColor: "rgba(2,117,216,1)",
14 |       borderColor: "rgba(2,117,216,1)",
15 |       data: [4215, 5312, 6251, 7841, 9821, 14984],
16 |     }],
17 |   },
18 |   options: {
19 |     scales: {
20 |       xAxes: [{
21 |         time: {
22 |           unit: 'month'
23 |         },
24 |         gridLines: {
25 |           display: false
26 |         },
27 |         ticks: {
28 |           maxTicksLimit: 6
29 |         }
30 |       }],
31 |       yAxes: [{
32 |         ticks: {
33 |           min: 0,
34 |           max: 15000,
35 |           maxTicksLimit: 5
36 |         },
37 |         gridLines: {
38 |           display: true
39 |         }
40 |       }],
41 |     },
42 |     legend: {
43 |       display: false
44 |     }
45 |   }
46 | });
47 | 


--------------------------------------------------------------------------------
/assets/demo/chart-area-demo.js:
--------------------------------------------------------------------------------
 1 | // Set new default font family and font color to mimic Bootstrap's default styling
 2 | Chart.defaults.global.defaultFontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 3 | Chart.defaults.global.defaultFontColor = '#292b2c';
 4 | 
 5 | // Area Chart Example
 6 | var ctx = document.getElementById("myAreaChart");
 7 | var myLineChart = new Chart(ctx, {
 8 |   type: 'line',
 9 |   data: {
10 |     labels: ["Mar 1", "Mar 2", "Mar 3", "Mar 4", "Mar 5", "Mar 6", "Mar 7", "Mar 8", "Mar 9", "Mar 10", "Mar 11", "Mar 12", "Mar 13"],
11 |     datasets: [{
12 |       label: "Sessions",
13 |       lineTension: 0.3,
14 |       backgroundColor: "rgba(2,117,216,0.2)",
15 |       borderColor: "rgba(2,117,216,1)",
16 |       pointRadius: 5,
17 |       pointBackgroundColor: "rgba(2,117,216,1)",
18 |       pointBorderColor: "rgba(255,255,255,0.8)",
19 |       pointHoverRadius: 5,
20 |       pointHoverBackgroundColor: "rgba(2,117,216,1)",
21 |       pointHitRadius: 50,
22 |       pointBorderWidth: 2,
23 |       data: [10000, 30162, 26263, 18394, 18287, 28682, 31274, 33259, 25849, 24159, 32651, 31984, 38451],
24 |     }],
25 |   },
26 |   options: {
27 |     scales: {
28 |       xAxes: [{
29 |         time: {
30 |           unit: 'date'
31 |         },
32 |         gridLines: {
33 |           display: false
34 |         },
35 |         ticks: {
36 |           maxTicksLimit: 7
37 |         }
38 |       }],
39 |       yAxes: [{
40 |         ticks: {
41 |           min: 0,
42 |           max: 40000,
43 |           maxTicksLimit: 5
44 |         },
45 |         gridLines: {
46 |           color: "rgba(0, 0, 0, .125)",
47 |         }
48 |       }],
49 |     },
50 |     legend: {
51 |       display: false
52 |     }
53 |   }
54 | });
55 | 


--------------------------------------------------------------------------------
/500.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>404 Error - SB Admin</title>
10 |         <link href="css/styles.css" rel="stylesheet" />
11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body>
14 |         <div id="layoutError">
15 |             <div id="layoutError_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-6">
20 |                                 <div class="text-center mt-4">
21 |                                     <h1 class="display-1">500</h1>
22 |                                     <p class="lead">Internal Server Error</p>
23 |                                     <a href="index.html">
24 |                                         <i class="fas fa-arrow-left me-1"></i>
25 |                                         Return to Dashboard
26 |                                     </a>
27 |                                 </div>
28 |                             </div>
29 |                         </div>
30 |                     </div>
31 |                 </main>
32 |             </div>
33 |             <div id="layoutError_footer">
34 |                 <footer class="py-4 bg-light mt-auto">
35 |                     <div class="container-fluid px-4">
36 |                         <div class="d-flex align-items-center justify-content-between small">
37 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
38 |                             <div>
39 |                                 <a href="#">Privacy Policy</a>
40 |                                 &middot;
41 |                                 <a href="#">Terms &amp; Conditions</a>
42 |                             </div>
43 |                         </div>
44 |                     </div>
45 |                 </footer>
46 |             </div>
47 |         </div>
48 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
49 |         <script src="js/scripts.js"></script>
50 |     </body>
51 | </html>
52 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>404 Error - SB Admin</title>
10 |         <link href="css/styles.css" rel="stylesheet" />
11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body>
14 |         <div id="layoutError">
15 |             <div id="layoutError_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-6">
20 |                                 <div class="text-center mt-4">
21 |                                     <img class="mb-4 img-error" src="assets/img/error-404-monochrome.svg" />
22 |                                     <p class="lead">This requested URL was not found on this server.</p>
23 |                                     <a href="index.html">
24 |                                         <i class="fas fa-arrow-left me-1"></i>
25 |                                         Return to Dashboard
26 |                                     </a>
27 |                                 </div>
28 |                             </div>
29 |                         </div>
30 |                     </div>
31 |                 </main>
32 |             </div>
33 |             <div id="layoutError_footer">
34 |                 <footer class="py-4 bg-light mt-auto">
35 |                     <div class="container-fluid px-4">
36 |                         <div class="d-flex align-items-center justify-content-between small">
37 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
38 |                             <div>
39 |                                 <a href="#">Privacy Policy</a>
40 |                                 &middot;
41 |                                 <a href="#">Terms &amp; Conditions</a>
42 |                             </div>
43 |                         </div>
44 |                     </div>
45 |                 </footer>
46 |             </div>
47 |         </div>
48 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
49 |         <script src="js/scripts.js"></script>
50 |     </body>
51 | </html>
52 | 


--------------------------------------------------------------------------------
/401.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>404 Error - SB Admin</title>
10 |         <link href="css/styles.css" rel="stylesheet" />
11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body>
14 |         <div id="layoutError">
15 |             <div id="layoutError_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-6">
20 |                                 <div class="text-center mt-4">
21 |                                     <h1 class="display-1">401</h1>
22 |                                     <p class="lead">Unauthorized</p>
23 |                                     <p>Access to this resource is denied.</p>
24 |                                     <a href="index.html">
25 |                                         <i class="fas fa-arrow-left me-1"></i>
26 |                                         Return to Dashboard
27 |                                     </a>
28 |                                 </div>
29 |                             </div>
30 |                         </div>
31 |                     </div>
32 |                 </main>
33 |             </div>
34 |             <div id="layoutError_footer">
35 |                 <footer class="py-4 bg-light mt-auto">
36 |                     <div class="container-fluid px-4">
37 |                         <div class="d-flex align-items-center justify-content-between small">
38 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
39 |                             <div>
40 |                                 <a href="#">Privacy Policy</a>
41 |                                 &middot;
42 |                                 <a href="#">Terms &amp; Conditions</a>
43 |                             </div>
44 |                         </div>
45 |                     </div>
46 |                 </footer>
47 |             </div>
48 |         </div>
49 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
50 |         <script src="js/scripts.js"></script>
51 |     </body>
52 | </html>
53 | 


--------------------------------------------------------------------------------
/addnewclient.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include_once("header.php");
 3 | // table name: clients; columns: `id`, `name`, `mobile`, `address`, `created_at` 
 4 | // add client
 5 | if (isset($_POST['addclient'])) {
 6 |     # code...
 7 |     $cname = safuda($_POST['cname']);
 8 |     $mobile = safuda($_POST['mobile']);
 9 |     $address = safuda($_POST['address']);
10 |     // name is mendetory
11 |     if (empty($cname)) {
12 |         # code...
13 |         echo "<script>toastr.error('Client Name is Required')</script>";
14 |     }
15 |     // mobile is mendetory
16 |     if ($mobile == "") {
17 |         # code...
18 |         echo "<script>toastr.error('Mobile Number is Required')</script>";
19 |     }
20 |     // address is mendetory
21 |     if ($address == "") {
22 |         # code...
23 |         echo "<script>toastr.error('Address is Required')</script>";
24 |     }
25 |     // check if client already exists
26 |     $sql = "SELECT * FROM `clients` WHERE `mobile`='$mobile'";
27 |     $result = mysqli_query($conn, $sql);
28 |     if (mysqli_num_rows($result) > 0) {
29 |         # code...
30 |         echo "<script>toastr.error('Client Already Exists')</script>";
31 |     } else {
32 |         # code...
33 |         if(!empty($cname) && !empty($mobile) && !empty($address)){
34 |             $sql = "INSERT INTO `clients` (`name`, `mobile`, `address`) VALUES ('$cname', '$mobile', '$address')";
35 |             $result = mysqli_query($conn, $sql);
36 |             if ($result) {
37 |                 # code...
38 |                 echo "<script>toastr.success('Client Added Successfully')</script>";
39 |             } else {
40 |                 # code...
41 |                 echo "<script>toastr.error('Client Not Added')</script>";
42 |             }
43 |         }
44 |     }
45 | }
46 | ?>
47 | <div id="layoutSidenav">
48 |     <?php
49 |     include_once("sidebar.php");
50 |     ?>
51 |     <div id="layoutSidenav_content">
52 |         <div class="container-fluid px-4">
53 |             <div class="row">
54 |                 <div class="col-md-6">
55 |                     <h2>Add New Client</h2>
56 |                     <!-- Form to add new client -->
57 |                     <form action="" method="post">
58 |                         <div class="mb-3 form-floating ">
59 |                             <input type="text" placeholder="Client Name" name="cname" class="form-control">
60 |                             <label for="">Client Name</label>
61 |                         </div>
62 |                         <div class="mb-3 form-floating ">
63 |                             <input type="text" placeholder="Mobile Number" name="mobile" class="form-control">
64 |                             <label for="">Mobile Number</label>
65 |                         </div>
66 |                         <div class="mb-3 form-floating ">
67 |                             <input type="text" placeholder="Address" name="address" class="form-control">
68 |                             <label for="">Address</label>
69 |                         </div>
70 |                         <div class="mb-3">
71 |                             <input type="submit" value="Add Client" name="addclient" class="btn btn-primary">
72 |                         </div>
73 |                     </form>
74 |                 </div>
75 |             </div>
76 |         </div>
77 |         <?php
78 |         include_once("footer.php");
79 |         ?>
80 |     </div>
81 | </div>
82 | </body>
83 | 
84 | </html>


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php  
 2 |     session_start();
 3 |     include_once("db.php");
 4 |     if (!isset($_SESSION['id'])) {
 5 |         # code...
 6 |         header("location: login.php");
 7 |     }
 8 | ?>
 9 | <!DOCTYPE html>
10 | <html lang="en">
11 |     <head>
12 |         <meta charset="utf-8" />
13 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
14 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
15 |         <meta name="description" content="" />
16 |         <meta name="author" content="" />
17 |         <title>Dashboard - SB Admin</title>
18 |         <link href="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css" rel="stylesheet" />
19 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
20 |         <link href="css/styles.css" rel="stylesheet" />
21 |         <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
22 |         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
23 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
24 |         <script>
25 |             toastr.options = {
26 |                 "positionClass": "toast-bottom-right",
27 |                 "closeButton": true,
28 |                 "progressBar": true,
29 |                 "showMethod": "slideDown",
30 |                 "hideMethod": "slideUp",
31 |                 "timeOut": "5000",
32 |                 "extendedTimeOut": "2000",
33 |                 "iconClass": "toast-info"
34 |             }
35 |         </script>
36 |     </head>
37 |     <body class="sb-nav-fixed">
38 |         <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
39 |             <!-- Navbar Brand-->
40 |             <a class="navbar-brand ps-3" href="index.html">IMS</a>
41 |             <!-- Sidebar Toggle-->
42 |             <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
43 |             <!-- Navbar Search-->
44 |             <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
45 |                 <div class="input-group">
46 |                     <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
47 |                     <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
48 |                 </div>
49 |             </form>
50 |             <!-- Navbar-->
51 |             <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
52 |                 <li class="nav-item">
53 |                     <a href="" class="nav-link"><?= $_SESSION["name"] ?? null ?></a>
54 |                 </li>
55 |                 <li class="nav-item dropdown">
56 |                     
57 |                     <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
58 |                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
59 |                         <li><a class="dropdown-item" href="#!">Settings</a></li>
60 |                         <li><a class="dropdown-item" href="#!">Activity Log</a></li>
61 |                         <li><hr class="dropdown-divider" /></li>
62 |                         <li><a class="dropdown-item" href="./logout.php">Logout</a></li>
63 |                     </ul>
64 |                 </li>
65 |             </ul>
66 |         </nav>


--------------------------------------------------------------------------------
/password.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>Password Reset - SB Admin</title>
10 |         <link href="css/styles.css" rel="stylesheet" />
11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body class="bg-primary">
14 |         <div id="layoutAuthentication">
15 |             <div id="layoutAuthentication_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-5">
20 |                                 <div class="card shadow-lg border-0 rounded-lg mt-5">
21 |                                     <div class="card-header"><h3 class="text-center font-weight-light my-4">Password Recovery</h3></div>
22 |                                     <div class="card-body">
23 |                                         <div class="small mb-3 text-muted">Enter your email address and we will send you a link to reset your password.</div>
24 |                                         <form>
25 |                                             <div class="form-floating mb-3">
26 |                                                 <input class="form-control" id="inputEmail" type="email" placeholder="name@example.com" />
27 |                                                 <label for="inputEmail">Email address</label>
28 |                                             </div>
29 |                                             <div class="d-flex align-items-center justify-content-between mt-4 mb-0">
30 |                                                 <a class="small" href="login.html">Return to login</a>
31 |                                                 <a class="btn btn-primary" href="login.html">Reset Password</a>
32 |                                             </div>
33 |                                         </form>
34 |                                     </div>
35 |                                     <div class="card-footer text-center py-3">
36 |                                         <div class="small"><a href="register.html">Need an account? Sign up!</a></div>
37 |                                     </div>
38 |                                 </div>
39 |                             </div>
40 |                         </div>
41 |                     </div>
42 |                 </main>
43 |             </div>
44 |             <div id="layoutAuthentication_footer">
45 |                 <footer class="py-4 bg-light mt-auto">
46 |                     <div class="container-fluid px-4">
47 |                         <div class="d-flex align-items-center justify-content-between small">
48 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
49 |                             <div>
50 |                                 <a href="#">Privacy Policy</a>
51 |                                 &middot;
52 |                                 <a href="#">Terms &amp; Conditions</a>
53 |                             </div>
54 |                         </div>
55 |                     </div>
56 |                 </footer>
57 |             </div>
58 |         </div>
59 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
60 |         <script src="js/scripts.js"></script>
61 |     </body>
62 | </html>
63 | 


--------------------------------------------------------------------------------
/login.php:
--------------------------------------------------------------------------------
 1 | <?php  
 2 |     session_start();
 3 |     include_once("db.php");
 4 |     if (isset($_SESSION['id'])) {
 5 |         # code...
 6 |         header("location: index.php");
 7 |     }
 8 | ?>
 9 | <!DOCTYPE html>
10 | <html lang="en">
11 | <head></head>
12 |     <meta charset="UTF-8">
13 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
14 |     <title>Login</title>
15 |     <!-- Bootstrap 5 CSS -->
16 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
17 |     <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
18 |         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
19 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
20 | </head>
21 | <body>
22 | <?php 
23 |         if (isset($_POST['login'])) {
24 |             $email = safuda($_POST['email']);
25 |             $password = safuda($_POST['password']);
26 |             if (empty($email)) {
27 |                 echo "<script>toastr.error('Email is Required')</script>";
28 |             } else {
29 |                 # code...
30 |                 if (empty($password)) {
31 |                     # code...
32 |                     echo "<script>toastr.error('Password is Required')</script>";
33 |                 } else {
34 |                     # code...
35 |                     $sql = "SELECT * FROM `users` WHERE `email` = '$email'";
36 |                     $result = mysqli_query($conn, $sql);
37 |                     if (mysqli_num_rows($result) > 0) {
38 |                         # code...
39 |                         $row = mysqli_fetch_object($result);
40 |                         if (password_verify($password, $row->pass)) {
41 |                             # code...
42 |                             $_SESSION['id'] = $row->id;
43 |                             $_SESSION['name'] = $row->name;
44 |                             $_SESSION['email'] = $row->email;
45 |                             $_SESSION['gender'] = $row->gender;
46 |                             $_SESSION['image'] = $row->image ?? "demopp.jpg";
47 |                             $_SESSION['role'] = $row->role;
48 |                             header("location: index.php");
49 |                         } else {
50 |                             # code...
51 |                             echo "<script>toastr.error('Email or Password is Incorrect')</script>";
52 |                         }
53 |                     } else {
54 |                         # code...
55 |                         echo "<script>toastr.error('Email or Password is Incorrect')</script>";
56 |                     }
57 |                 }
58 |             }
59 |         }
60 |     ?>
61 |     <div class="container-fluid">
62 |         <div class="row min-vh-100">
63 |             <div class="col-md-6 min-vh-100" style="background: url('https://source.unsplash.com/random?cat'); background-size: cover; background-position: center;">
64 |             </div>
65 |             <div class="col-md-4 d-flex flex-column justify-content-center">
66 |                 <h1 class="mb-4">Login</h1>
67 |                 <form method="post" action="">
68 |                     <div class="mb-3">
69 |                         <input type="email" name="email" class="form-control" id="email" placeholder="Email" value="<?= $email ?? null ?>">
70 |                     </div>
71 |                     <div class="mb-3">
72 |                         <input type="password" name="password" class="form-control" id="password" placeholder="Password">
73 |                     </div>
74 |                     <button type="submit" class="btn btn-primary" name="login">Login</button>
75 |                 </form>
76 |             </div>
77 |         </div>
78 |     </div>
79 | </body>
80 | </html>
81 | 


--------------------------------------------------------------------------------
/ims.sql:
--------------------------------------------------------------------------------
  1 | -- phpMyAdmin SQL Dump
  2 | -- version 5.2.1
  3 | -- https://www.phpmyadmin.net/
  4 | --
  5 | -- Host: 127.0.0.1
  6 | -- Generation Time: Nov 12, 2023 at 09:44 AM
  7 | -- Server version: 10.4.28-MariaDB
  8 | -- PHP Version: 8.2.4
  9 | 
 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 11 | START TRANSACTION;
 12 | SET time_zone = "+00:00";
 13 | 
 14 | 
 15 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 16 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 17 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 18 | /*!40101 SET NAMES utf8mb4 */;
 19 | 
 20 | --
 21 | -- Database: `ims`
 22 | --
 23 | 
 24 | -- --------------------------------------------------------
 25 | 
 26 | --
 27 | -- Table structure for table `brands`
 28 | --
 29 | -- Error reading structure for table ims.brands: #1932 - Table &#039;ims.brands&#039; doesn&#039;t exist in engine
 30 | -- Error reading data for table ims.brands: #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near &#039;FROM `ims`.`brands`&#039; at line 1
 31 | 
 32 | -- --------------------------------------------------------
 33 | 
 34 | --
 35 | -- Table structure for table `clients`
 36 | --
 37 | -- Error reading structure for table ims.clients: #1932 - Table &#039;ims.clients&#039; doesn&#039;t exist in engine
 38 | -- Error reading data for table ims.clients: #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near &#039;FROM `ims`.`clients`&#039; at line 1
 39 | 
 40 | -- --------------------------------------------------------
 41 | 
 42 | --
 43 | -- Table structure for table `orders`
 44 | --
 45 | -- Error reading structure for table ims.orders: #1932 - Table &#039;ims.orders&#039; doesn&#039;t exist in engine
 46 | -- Error reading data for table ims.orders: #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near &#039;FROM `ims`.`orders`&#039; at line 1
 47 | 
 48 | -- --------------------------------------------------------
 49 | 
 50 | --
 51 | -- Table structure for table `products`
 52 | --
 53 | -- Error reading structure for table ims.products: #1932 - Table &#039;ims.products&#039; doesn&#039;t exist in engine
 54 | -- Error reading data for table ims.products: #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near &#039;FROM `ims`.`products`&#039; at line 1
 55 | 
 56 | -- --------------------------------------------------------
 57 | 
 58 | --
 59 | -- Table structure for table `types`
 60 | --
 61 | -- Error reading structure for table ims.types: #1932 - Table &#039;ims.types&#039; doesn&#039;t exist in engine
 62 | -- Error reading data for table ims.types: #1064 - You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near &#039;FROM `ims`.`types`&#039; at line 1
 63 | 
 64 | -- --------------------------------------------------------
 65 | 
 66 | --
 67 | -- Table structure for table `users`
 68 | --
 69 | 
 70 | CREATE TABLE `users` (
 71 |   `id` int(11) NOT NULL,
 72 |   `name` varchar(160) NOT NULL,
 73 |   `gender` varchar(6) NOT NULL,
 74 |   `email` varchar(160) NOT NULL,
 75 |   `image` varchar(160) NOT NULL,
 76 |   `pass` varchar(160) NOT NULL,
 77 |   `role` varchar(10) NOT NULL DEFAULT 'user',
 78 |   `created_at` timestamp NOT NULL DEFAULT current_timestamp()
 79 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 80 | 
 81 | --
 82 | -- Dumping data for table `users`
 83 | --
 84 | 
 85 | INSERT INTO `users` (`id`, `name`, `gender`, `email`, `image`, `pass`, `role`, `created_at`) VALUES
 86 | (1, 'Roman', 'Male', 'roman@gmail.com', '', '$2y$10$8MebhfmCOrXzyBte.frdYuLvBo.LOk0QOZfOjsA4HDff.09ZID8iS', 'admin', '2023-11-12 08:19:04');
 87 | 
 88 | --
 89 | -- Indexes for dumped tables
 90 | --
 91 | 
 92 | --
 93 | -- Indexes for table `users`
 94 | --
 95 | ALTER TABLE `users`
 96 |   ADD PRIMARY KEY (`id`),
 97 |   ADD UNIQUE KEY `email` (`email`);
 98 | 
 99 | --
100 | -- AUTO_INCREMENT for dumped tables
101 | --
102 | 
103 | --
104 | -- AUTO_INCREMENT for table `users`
105 | --
106 | ALTER TABLE `users`
107 |   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
108 | COMMIT;
109 | 
110 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
111 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
112 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
113 | 


--------------------------------------------------------------------------------
/allclients.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | // table name: clients; columns: `id`, `name`, `mobile`, `address`, `created_at` 
  4 | // all clients
  5 | $sql = "SELECT * FROM `clients`";
  6 | $result = mysqli_query($conn, $sql);
  7 | ?>
  8 | <div id="layoutSidenav">
  9 |     <?php
 10 |     include_once("sidebar.php");
 11 |     ?>
 12 |     <div id="layoutSidenav_content">
 13 |         <div class="container-fluid px-4">
 14 |             <div class="row">
 15 |                 <?php if(!isset($_GET["eid"]) && !isset($_GET["did"])){ ?>
 16 |                 <div class="col-md-12">
 17 |                     <h2>All Clients</h2>
 18 |                     <div class="table-responsive">
 19 |                         <!-- show all clients in datatable -->
 20 |                         <table class="table table-striped table-sm" id="datatablesSimple">
 21 |                             <thead>
 22 |                                 <tr>
 23 |                                     <th>S.N.</th>
 24 |                                     <th>Client Name</th>
 25 |                                     <th>Mobile</th>
 26 |                                     <th>Address</th>
 27 |                                     <th>Actions</th>
 28 |                                 </tr>
 29 |                             </thead>
 30 |                             <tbody>
 31 |                                 <?php
 32 |                                 $i = 1;
 33 |                                 while ($row = mysqli_fetch_object($result)) {
 34 |                                 ?>
 35 |                                     <tr>
 36 |                                         <td><?= $i++ ?></td>
 37 |                                         <td><?= $row->name ?></td>
 38 |                                         <td><?= $row->mobile ?></td>
 39 |                                         <td><?= $row->address ?></td>
 40 |                                         <td>
 41 |                                             <a href="./allclients.php?eid=<?= $row->id ?>" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
 42 |                                             <a href="./allclients.php?did=<?= $row->id ?>" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
 43 |                                         </td>
 44 |                                     </tr>
 45 |                                 <?php
 46 |                                 }
 47 |                                 ?>
 48 |                             </tbody>
 49 |                         </table>
 50 |                     </div>
 51 | 
 52 |                     <script>
 53 |                         $(document).ready(function() {
 54 |                             $('#datatablesSimple').DataTable();
 55 |                         });
 56 |                     </script>
 57 |                 </div>
 58 |                 <?php } ?>
 59 |                 <?php
 60 |                 // edit client
 61 |                 if (isset($_GET['eid'])) {
 62 |                     # code...
 63 |                     $eid = $_GET['eid'];
 64 |                     $sql = "SELECT * FROM `clients` WHERE `id`='$eid'";
 65 |                     $result = mysqli_query($conn, $sql);
 66 |                     $row = mysqli_fetch_object($result);
 67 |                 ?>
 68 |                     <div class="col-md-6">
 69 |                         <h2>Edit Client</h2>
 70 |                         <form action="" method="post">
 71 |                             <div class="mb-3 form-floating ">
 72 |                                 <input type="text" placeholder="Client Name" name="cname" class="form-control" value="<?= $row->name ?>">
 73 |                                 <label for="">Client Name</label>
 74 |                             </div>
 75 |                             <div class="mb-3 form-floating ">
 76 |                                 <input type="text" placeholder="Mobile Number" name="mobile" class="form-control" value="<?= $row->mobile ?>">
 77 |                                 <label for="">Mobile Number</label>
 78 |                             </div>
 79 |                             <div class="mb-3 form-floating ">
 80 |                                 <input type="text" placeholder="Address" name="address" class="form-control" value="<?= $row->address ?>">
 81 |                                 <label for="">Address</label>
 82 |                             </div>
 83 |                             <div class="mb-3">
 84 |                                 <input type="submit" value="Update Client" name="updateclient" class="btn btn-primary">
 85 |                             </div>
 86 |                         </form>
 87 |                     </div>
 88 |                 <?php
 89 |                 }
 90 |                 ?>
 91 |                 <?php
 92 |                 // delete client
 93 |                 if (isset($_GET['did'])) {
 94 |                     # code...
 95 |                     $did = $_GET['did'];
 96 |                     $sql = "DELETE FROM `clients` WHERE `id`='$did'";
 97 |                     $result = mysqli_query($conn, $sql);
 98 |                     if ($result) {
 99 |                         # code...
100 |                         echo "<script>toastr.success('Client Deleted Successfully')</script>";
101 |                     } else {
102 |                         # code...
103 |                         echo "<script>toastr.error('Client Not Deleted')</script>";
104 |                     }
105 |                 }
106 |                 ?>
107 |             </div>
108 |         </div>
109 |         <?php
110 |         include_once("footer.php");
111 |         ?>
112 |     </div>
113 | </div>
114 | </body>
115 | 
116 | </html>


--------------------------------------------------------------------------------
/register.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |         <meta name="description" content="" />
 8 |         <meta name="author" content="" />
 9 |         <title>Register - SB Admin</title>
10 |         <link href="css/styles.css" rel="stylesheet" />
11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 |     </head>
13 |     <body class="bg-primary">
14 |         <div id="layoutAuthentication">
15 |             <div id="layoutAuthentication_content">
16 |                 <main>
17 |                     <div class="container">
18 |                         <div class="row justify-content-center">
19 |                             <div class="col-lg-7">
20 |                                 <div class="card shadow-lg border-0 rounded-lg mt-5">
21 |                                     <div class="card-header"><h3 class="text-center font-weight-light my-4">Create Account</h3></div>
22 |                                     <div class="card-body">
23 |                                         <form>
24 |                                             <div class="row mb-3">
25 |                                                 <div class="col-md-6">
26 |                                                     <div class="form-floating mb-3 mb-md-0">
27 |                                                         <input class="form-control" id="inputFirstName" type="text" placeholder="Enter your first name" />
28 |                                                         <label for="inputFirstName">First name</label>
29 |                                                     </div>
30 |                                                 </div>
31 |                                                 <div class="col-md-6">
32 |                                                     <div class="form-floating">
33 |                                                         <input class="form-control" id="inputLastName" type="text" placeholder="Enter your last name" />
34 |                                                         <label for="inputLastName">Last name</label>
35 |                                                     </div>
36 |                                                 </div>
37 |                                             </div>
38 |                                             <div class="form-floating mb-3">
39 |                                                 <input class="form-control" id="inputEmail" type="email" placeholder="name@example.com" />
40 |                                                 <label for="inputEmail">Email address</label>
41 |                                             </div>
42 |                                             <div class="row mb-3">
43 |                                                 <div class="col-md-6">
44 |                                                     <div class="form-floating mb-3 mb-md-0">
45 |                                                         <input class="form-control" id="inputPassword" type="password" placeholder="Create a password" />
46 |                                                         <label for="inputPassword">Password</label>
47 |                                                     </div>
48 |                                                 </div>
49 |                                                 <div class="col-md-6">
50 |                                                     <div class="form-floating mb-3 mb-md-0">
51 |                                                         <input class="form-control" id="inputPasswordConfirm" type="password" placeholder="Confirm password" />
52 |                                                         <label for="inputPasswordConfirm">Confirm Password</label>
53 |                                                     </div>
54 |                                                 </div>
55 |                                             </div>
56 |                                             <div class="mt-4 mb-0">
57 |                                                 <div class="d-grid"><a class="btn btn-primary btn-block" href="login.html">Create Account</a></div>
58 |                                             </div>
59 |                                         </form>
60 |                                     </div>
61 |                                     <div class="card-footer text-center py-3">
62 |                                         <div class="small"><a href="login.html">Have an account? Go to login</a></div>
63 |                                     </div>
64 |                                 </div>
65 |                             </div>
66 |                         </div>
67 |                     </div>
68 |                 </main>
69 |             </div>
70 |             <div id="layoutAuthentication_footer">
71 |                 <footer class="py-4 bg-light mt-auto">
72 |                     <div class="container-fluid px-4">
73 |                         <div class="d-flex align-items-center justify-content-between small">
74 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
75 |                             <div>
76 |                                 <a href="#">Privacy Policy</a>
77 |                                 &middot;
78 |                                 <a href="#">Terms &amp; Conditions</a>
79 |                             </div>
80 |                         </div>
81 |                     </div>
82 |                 </footer>
83 |             </div>
84 |         </div>
85 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
86 |         <script src="js/scripts.js"></script>
87 |     </body>
88 | </html>
89 | 


--------------------------------------------------------------------------------
/assets/img/error-404-monochrome.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 797.46 814.59"><defs><style>.cls-1,.cls-6,.cls-7{fill:none;}.cls-2{fill:#949494;}.cls-3{fill:url(#New_Pattern);}.cls-4{fill:#f8f8f8;}.cls-5{fill:#d3d3d3;}.cls-6,.cls-7{stroke:#000;stroke-linecap:round;stroke-width:2.5px;}.cls-6{stroke-linejoin:round;}.cls-7{stroke-miterlimit:10;}</style><pattern id="New_Pattern" data-name="New Pattern" width="12" height="12" patternUnits="userSpaceOnUse" viewBox="0 0 12 12"><rect class="cls-1" width="12" height="12"/><rect class="cls-1" width="12" height="12"/><circle class="cls-2" cx="12" cy="3" r="2"/><circle class="cls-2" cx="6" r="2"/><circle class="cls-2" cy="3" r="2"/><circle class="cls-2" cx="12" cy="9" r="2"/><circle class="cls-2" cx="6" cy="6" r="2"/><circle class="cls-2" cy="9" r="2"/><circle class="cls-2" cx="6" cy="12" r="2"/></pattern></defs><title>error-404-monochrome</title><g id="Layer_2" data-name="Layer 2"><g id="vector"><polygon class="cls-3" points="452.59 222.7 458.06 208.54 449.71 207.74 447.28 186.44 442.54 165.38 439.8 145.19 435.11 124.91 434.51 121.92 434.72 94.67 432.07 86.36 427.15 80.58 422.19 82.67 426.69 93.94 428.32 110.34 425.92 122.84 425.79 124.63 428.66 145.62 433.06 168.28 437.09 189.67 442.39 212.02 444.69 230.03 453.16 226.74 452.59 222.7"/><path class="cls-4" d="M445.24,229.3h0l-10.83-56.46-9.22-49.72,0-.07c-.08.19-.15.39-.23.57,1.13,5.84,19.48,101,19.88,105.83Z"/><path class="cls-4" d="M428,111.34v-.07a1,1,0,0,1,0,.17Z"/><path class="cls-4" d="M703.84,272.59c-19.68-33.74-36.26-63.2-52.17-89-63.11-7.15-99.54-35.7-131.16-35.7-3.68,0-9.4,1.5-11.57,1.5h0l-4.8,9,.14,12.39,7.43,1.4,10,5.33,7.09,6.61,8.68,12.92-.59.39c4.27,1.65,7.63,4.19,9.52,7.88,2.47,4.8,2.26,10.44.29,16.29h0c15.29,57.24,5.37,142.37-.34,147.1-8.64,7.16-100.75-17-108.4-27.66-3.18-4.4-2.53-34.51,3.18-68.27l.73-.35c-12.55,1.5-23.82,0-30.89-7.05-16.12-16.12-8.22-129.11-7.34-141a46.85,46.85,0,0,1-3.7-19.06C400,89.69,406.33,77,414.17,77c3.49,0,6.69,2.53,9.16,6.71l-1-2.4,3.68,0,3.87,2.58,5,9.07,1.24,6.93-.38,24.67,14.62,84.1,8.88-.87,4.51-10,9.77-13.72,7.65-8.33v-5.28h0c-14.84-2.54-26.4-22.84-26.4-47.5,0-1.86.06-3.7.19-5.5l.84-10.58,1.56-3.49c.07-.27.14-.54.22-.8-1.15-.63-5-4.17-5-16.37,0-24,26.56-36.9,48.83-41.9-29.62-12.8-62.77-22.73-99.28-30.8C327.68-2.62,239.75-11.07,186.53,28S114.82,153.14,84.44,248.61c-30.6,95.46-73.08,200.29-51.15,296,21.69,95.47,108,181.8,202.58,193.9s197.33-50,306.5-91.35S767.1,585.48,792,522.45,751.34,353.67,703.84,272.59ZM290.3,607.48H232.74l39.06-13.81V585.6h18.5Z"/><path class="cls-4" d="M426.49,91.3v0Z"/><path class="cls-4" d="M462.08,92.88a11.39,11.39,0,0,1,.08-1.5c-1.83,3.06-4.21,10-4.6,11.28l.07.15Z"/><path class="cls-3" d="M503.78,263.8c5.32,2.29,50.69,29.49,50.26,58.74.83-25.17.83-46.24.83-46.24L552,254.14l-4.71-30.58-9.63,14.8L525.1,251.75,510.32,262.4Z"/><path class="cls-5" d="M171.08,774.78h-31.3v37.07H93.89V774.78H0v-14L108.48,612.52h31.3V735.28h31.3Zm-77.19-39.5V689.09L61.08,735.28Z"/><path class="cls-5" d="M197.21,712.49c0-57.43,16.71-102.71,75-102.71,58,0,74.14,45.28,74.14,102.71,0,57.13-16.1,102.1-74.14,102.1C213.92,814.59,197.21,769.62,197.21,712.49Zm103.31,0c0-34.64-6.69-61.38-28.26-61.38-21.88,0-29.47,26.74-29.47,61.38,0,34.33,7.59,60.47,29.47,60.47C293.83,773,300.52,746.82,300.52,712.49Z"/><path class="cls-5" d="M535.1,774.78H503.8v37.07H457.92V774.78H364v-14L472.5,612.52h31.3V735.28h31.3Zm-77.18-39.5V689.09L425.1,735.28Z"/><path d="M536.15,404.21c.86,8.18,18.93,360.89,18.93,360.89H536.15L444.1,433Z"/><path d="M546.4,368.72c2.39,48.19-18.14,87.66-53.79,87.66-48.94,0-113.73-31.2-131.56-48.81-4.45,13.16-67.57,178.92-67.57,178.92H267.34s16.75-193,48.15-242.5c10.33-13.76,79.92-13.25,122.51-2.93C471.81,362.45,534.73,372,546.4,368.72Z"/><path class="cls-6" d="M422.33,82.2a6.11,6.11,0,0,1,3.68-.86c3.83.27,10.09,10.39,10.09,18.58s-2.31,11.27-1.61,17.22,15.85,86.63,15.85,91.55a67.52,67.52,0,0,0,8.88-.57"/><path class="cls-7" d="M503.78,170.42c15.32,1.72,26.35,12.16,34.15,27.44"/><path class="cls-7" d="M452.23,226.58c7-21.6,16.54-40.38,28.92-49.85"/><path class="cls-7" d="M546.74,221.62c15.29,57.24,5.37,142.37-.34,147.1-8.64,7.16-100.75-17-108.4-27.66-3.18-4.4-2.53-34.51,3.18-68.27"/><path class="cls-6" d="M472.8,218.76c-4.07,1.38-27.94,10.69-27.94,10.69-.4-4.8-18.75-100-19.88-105.83a47.62,47.62,0,0,0,3.37-18.3C428.35,89.69,422,77,414.17,77S400,89.69,400,105.32a46.85,46.85,0,0,0,3.7,19.06c-.88,11.9-8.78,124.89,7.34,141,16.44,16.44,55.53,2.68,80.81-8.57"/><rect x="438.44" y="107.64" width="15.5" height="10.83" transform="translate(43.96 -110.73) rotate(14.87)"/><path class="cls-7" d="M527.77,195.32c8.55,1,15.57,4,18.68,10,11.29,21.92-33.42,61.41-45.79,58.47s-32.32-47.08-28.59-55c1.06-2.27,6.73-5.28,14.52-7.91"/><path class="cls-6" d="M481.15,176.73v-6.2"/><path class="cls-6" d="M503.78,158.94v29.78c0,1.8-5.33,2.95-10.81,3.12"/><path class="cls-6" d="M508.94,149.37a48.54,48.54,0,0,1-5.16,9.57"/><path class="cls-6" d="M490.25,169.83a18.84,18.84,0,0,1-6,1c-16.32,0-29.54-21.39-29.54-47.77a72.77,72.77,0,0,1,2.81-20.37"/><path class="cls-6" d="M504.46,141.17c.58,5.45,2.64,8.2,4.48,8.2,2.17,0,7.89-1.5,11.57-1.5,36.14,0,78.58,37.31,160,37.31,42.53,0,109.27-10.73,109.27-73.19,0-33.73-12.14-74.49-76.31-74.49-40.75,0-69.3,20-102.78,20-43,0-59.58-15.57-89.29-15.57-21.16,0-68.78,12.26-68.78,44.38,0,12.2,3.82,15.74,5,16.37.39-1.3,2.77-8.22,4.6-11.28a18.94,18.94,0,0,0,3.62,12.56"/><path class="cls-6" d="M498.24,123.68a32.23,32.23,0,0,1,2.34,3"/><path class="cls-6" d="M497.05,128.09a7.43,7.43,0,0,1,4.21-1.29,7.54,7.54,0,0,1,3.2,14.37"/><path d="M428.35,105.32A49.32,49.32,0,0,1,425.64,122c8.51,1,14.67,1.73,14.67,1.73L446.18,100S437.5,96.39,426.69,92A51.94,51.94,0,0,1,428.35,105.32Z"/><path d="M400,105.32c0-8.83,2-16.71,5.2-21.9-9.33-3.67-17.18-6.65-19.41-7.21-6.49-1.6-16,37.61-9.69,39.18,2.55.63,13.52,2.1,25.69,3.64A51.61,51.61,0,0,1,400,105.32Z"/><polyline class="cls-6" points="290.3 585.6 290.3 607.48 232.74 607.48 271.81 593.67 271.81 585.6"/><polyline class="cls-6" points="554.08 764.27 554.08 786.15 502.52 786.15 537.51 772.34 537.51 764.27"/></g></g></svg>


--------------------------------------------------------------------------------
/addneworders.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | ?>
  4 | <div id="layoutSidenav">
  5 |     <?php
  6 |     include_once("sidebar.php");
  7 |     // tabel name orders
  8 |     // columns: `id`, `client_id`, `product_id`, `quantity`, `price`, `total`, status, `created_at`
  9 |     if (isset($_POST['addorders'])) {
 10 |         # code...
 11 |         $client_id = safuda($_POST['client_id']);
 12 |         $product_id = safuda($_POST['product_id']);
 13 |         $quantity = safuda($_POST['quantity']);
 14 |         // select price from products table
 15 |         $sql = "SELECT * FROM `products` WHERE `id` = '$product_id'";
 16 |         $result = mysqli_query($conn, $sql);
 17 |         $row = mysqli_fetch_object($result);
 18 |         $price = $row->price;
 19 |         $total = $price * $quantity;
 20 |         // validate client_id | product_id | quantity
 21 |         if (empty($client_id)) {
 22 |             # code...
 23 |             echo "<script>toastr.error('Client is Required')</script>";
 24 |         } else {
 25 |             # code...
 26 |             if (empty($product_id)) {
 27 |                 # code...
 28 |                 echo "<script>toastr.error('Product is Required')</script>";
 29 |             } else {
 30 |                 # code...
 31 |                 if (empty($quantity)) {
 32 |                     # code...
 33 |                     echo "<script>toastr.error('Quantity is Required')</script>";
 34 |                 } else {
 35 |                     # code...
 36 |                     if ($quantity > $row->stock) {
 37 |                         # code...
 38 |                         echo "<script>toastr.error('Quantity is Greater than Stock')</script>";
 39 |                     } else {
 40 |                         # code...
 41 |                         // insert into orders table
 42 |                         $sql = "INSERT INTO `orders` (`client_id`, `product_id`, `quantity`, `price`, `total`) VALUES ('$client_id', '$product_id', '$quantity', '$price', '$total')";
 43 |                         $result = mysqli_query($conn, $sql);
 44 |                         // update stock in products table
 45 |                         $sql = "UPDATE `products` SET `stock` = `stock` - '$quantity' WHERE `id` = '$product_id'";
 46 |                         $result2 = mysqli_query($conn, $sql);
 47 |                         if ($result && $result2) {
 48 |                             # code...
 49 |                             echo "<script>toastr.success('New Order Added Successfully')</script>";
 50 |                         } else {
 51 |                             # code...
 52 |                             echo "<script>toastr.error('New Order Not Added')</script>";
 53 |                         }
 54 |                     }
 55 |                 }
 56 |             }
 57 |         }
 58 |     }
 59 |     ?>
 60 |     <div id="layoutSidenav_content">
 61 |         <div class="container-fluid px-4">
 62 |             <h2>Add New Orders</h2>
 63 |             <div class="row">
 64 |                 <div class="col-md-6">
 65 |                     <!-- Form to add new orders -->
 66 |                     <form action="" method="post">
 67 |                         <div class="mb-3 form-floating ">
 68 |                             <select name="client_id" class="form-control" id="selectClient">
 69 |                                 <option value="">Select Client</option>
 70 |                                 <option value="addnew">Add New Client</option>
 71 |                                 <?php
 72 |                                 $sql = "SELECT * FROM `clients`";
 73 |                                 $result = mysqli_query($conn, $sql);
 74 |                                 while ($row = mysqli_fetch_object($result)) {
 75 |                                 ?>
 76 |                                     <option value="<?= $row->id ?>"><?= $row->name ?></option>
 77 |                                 <?php
 78 |                                 }
 79 |                                 ?>
 80 |                             </select>
 81 |                             <label for="">Client</label>
 82 |                         </div>
 83 |                         <div class="mb-3 form-floating ">
 84 |                             <select name="product_id" id="" class="form-control">
 85 |                                 <option value="">Select Product</option>
 86 |                                 <?php
 87 |                                 $sql = "SELECT * FROM `products`";
 88 |                                 $result = mysqli_query($conn, $sql);
 89 |                                 while ($row = mysqli_fetch_object($result)) {
 90 |                                 ?>
 91 |                                     <option value="<?= $row->id ?>"><?= $row->name ?></option>
 92 |                                 <?php
 93 |                                 }
 94 |                                 ?>
 95 |                             </select>
 96 |                             <label for="">Product</label>
 97 |                         </div>
 98 |                         <div class="mb-3 form-floating ">
 99 |                             <input type="number" placeholder="Quantity" name="quantity" class="form-control">
100 |                             <label for="">Quantity</label>
101 |                         </div>
102 |                         <div class="mb-3">
103 |                             <input type="submit" value="Add Orders" name="addorders" class="btn btn-primary">
104 |                         </div>
105 |                     </form>
106 |                 </div>
107 |             </div>
108 |             <?php
109 |             include_once("footer.php");
110 |             ?>
111 |         </div>
112 |     </div>
113 |     <script>
114 |         $(document).ready(function() {
115 |             $("#selectClient").change(function() {
116 |                 var client_id = $(this).val();
117 |                 if (client_id == "addnew") {
118 |                     window.location.href = "addnewclient.php";
119 |                 }
120 |             });
121 |         });
122 |     </script>
123 |     </body>
124 | 
125 |     </html>


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | 
 2 | <div id="layoutSidenav_nav">
 3 |         <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
 4 |             <div class="sb-sidenav-menu">
 5 |                 <div class="nav">
 6 |                     <div class="sb-sidenav-menu-heading">Core</div>
 7 |                     <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "index.php" ? "active":null ?>" href="./">
 8 |                         <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
 9 |                         Dashboard
10 |                     </a>
11 |                     <div class="sb-sidenav-menu-heading">Interface</div>
12 |                     <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "allproducts.php" || basename($_SERVER['PHP_SELF']) == "addnewproduct.php" || basename($_SERVER['PHP_SELF']) == "brands.php" || basename($_SERVER['PHP_SELF']) == "types.php" ? "active":"collapsed" ?>" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="<?= basename($_SERVER['PHP_SELF']) == "allproducts.php" || basename($_SERVER['PHP_SELF']) == "addnewproduct.php" || basename($_SERVER['PHP_SELF']) == "brands.php" || basename($_SERVER['PHP_SELF']) == "types.php" ? true:false ?>" aria-controls="collapseLayouts">
13 |                         <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
14 |                         Products
15 |                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
16 |                     </a>
17 |                     <div class="collapse <?= basename($_SERVER['PHP_SELF']) == "allproducts.php" || basename($_SERVER['PHP_SELF']) == "addnewproduct.php" || basename($_SERVER['PHP_SELF']) == "brands.php" || basename($_SERVER['PHP_SELF']) == "types.php" ? "show":null ?>" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
18 |                         <nav class="sb-sidenav-menu-nested nav">
19 |                             <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "allproducts.php" ? "active":null ?>" href="./allproducts.php">All Products</a>
20 |                             <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "addnewproduct.php" ? "active":null ?>" href="./addnewproduct.php">Add New Products</a>
21 |                             <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "brands.php" ? "active":null ?>" href="./brands.php">Brands</a>
22 |                             <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "types.php" ? "active":null ?>" href="./types.php">Types</a>
23 |                         </nav>
24 |                     </div>
25 |                     <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "allorders.php" || basename($_SERVER['PHP_SELF']) == "addneworders.php" ? "active":"collapsed" ?>" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="<?= basename($_SERVER['PHP_SELF']) == "allorders.php" || basename($_SERVER['PHP_SELF']) == "addneworders.php" ? true:false ?>" aria-controls="collapsePages">
26 |                         <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
27 |                         Orders
28 |                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
29 |                     </a>
30 |                     <div class="collapse <?= basename($_SERVER['PHP_SELF']) == "allorders.php" || basename($_SERVER['PHP_SELF']) == "addneworders.php" ? "show":null ?>" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
31 |                         <nav class="sb-sidenav-menu-nested nav">
32 |                             <a class="nav-link <?= basename($_SERVER["PHP_SELF"]) == "allorders.php" ? "active":null ?>" href="./allorders.php">All Orders</a>
33 |                             <a class="nav-link <?= basename($_SERVER["PHP_SELF"]) =="addneworders.php" ? "active":null ?>" href="./addneworders.php">Add New Orders</a>
34 |                         </nav>
35 |                     </div>
36 |                     <a class="nav-link <?= basename($_SERVER['PHP_SELF']) == "allclients.php" || basename($_SERVER['PHP_SELF']) == "addnewclient.php" ? "active":"collapsed" ?>" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="<?= basename($_SERVER['PHP_SELF']) == "allclients.php" || basename($_SERVER['PHP_SELF']) == "addnewclient.php" ? true:false ?>" aria-controls="collapsePages">
37 |                         <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
38 |                         Clients
39 |                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
40 |                     </a>
41 |                     <div class="collapse <?= basename($_SERVER['PHP_SELF']) == "allclients.php" || basename($_SERVER['PHP_SELF']) == "addnewclient.php" ? "show":null ?>" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
42 |                         <nav class="sb-sidenav-menu-nested nav">
43 |                             <a class="nav-link <?= basename($_SERVER["PHP_SELF"]) == "allclients.php" ? "active":null ?>" href="./allclients.php">All Clients</a>
44 |                             <a class="nav-link <?= basename($_SERVER["PHP_SELF"]) =="addnewclient.php" ? "active":null ?>" href="./addnewclient.php">Add New Clients</a>
45 |                         </nav>
46 |                     </div>
47 |                     <div class="sb-sidenav-menu-heading">Addons</div>
48 |                     <a class="nav-link" href="charts.html">
49 |                         <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
50 |                         Charts
51 |                     </a>
52 |                     <a class="nav-link" href="tables.html">
53 |                         <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
54 |                         Tables
55 |                     </a>
56 |                 </div>
57 |             </div>
58 |             <div class="sb-sidenav-footer">
59 |                 <div class="small">Logged in as:</div>
60 |                 <?= "Asif Abir" ?>
61 |             </div>
62 |         </nav>
63 |     </div>


--------------------------------------------------------------------------------
/brands.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | if (isset($_POST['brand123'])) {
  4 |     $brand_name = safuda($_POST['brand_name']);
  5 |     if (empty($brand_name)) {
  6 |         echo "<script>toastr.error('Brand Name is Required')</script>";
  7 |     } else {
  8 |         // Check if brand name already exists
  9 |         $sql = "SELECT * FROM brands WHERE `name` = '$brand_name'";
 10 |         $result = mysqli_query($conn, $sql);
 11 |         if (mysqli_num_rows($result) > 0) {
 12 |             echo "<script>toastr.error('Brand Name already exists')</script>";
 13 |         } else {
 14 |             $sql = "INSERT INTO brands (`name`) VALUES ('$brand_name')";
 15 |             $result = mysqli_query($conn, $sql);
 16 |             if ($result) {
 17 |                 echo "<script>toastr.success('Brand Added Successfully')</script>";
 18 |                 $brand_name = null;
 19 |             } else {
 20 |                 echo "<script>toastr.error('Brand Added Failed')</script>";
 21 |             }
 22 |         }
 23 |     }
 24 | }
 25 | 
 26 | isset($_GET['eid']) ? $eid = safuda($_GET['eid']) : $eid = null;
 27 | $checkGetId = $conn->query("SELECT * FROM `brands` WHERE `id` = '$eid'");
 28 | isset($_GET['eid']) && $checkGetId->num_rows === 1 ? $eidData = $checkGetId->fetch_object() : null;
 29 | isset($_GET['eid']) && $checkGetId->num_rows === 0 ? header("location: brands.php") : null;
 30 | if(isset($_POST['esub'])){
 31 |     $ename = safuda($_POST['ename']);
 32 |     if(empty($ename)){
 33 |         echo "<script>toastr.error('Brand Name is Required')</script>";
 34 |     }else{
 35 |         $sql = "UPDATE `brands` SET `name` = '$ename' WHERE `id` = '$eid'";
 36 |         $result = mysqli_query($conn, $sql);
 37 |         if($result){
 38 |             echo "<script>toastr.success('Brand Updated Successfully');setTimeout(()=> location.href='brands.php',2000)</script>";
 39 |         }else{
 40 |             echo "<script>toastr.error('Brand Updated Failed')</script>";
 41 |         }
 42 |     }
 43 | }
 44 | 
 45 | isset($_GET['did']) ? $did = safuda($_GET['did']) : $did = null;
 46 | $checkGetId = $conn->query("SELECT * FROM `brands` WHERE `id` = '$did'");
 47 | isset($_GET['did']) && $checkGetId->num_rows === 1 ? $didData = $checkGetId->fetch_object() : null;
 48 | isset($_GET['did']) && $checkGetId->num_rows === 0 ? header("location: brands.php") : null;
 49 | if(isset($_POST['dsub'])){
 50 |     $sql = "DELETE FROM `brands` WHERE `id` = '$did'";
 51 |     $result = mysqli_query($conn, $sql);
 52 |     if($result){
 53 |         echo "<script>toastr.success('Brand Deleted Successfully');setTimeout(()=> location.href='brands.php',2000)</script>";
 54 |     }else{
 55 |         echo "<script>toastr.error('Brand Deleted Failed')</script>";
 56 |     }
 57 | }
 58 | 
 59 | ?>
 60 | <div id="layoutSidenav">
 61 |     <?php
 62 |     include_once("sidebar.php");
 63 |     ?>
 64 |     <div id="layoutSidenav_content">
 65 |         <div class="container-fluid px-4">
 66 |             <h2>Brands</h2>
 67 |             <div class="row">
 68 |                 <div class="col-md-6">
 69 |                     <form method="post" action="" class="mb-5">
 70 |                         <div class="form-group">
 71 |                             <div class="form-floating mb-3">
 72 |                                 <input type="text" class="form-control" id="brand_name" name="brand_name" placeholder="Brand Name" value="<?= $brand_name ?? null ?>">
 73 |                                 <label for="brand_name">Brand Name</label>
 74 |                             </div>
 75 |                         </div>
 76 |                         <button type="submit" class="btn btn-primary" name="brand123">Add Brand</button>
 77 |                     </form>
 78 |                     <table id="datatablesSimple">
 79 |                         <thead>
 80 |                             <tr>
 81 |                                 <th>S.N</th>
 82 |                                 <th>Brand Name</th>
 83 |                                 <th>Action</th>
 84 |                             </tr>
 85 |                         </thead>
 86 |                         <tfoot>
 87 |                             <tr>
 88 |                                 <th>S.N</th>
 89 |                                 <th>Brand Name</th>
 90 |                                 <th>Action</th>
 91 |                             </tr>
 92 |                         </tfoot>
 93 |                         <tbody>
 94 |                             <?php
 95 |                             $sql = "SELECT * FROM brands ORDER BY id DESC";
 96 |                             $result = mysqli_query($conn, $sql);
 97 |                             if (mysqli_num_rows($result) > 0) {
 98 |                                 $i = 1;
 99 |                                 while ($row = mysqli_fetch_assoc($result)) {
100 |                                     echo "<tr>";
101 |                                     echo "<td>" . $i++ . "</td>";
102 |                                     echo "<td>" . $row['name'] . "</td>";
103 |                                     echo "<td><a href='brands.php?eid=" . $row['id'] . "' class='btn btn-primary btn-sm'><i class='fas fa-edit'></i></a> <a href='brands.php?did=" . $row['id'] . "' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a></td>";
104 |                                     echo "</tr>";
105 |                                 }
106 |                             } else {
107 |                                 echo "<tr><td colspan='3' class='text-center'>No Brands Found</td></tr>";
108 |                             }
109 |                             ?>
110 |                         </tbody>
111 |                     </table>
112 |                 </div>
113 |                 <div class="col-md-6">
114 |                     <?php  
115 |                         if (isset($eidData)) {
116 |                     ?>
117 |                         <h2>Edit Brand Name</h2>
118 |                         <form action="" method="post">
119 |                             <div class="mb-3">
120 |                                 <input type="text" placeholder="Your Name" name="ename" value="<?= $eidData->name ?>" class="form-control ">
121 |                             </div>
122 |                             <input type="submit" class="btn btn-primary btn-sm" value="Update" name="esub">
123 |                             <a href="./brands.php" class="btn btn-danger btn-sm">
124 |                             Cancel
125 |                         </a>
126 |                         </form>
127 |                     <?php
128 |                         }
129 |                     ?>
130 |                     <?php  
131 |                         if (isset($didData)) {
132 |                     ?>
133 |                         <h2>Delete Brand Name</h2>
134 |                         <form action="" method="post">
135 |                             <div class="mb-3">
136 |                                 <input type="text" placeholder="Your Name" name="dname" value="<?= $didData->name ?>" class="form-control " disabled>
137 |                             </div>
138 |                             <input type="submit" class="btn btn-danger btn-sm" value="Delete" name="dsub">
139 |                             <a href="./brands.php" class="btn btn-primary btn-sm">
140 |                             Cancel
141 |                         </a>
142 |                         </form>
143 |                     <?php
144 |                         }
145 |                     ?>
146 |                 </div>
147 |             </div>
148 | 
149 |         </div>
150 |         <?php
151 |         include_once("footer.php");
152 |         ?>
153 |     </div>
154 | </div>
155 | </body>
156 | 
157 | </html>


--------------------------------------------------------------------------------
/types.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | if (isset($_POST['type123'])) {
  4 |     $type_name = safuda($_POST['type_name']);
  5 |     if (empty($type_name)) {
  6 |         echo "<script>toastr.error('Type Name is Required')</script>";
  7 |     } else {
  8 |         // Check if brand name already exists
  9 |         $sql = "SELECT * FROM `types` WHERE `name` = '$type_name'";
 10 |         $result = mysqli_query($conn, $sql);
 11 |         if (mysqli_num_rows($result) > 0) {
 12 |             echo "<script>toastr.error('Type Name already exists')</script>";
 13 |         } else {
 14 |             $sql = "INSERT INTO `types` (`name`) VALUES ('$type_name')";
 15 |             $result = mysqli_query($conn, $sql);
 16 |             if ($result) {
 17 |                 echo "<script>toastr.success('New type Added Successfully')</script>";
 18 |                 $type_name = null;
 19 |             } else {
 20 |                 echo "<script>toastr.error('Something went wrong')</script>";
 21 |             }
 22 |         }
 23 |     }
 24 | }
 25 | 
 26 | isset($_GET['eid']) ? $eid = safuda($_GET['eid']) : $eid = null;
 27 | $checkGetId = $conn->query("SELECT * FROM `types` WHERE `id` = '$eid'");
 28 | isset($_GET['eid']) && $checkGetId->num_rows === 1 ? $eidData = $checkGetId->fetch_object() : null;
 29 | isset($_GET['eid']) && $checkGetId->num_rows === 0 ? header("location: brands.php") : null;
 30 | if(isset($_POST['esub'])){
 31 |     $ename = safuda($_POST['ename']);
 32 |     if(empty($ename)){
 33 |         echo "<script>toastr.error('Type Name is Required')</script>";
 34 |     }else{
 35 |         $sql = "UPDATE `types` SET `name` = '$ename' WHERE `id` = '$eid'";
 36 |         $result = mysqli_query($conn, $sql);
 37 |                 if($result){
 38 |                     echo "<script>toastr.success('Type Updated Successfully');setTimeout(()=> location.href='types.php',2000)</script>";
 39 |                 }else{
 40 |                     echo "<script>toastr.error('Type Updated Failed')</script>";
 41 |                 }
 42 |             }
 43 |         }
 44 | 
 45 |         isset($_GET['did']) ? $did = safuda($_GET['did']) : $did = null;
 46 |         $checkGetId = $conn->query("SELECT * FROM `types` WHERE `id` = '$did'");
 47 |         isset($_GET['did']) && $checkGetId->num_rows === 1 ? $didData = $checkGetId->fetch_object() : null;
 48 |         isset($_GET['did']) && $checkGetId->num_rows === 0 ? header("location: types.php") : null;
 49 |         if(isset($_POST['dsub'])){
 50 |             $sql = "DELETE FROM `types` WHERE `id` = '$did'";
 51 |             $result = mysqli_query($conn, $sql);
 52 |             if($result){
 53 |                 echo "<script>toastr.success('Type Deleted Successfully');setTimeout(()=> location.href='types.php',2000)</script>";
 54 |             }else{
 55 |                 echo "<script>toastr.error('Type Deleted Failed')</script>";
 56 |             }
 57 |         }
 58 | 
 59 |         ?>
 60 |         <div id="layoutSidenav">
 61 |             <?php
 62 |             include_once("sidebar.php");
 63 |             ?>
 64 |             <div id="layoutSidenav_content">
 65 |                 <div class="container-fluid px-4">
 66 |                     <h2>Types</h2>
 67 |                     <div class="row">
 68 |                         <div class="col-md-6">
 69 |                             <form method="post" action="" class="mb-5">
 70 |                                 <div class="form-group">
 71 |                                     <div class="form-floating mb-3">
 72 |                                         <input type="text" class="form-control" id="type_name" name="type_name" placeholder="Type Name" value="<?= $type_name ?? null ?>">
 73 |                                         <label for="type_name">Type Name</label>
 74 |                                     </div>
 75 |                                 </div>
 76 |                                 <button type="submit" class="btn btn-primary" name="type123">Add Type</button>
 77 |                             </form>
 78 |                             <table id="datatablesSimple">
 79 |                                 <thead>
 80 |                                     <tr>
 81 |                                         <th>S.N</th>
 82 |                                         <th>Type Name</th>
 83 |                                         <th>Action</th>
 84 |                                     </tr>
 85 |                                 </thead>
 86 |                                 <tfoot>
 87 |                                     <tr>
 88 |                                         <th>S.N</th>
 89 |                                         <th>Type Name</th>
 90 |                                         <th>Action</th>
 91 |                                     </tr>
 92 |                                 </tfoot>
 93 |                                 <tbody>
 94 |                                     <?php
 95 |                                     $sql = "SELECT * FROM types ORDER BY id DESC";
 96 |                                     $result = mysqli_query($conn, $sql);
 97 |                                     if (mysqli_num_rows($result) > 0) {
 98 |                                         $i = 1;
 99 |                                         while ($row = mysqli_fetch_assoc($result)) {
100 |                                             echo "<tr>";
101 |                                             echo "<td>" . $i++ . "</td>";
102 |                                             echo "<td>" . $row['name'] . "</td>";
103 |                                             echo "<td><a href='types.php?eid=" . $row['id'] . "' class='btn btn-primary btn-sm'><i class='fas fa-edit'></i></a> <a href='types.php?did=" . $row['id'] . "' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a></td>";
104 |                                             echo "</tr>";
105 |                                         }
106 |                                     } else {
107 |                                         echo "<tr><td colspan='3' class='text-center'>No Types Found</td></tr>";
108 |                                     }
109 |                                     ?>
110 |                                 </tbody>
111 |                             </table>
112 |                         </div>
113 |                         <div class="col-md-6">
114 |                             <?php  
115 |                                 if (isset($eidData)) {
116 |                             ?>
117 |                                 <h2>Edit Type Name</h2>
118 |                                 <form action="" method="post">
119 |                                     <div class="mb-3">
120 |                                         <input type="text" placeholder="Your Name" name="ename" value="<?= $eidData->name ?>" class="form-control ">
121 |                                     </div>
122 |                                     <input type="submit" class="btn btn-primary btn-sm" value="Update" name="esub">
123 |                                     <a href="./types.php" class="btn btn-danger btn-sm">
124 |                                     Cancel
125 |                                 </a>
126 |                                 </form>
127 |                             <?php
128 |                                 }
129 |                             ?>
130 |                             <?php  
131 |                                 if (isset($didData)) {
132 |                             ?>
133 |                                 <h2>Delete Type Name</h2>
134 |                                 <form action="" method="post">
135 |                                     <div class="mb-3">
136 |                                         <input type="text" placeholder="Your Name" name="dname" value="<?= $didData->name ?>" class="form-control " disabled>
137 |                                     </div>
138 |                                     <input type="submit" class="btn btn-danger btn-sm" value="Delete" name="dsub">
139 |                                     <a href="./types.php" class="btn btn-primary btn-sm">
140 |                                     Cancel
141 |                                 </a>
142 |                                 </form>
143 |                             <?php
144 |                                 }
145 |                             ?>
146 |                         </div>
147 |                     </div>
148 | 
149 |                 </div>
150 |                 <?php
151 |                 include_once("footer.php");
152 |                 ?>
153 |             </div>
154 |         </div>
155 |         </body>
156 |         </html>
157 | 
158 | 


--------------------------------------------------------------------------------
/layout-sidenav-light.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <head>
  4 |         <meta charset="utf-8" />
  5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7 |         <meta name="description" content="" />
  8 |         <meta name="author" content="" />
  9 |         <title>Sidenav Light - SB Admin</title>
 10 |         <link href="css/styles.css" rel="stylesheet" />
 11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 12 |     </head>
 13 |     <body class="sb-nav-fixed">
 14 |         <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
 15 |             <!-- Navbar Brand-->
 16 |             <a class="navbar-brand ps-3" href="index.html">Start Bootstrap</a>
 17 |             <!-- Sidebar Toggle-->
 18 |             <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
 19 |             <!-- Navbar Search-->
 20 |             <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
 21 |                 <div class="input-group">
 22 |                     <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
 23 |                     <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
 24 |                 </div>
 25 |             </form>
 26 |             <!-- Navbar-->
 27 |             <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
 28 |                 <li class="nav-item dropdown">
 29 |                     <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
 30 |                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
 31 |                         <li><a class="dropdown-item" href="#!">Settings</a></li>
 32 |                         <li><a class="dropdown-item" href="#!">Activity Log</a></li>
 33 |                         <li><hr class="dropdown-divider" /></li>
 34 |                         <li><a class="dropdown-item" href="#!">Logout</a></li>
 35 |                     </ul>
 36 |                 </li>
 37 |             </ul>
 38 |         </nav>
 39 |         <div id="layoutSidenav">
 40 |             <div id="layoutSidenav_nav">
 41 |                 <nav class="sb-sidenav accordion sb-sidenav-light" id="sidenavAccordion">
 42 |                     <div class="sb-sidenav-menu">
 43 |                         <div class="nav">
 44 |                             <div class="sb-sidenav-menu-heading">Core</div>
 45 |                             <a class="nav-link" href="index.html">
 46 |                                 <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
 47 |                                 Dashboard
 48 |                             </a>
 49 |                             <div class="sb-sidenav-menu-heading">Interface</div>
 50 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
 51 |                                 <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
 52 |                                 Layouts
 53 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 54 |                             </a>
 55 |                             <div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
 56 |                                 <nav class="sb-sidenav-menu-nested nav">
 57 |                                     <a class="nav-link" href="layout-static.html">Static Navigation</a>
 58 |                                     <a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>
 59 |                                 </nav>
 60 |                             </div>
 61 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
 62 |                                 <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
 63 |                                 Pages
 64 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 65 |                             </a>
 66 |                             <div class="collapse" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
 67 |                                 <nav class="sb-sidenav-menu-nested nav accordion" id="sidenavAccordionPages">
 68 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
 69 |                                         Authentication
 70 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 71 |                                     </a>
 72 |                                     <div class="collapse" id="pagesCollapseAuth" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 73 |                                         <nav class="sb-sidenav-menu-nested nav">
 74 |                                             <a class="nav-link" href="login.html">Login</a>
 75 |                                             <a class="nav-link" href="register.html">Register</a>
 76 |                                             <a class="nav-link" href="password.html">Forgot Password</a>
 77 |                                         </nav>
 78 |                                     </div>
 79 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
 80 |                                         Error
 81 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 82 |                                     </a>
 83 |                                     <div class="collapse" id="pagesCollapseError" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 84 |                                         <nav class="sb-sidenav-menu-nested nav">
 85 |                                             <a class="nav-link" href="401.html">401 Page</a>
 86 |                                             <a class="nav-link" href="404.html">404 Page</a>
 87 |                                             <a class="nav-link" href="500.html">500 Page</a>
 88 |                                         </nav>
 89 |                                     </div>
 90 |                                 </nav>
 91 |                             </div>
 92 |                             <div class="sb-sidenav-menu-heading">Addons</div>
 93 |                             <a class="nav-link" href="charts.html">
 94 |                                 <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
 95 |                                 Charts
 96 |                             </a>
 97 |                             <a class="nav-link" href="tables.html">
 98 |                                 <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
 99 |                                 Tables
100 |                             </a>
101 |                         </div>
102 |                     </div>
103 |                     <div class="sb-sidenav-footer">
104 |                         <div class="small">Logged in as:</div>
105 |                         Start Bootstrap
106 |                     </div>
107 |                 </nav>
108 |             </div>
109 |             <div id="layoutSidenav_content">
110 |                 <main>
111 |                     <div class="container-fluid px-4">
112 |                         <h1 class="mt-4">Sidenav Light</h1>
113 |                         <ol class="breadcrumb mb-4">
114 |                             <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
115 |                             <li class="breadcrumb-item active">Sidenav Light</li>
116 |                         </ol>
117 |                         <div class="card mb-4">
118 |                             <div class="card-body">
119 |                                 This page is an example of using the light side navigation option. By appending the
120 |                                 <code>.sb-sidenav-light</code>
121 |                                 class to the
122 |                                 <code>.sb-sidenav</code>
123 |                                 class, the side navigation will take on a light color scheme. The
124 |                                 <code>.sb-sidenav-dark</code>
125 |                                 is also available for a darker option.
126 |                             </div>
127 |                         </div>
128 |                     </div>
129 |                 </main>
130 |                 <footer class="py-4 bg-light mt-auto">
131 |                     <div class="container-fluid px-4">
132 |                         <div class="d-flex align-items-center justify-content-between small">
133 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
134 |                             <div>
135 |                                 <a href="#">Privacy Policy</a>
136 |                                 &middot;
137 |                                 <a href="#">Terms &amp; Conditions</a>
138 |                             </div>
139 |                         </div>
140 |                     </div>
141 |                 </footer>
142 |             </div>
143 |         </div>
144 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
145 |         <script src="js/scripts.js"></script>
146 |     </body>
147 | </html>
148 | 


--------------------------------------------------------------------------------
/layout-static.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <head>
  4 |         <meta charset="utf-8" />
  5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7 |         <meta name="description" content="" />
  8 |         <meta name="author" content="" />
  9 |         <title>Static Navigation - SB Admin</title>
 10 |         <link href="css/styles.css" rel="stylesheet" />
 11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 12 |     </head>
 13 |     <body>
 14 |         <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
 15 |             <!-- Navbar Brand-->
 16 |             <a class="navbar-brand ps-3" href="index.html">Start Bootstrap</a>
 17 |             <!-- Sidebar Toggle-->
 18 |             <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
 19 |             <!-- Navbar Search-->
 20 |             <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
 21 |                 <div class="input-group">
 22 |                     <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
 23 |                     <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
 24 |                 </div>
 25 |             </form>
 26 |             <!-- Navbar-->
 27 |             <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
 28 |                 <li class="nav-item dropdown">
 29 |                     <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
 30 |                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
 31 |                         <li><a class="dropdown-item" href="#!">Settings</a></li>
 32 |                         <li><a class="dropdown-item" href="#!">Activity Log</a></li>
 33 |                         <li><hr class="dropdown-divider" /></li>
 34 |                         <li><a class="dropdown-item" href="#!">Logout</a></li>
 35 |                     </ul>
 36 |                 </li>
 37 |             </ul>
 38 |         </nav>
 39 |         <div id="layoutSidenav">
 40 |             <div id="layoutSidenav_nav">
 41 |                 <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
 42 |                     <div class="sb-sidenav-menu">
 43 |                         <div class="nav">
 44 |                             <div class="sb-sidenav-menu-heading">Core</div>
 45 |                             <a class="nav-link" href="index.html">
 46 |                                 <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
 47 |                                 Dashboard
 48 |                             </a>
 49 |                             <div class="sb-sidenav-menu-heading">Interface</div>
 50 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
 51 |                                 <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
 52 |                                 Layouts
 53 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 54 |                             </a>
 55 |                             <div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
 56 |                                 <nav class="sb-sidenav-menu-nested nav">
 57 |                                     <a class="nav-link" href="layout-static.html">Static Navigation</a>
 58 |                                     <a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>
 59 |                                 </nav>
 60 |                             </div>
 61 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
 62 |                                 <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
 63 |                                 Pages
 64 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 65 |                             </a>
 66 |                             <div class="collapse" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
 67 |                                 <nav class="sb-sidenav-menu-nested nav accordion" id="sidenavAccordionPages">
 68 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
 69 |                                         Authentication
 70 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 71 |                                     </a>
 72 |                                     <div class="collapse" id="pagesCollapseAuth" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 73 |                                         <nav class="sb-sidenav-menu-nested nav">
 74 |                                             <a class="nav-link" href="login.html">Login</a>
 75 |                                             <a class="nav-link" href="register.html">Register</a>
 76 |                                             <a class="nav-link" href="password.html">Forgot Password</a>
 77 |                                         </nav>
 78 |                                     </div>
 79 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
 80 |                                         Error
 81 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 82 |                                     </a>
 83 |                                     <div class="collapse" id="pagesCollapseError" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 84 |                                         <nav class="sb-sidenav-menu-nested nav">
 85 |                                             <a class="nav-link" href="401.html">401 Page</a>
 86 |                                             <a class="nav-link" href="404.html">404 Page</a>
 87 |                                             <a class="nav-link" href="500.html">500 Page</a>
 88 |                                         </nav>
 89 |                                     </div>
 90 |                                 </nav>
 91 |                             </div>
 92 |                             <div class="sb-sidenav-menu-heading">Addons</div>
 93 |                             <a class="nav-link" href="charts.html">
 94 |                                 <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
 95 |                                 Charts
 96 |                             </a>
 97 |                             <a class="nav-link" href="tables.html">
 98 |                                 <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
 99 |                                 Tables
100 |                             </a>
101 |                         </div>
102 |                     </div>
103 |                     <div class="sb-sidenav-footer">
104 |                         <div class="small">Logged in as:</div>
105 |                         Start Bootstrap
106 |                     </div>
107 |                 </nav>
108 |             </div>
109 |             <div id="layoutSidenav_content">
110 |                 <main>
111 |                     <div class="container-fluid px-4">
112 |                         <h1 class="mt-4">Static Navigation</h1>
113 |                         <ol class="breadcrumb mb-4">
114 |                             <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
115 |                             <li class="breadcrumb-item active">Static Navigation</li>
116 |                         </ol>
117 |                         <div class="card mb-4">
118 |                             <div class="card-body">
119 |                                 <p class="mb-0">
120 |                                     This page is an example of using static navigation. By removing the
121 |                                     <code>.sb-nav-fixed</code>
122 |                                     class from the
123 |                                     <code>body</code>
124 |                                     , the top navigation and side navigation will become static on scroll. Scroll down this page to see an example.
125 |                                 </p>
126 |                             </div>
127 |                         </div>
128 |                         <div style="height: 100vh"></div>
129 |                         <div class="card mb-4"><div class="card-body">When scrolling, the navigation stays at the top of the page. This is the end of the static navigation demo.</div></div>
130 |                     </div>
131 |                 </main>
132 |                 <footer class="py-4 bg-light mt-auto">
133 |                     <div class="container-fluid px-4">
134 |                         <div class="d-flex align-items-center justify-content-between small">
135 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
136 |                             <div>
137 |                                 <a href="#">Privacy Policy</a>
138 |                                 &middot;
139 |                                 <a href="#">Terms &amp; Conditions</a>
140 |                             </div>
141 |                         </div>
142 |                     </div>
143 |                 </footer>
144 |             </div>
145 |         </div>
146 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
147 |         <script src="js/scripts.js"></script>
148 |     </body>
149 | </html>
150 | 


--------------------------------------------------------------------------------
/addnewproduct.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | // column list
  4 | // name, type_id, brand_id, description, price, stock, shelf_no
  5 | // add product
  6 | if (isset($_POST['addproduct'])) {
  7 |     # code...
  8 |     $type_name = safuda($_POST['type_name']);
  9 |     $typeid = safuda($_POST['typeid']);
 10 |     $newtype = safuda($_POST['newtype']);
 11 |     $brandid = safuda($_POST['brandid']);
 12 |     $newbrand = safuda($_POST['newbrand']);
 13 |     $description = safuda($_POST['description']);
 14 |     $price = safuda($_POST['price']);
 15 |     $stock = safuda($_POST['stock']);
 16 |     $shelf_no = safuda($_POST['shelf_no']);
 17 |     // check if type is selected
 18 |     if ($typeid == "") {
 19 |         # code...
 20 |         $typeid = null;
 21 |     } else if ($typeid == "addnewtype") {
 22 |         # code...
 23 |         $sql = "INSERT INTO `types` (`name`) VALUES ('$newtype')";
 24 |         $result = mysqli_query($conn, $sql);
 25 |         if ($result) {
 26 |             # code...
 27 |             $typeid = mysqli_insert_id($conn);
 28 |         } else {
 29 |             # code...
 30 |             $typeid = null;
 31 |         }
 32 |     }
 33 |     // check if brand is selected
 34 |     if ($brandid == "") {
 35 |         # code...
 36 |         $brandid = null;
 37 |     } else if ($brandid == "addnewbrand") {
 38 |         # code...
 39 |         $sql = "INSERT INTO `brands` (`name`) VALUES ('$newbrand')";
 40 |         $result = mysqli_query($conn, $sql);
 41 |         if ($result) {
 42 |             # code...
 43 |             $brandid = mysqli_insert_id($conn);
 44 |         } else {
 45 |             # code...
 46 |             $brandid = null;
 47 |         }
 48 |     }
 49 |     // type name is mendetory
 50 |     if ($type_name == "") {
 51 |         # code...
 52 |         echo "<script>toastr.error('Product Name is Required')</script>";
 53 |     }
 54 | 
 55 |     // price is mendetory
 56 |     if ($price == "") {
 57 |         # code...
 58 |         echo "<script>toastr.error('Price is Required')</script>";
 59 |     }
 60 | 
 61 |     // stock limit is mendetory
 62 |     if ($stock == "") {
 63 |         # code...
 64 |         echo "<script>toastr.error('Stock Limit is Required')</script>";
 65 |     }
 66 | 
 67 |     // shelf no is mendetory
 68 |     if ($shelf_no == "") {
 69 |         # code...
 70 |         echo "<script>toastr.error('Shelf No is Required')</script>";
 71 |     }
 72 | 
 73 |     // description is mendetory
 74 |     if ($description == "") {
 75 |         # code...
 76 |         echo "<script>toastr.error('Description is Required')</script>";
 77 |     }
 78 | 
 79 |     // typeid is mendetory
 80 |     if ($typeid == "") {
 81 |         # code...
 82 |         echo "<script>toastr.error('Type is Required')</script>";
 83 |     }
 84 | 
 85 |     // brandid is mendetory
 86 |     if ($brandid == "") {
 87 |         # code...
 88 |         echo "<script>toastr.error('Brand is Required')</script>";
 89 |     }
 90 | 
 91 |     // insert product
 92 |     if (!empty($type_name) && !empty($price) && !empty($stock) && !empty($shelf_no) && !empty($description) && !empty($typeid) && !empty($brandid)) {
 93 |         # code...
 94 |         $sql = "INSERT INTO `products` (`name`, `type_id`, `brand_id`, `description`, `price`, `stock`, `shelf_no`) VALUES ('$type_name', '$typeid', '$brandid', '$description', '$price', '$stock', '$shelf_no')";
 95 |         $result = mysqli_query($conn, $sql);
 96 |         if ($result) {
 97 |             # code...
 98 |             echo "<script>toastr.success('Product Added Successfully')</script>";
 99 |             // emty all the fields
100 |             $type_name = $typeid = $newtype = $brandid = $newbrand = $description = $price = $stock = $shelf_no = null;
101 |         } else {
102 |             # code...
103 |             echo "<script>toastr.error('Error Adding Product')</script>";
104 |         }
105 |     }
106 | }
107 | ?>
108 | <div id="layoutSidenav">
109 |     <?php
110 |     include_once("sidebar.php");
111 |     ?>
112 |     <div id="layoutSidenav_content">
113 |         <div class="container-fluid px-4">
114 |             <div class="row">
115 |                 <div class="col-md-6">
116 |                     <h2>All Products</h2>
117 |                     <form action="" method="post" class="mb-5">
118 |                         <div class="form-group">
119 |                             <div class="form-floating mb-3">
120 |                                 <input type="text" class="form-control" id="type_name" name="type_name" placeholder="Product Name" value="<?= $type_name ?? null ?>">
121 |                                 <label for="type_name">Product Name</label>
122 |                             </div>
123 |                             <div class="mb-3">
124 |                                 <select name="typeid" id="typeid" class="form-select">
125 |                                     <option value="">--SELECT TYPE--</option>
126 |                                     <?php
127 |                                     $sql = "SELECT * FROM `types`";
128 |                                     $result = mysqli_query($conn, $sql);
129 |                                     while ($row = mysqli_fetch_object($result)) {
130 |                                     ?>
131 |                                         <option value="<?= $row->id ?>"><?= $row->name ?></option>
132 |                                     <?php
133 |                                     }
134 |                                     ?>
135 |                                     <!-- add new types -->
136 |                                     <option value="addnewtype">Add New Type</option>
137 |                                 </select>
138 |                             </div>
139 |                             <div class="mb-3 d-none" id="newTypeInput">
140 |                                 <div class="form-floating mb-3">
141 |                                     <input type="text" class="form-control" id="newtype" name="newtype" placeholder="New Type">
142 |                                     <label for="newtype">New Type</label>
143 |                                 </div>
144 |                             </div>
145 |                             <div class="mb-3">
146 |                                 <select name="brandid" id="brandid" class="form-select">
147 |                                     <option value="">--SELECT BRAND--</option>
148 |                                     <?php
149 |                                     $sql = "SELECT * FROM `brands`";
150 |                                     $result = mysqli_query($conn, $sql);
151 |                                     while ($row = mysqli_fetch_object($result)) {
152 |                                     ?>
153 |                                         <option value="<?= $row->id ?>"><?= $row->name ?></option>
154 |                                     <?php
155 |                                     }
156 |                                     ?>
157 |                                     <!-- add new brand -->
158 |                                     <option value="addnewbrand">Add New Brand</option>
159 |                                 </select>
160 |                             </div>
161 |                             <div class="mb-3 d-none" id="newBrandInput">
162 |                                 <div class="form-floating mb-3">
163 |                                     <input type="text" class="form-control" id="newbrand" name="newbrand" placeholder="New Brand">
164 |                                     <label for="newbrand">New Brand</label>
165 |                                 </div>
166 |                             </div>
167 |                             <!-- wysiwyg editor -->
168 |                             <div class="form-floating mb-3">
169 |                                 <textarea class="form-control" placeholder="Description" id="description" name="description" style="height: 100px"></textarea>
170 |                             </div>
171 |                             <div class="form-floating mb-3">
172 |                                 <input type="number" class="form-control" id="price" name="price" placeholder="Price" value="<?= $price ?? null ?>">
173 |                                 <label for="price">Price</label>
174 |                             </div>
175 |                             <div class="form-floating mb-3">
176 |                                 <input type="number" class="form-control" id="stock" name="stock" placeholder="Stock" value="<?= $stock ?? null ?>">
177 |                                 <label for="stock">Stock</label>
178 |                             </div>
179 |                             <div class="form-floating mb-3">
180 |                                 <input type="text" class="form-control" id="shelf_no" name="shelf_no" placeholder="Shelf No" value="<?= $shelf_no ?? null ?>">
181 |                                 <label for="shelf_no">Shelf No</label>
182 |                             </div>
183 |                             <!-- add product button -->
184 |                             <div class="">
185 |                                 <button type="submit" class="btn btn-primary" name="addproduct">Add Product</button>
186 |                             </div>
187 |                     </form>
188 |                 </div>
189 |             </div>
190 |         </div>
191 |         <?php
192 |         include_once("footer.php");
193 |         ?>
194 |     </div>
195 | </div>
196 | <script>
197 |     $(document).ready(function() {
198 |         $("#typeid").change(function() {
199 |             if ($(this).val() == "addnewtype") {
200 |                 $("#newTypeInput").removeClass("d-none");
201 |             } else {
202 |                 $("#newTypeInput").addClass("d-none");
203 |             }
204 |         });
205 |         $("#brandid").change(function() {
206 |             if ($(this).val() == "addnewbrand") {
207 |                 $("#newBrandInput").removeClass("d-none");
208 |             } else {
209 |                 $("#newBrandInput").addClass("d-none");
210 |             }
211 |         });
212 |     });
213 | </script>
214 | <!-- ClassicEditor cdn -->
215 | <script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>
216 | <script>
217 |     ClassicEditor
218 |         .create(document.querySelector('#description'))
219 |         .catch(error => {
220 |             console.error(error);
221 |         });
222 | </script>
223 | </body>
224 | 
225 | </html>


--------------------------------------------------------------------------------
/allorders.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | ?>
  4 | <div id="layoutSidenav">
  5 |     <?php
  6 |     include_once("sidebar.php");
  7 |     ?>
  8 |     <div id="layoutSidenav_content">
  9 |         <div class="container-fluid px-4">
 10 |             <?php
 11 |             if (isset($_GET['cid'])) {
 12 |                 $id = $_GET['cid'];
 13 |             ?>
 14 |                 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 15 |                 <script>
 16 |                     Swal.fire({
 17 |                         title: 'Are you sure?',
 18 |                         text: "You won't be able to revert this!",
 19 |                         icon: 'warning',
 20 |                         showCancelButton: true,
 21 |                         confirmButtonColor: '#3085d6',
 22 |                         cancelButtonColor: '#d33',
 23 |                         confirmButtonText: 'Yes, cancel it!'
 24 |                     }).then((result) => {
 25 |                         if (result.isConfirmed) {
 26 |                             // Use AJAX to delete the record
 27 |                             $.ajax({
 28 |                                 type: "POST", // You can use POST or GET
 29 |                                 url: "ajax/order.php", // Create a PHP file to handle deletion
 30 |                                 data: {
 31 |                                     cid: <?php echo $id; ?>
 32 |                                 },
 33 |                                 success: function(response) {
 34 |                                     if (response == 'success') {
 35 |                                         Swal.fire(
 36 |                                             'Canceled!',
 37 |                                             'Order has been canceled.',
 38 |                                             'success'
 39 |                                         );
 40 |                                         setTimeout(function() {
 41 |                                             window.location.href = "allorders.php";
 42 |                                         }, 2000);
 43 |                                     } else {
 44 |                                         Swal.fire(
 45 |                                             'Error!',
 46 |                                             'Something went wrong.',
 47 |                                             'error'
 48 |                                         );
 49 |                                     }
 50 |                                 }
 51 |                             });
 52 |                         }
 53 |                     })
 54 |                 </script>
 55 |             <?php
 56 |             }
 57 |             ?>
 58 | 
 59 |             <?php
 60 |             if (isset($_GET['eid'])) {
 61 |                 $id = $_GET['eid'];
 62 |             ?>
 63 |                 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 64 |                 <script>
 65 |                     Swal.fire({
 66 |                         title: 'Are you sure?',
 67 |                         text: "You want to mark this order as completed!",
 68 |                         icon: 'warning',
 69 |                         showCancelButton: true,
 70 |                         confirmButtonColor: '#3085d6',
 71 |                         cancelButtonColor: '#d33',
 72 |                         confirmButtonText: 'Mark it!'
 73 |                     }).then((result) => {
 74 |                         if (result.isConfirmed) {
 75 |                             // Use AJAX to delete the record
 76 |                             $.ajax({
 77 |                                 type: "POST", // You can use POST or GET
 78 |                                 url: "ajax/order.php", // Create a PHP file to handle deletion
 79 |                                 data: {
 80 |                                     eid: <?php echo $id; ?>
 81 |                                 },
 82 |                                 success: function(response) {
 83 |                                     console.log(response);
 84 |                                     if (response == 'success') {
 85 |                                         Swal.fire(
 86 |                                             'Completed!',
 87 |                                             'Order has been completed.',
 88 |                                             'success'
 89 |                                         );
 90 |                                         setTimeout(function() {
 91 |                                             window.location.href = "allorders.php";
 92 |                                         }, 2000);
 93 |                                     } else {
 94 |                                         Swal.fire(
 95 |                                             'Error!',
 96 |                                             'Something went wrong.',
 97 |                                             'error'
 98 |                                         );
 99 |                                     }
100 |                                 }
101 |                             });
102 |                         }
103 |                     })
104 |                 </script>
105 |             <?php
106 |             }
107 |             ?>
108 | 
109 |             <?php
110 |             if (isset($_GET['did'])) {
111 |                 $id = $_GET['did'];
112 |                 $sql = "SELECT * FROM `orders` WHERE `id` = '$id'";
113 |                 $result = mysqli_query($conn, $sql);
114 |                 $row = mysqli_fetch_object($result);
115 |                 $product_id = $row->product_id;
116 |                 $quantity = $row->quantity;
117 |                 $sql = "UPDATE `products` SET `stock` = `stock` + '$quantity' WHERE `id` = '$product_id'";
118 |                 $result2 = mysqli_query($conn, $sql);
119 |                 $sql = "DELETE FROM `orders` WHERE `id` = '$id'";
120 |                 $result = mysqli_query($conn, $sql);
121 |                 if ($result && $result2) {
122 |                     # code...
123 |                     echo "<script>toastr.success('Order Deleted Successfully')</script>";
124 |                 } else {
125 |                     # code...
126 |                     echo "<script>toastr.error('Order Not Deleted')</script>";
127 |                 }
128 |             }
129 |             ?>
130 | 
131 |             <h2>All Orders</h2>
132 |             <div class="table-responsive">
133 |                 <!-- show all orders in datatable -->
134 |                 <table class="table table-striped table-sm" id="datatablesSimple">
135 |                     <thead>
136 |                         <tr>
137 |                             <th>S.N.</th>
138 |                             <th>Client Name</th>
139 |                             <th>Mobile</th>
140 |                             <th>Address</th>
141 |                             <th>Product</th>
142 |                             <th>Quantity</th>
143 |                             <th>Price</th>
144 |                             <th>Total</th>
145 |                             <th>Status</th>
146 |                             <th>Actions</th>
147 |                         </tr>
148 |                     </thead>
149 |                     <tbody>
150 |                         <?php
151 |                         // table name: orders; columns: `id`, `client_id`, `product_id`, `quantity`, `price`, `total`, `status`, `created_at`
152 |                         // table name: clients; columns: `id`, `name`, `mobile`, `address`, `created_at` 
153 |                         // table name: products; columns: `id`, `name`, `type_id`, `brand_id`, `description`, `price`, `stock`, `shelf_no`, `created_at`
154 |                         $sql = "SELECT * FROM `orders` ORDER BY `id` DESC";
155 |                         $result = mysqli_query($conn, $sql);
156 |                         $i = 1;
157 |                         while ($row = mysqli_fetch_object($result)) {
158 |                             $client_id = $row->client_id;
159 |                             $product_id = $row->product_id;
160 |                             $client_sql = "SELECT * FROM `clients` WHERE `id` = '$client_id'";
161 |                             $client_result = mysqli_query($conn, $client_sql);
162 |                             $client_row = mysqli_fetch_object($client_result);
163 |                             $product_sql = "SELECT * FROM `products` WHERE `id` = '$product_id'";
164 |                             $product_result = mysqli_query($conn, $product_sql);
165 |                             $product_row = mysqli_fetch_object($product_result);
166 |                         ?>
167 |                             <tr>
168 |                                 <td><?= $i++ ?></td>
169 |                                 <td><?= $client_row->name ?></td>
170 |                                 <td><?= $client_row->mobile ?></td>
171 |                                 <td><?= $client_row->address ?></td>
172 |                                 <td><?= $product_row->name ?></td>
173 |                                 <td><?= $row->quantity ?></td>
174 |                                 <td><?= $row->price ?></td>
175 |                                 <td><?= $row->total ?></td>
176 |                                 <td><?= $row->status ?></td>
177 |                                 <td>
178 |                                     <!-- if status is Pending -->
179 |                                     <?php
180 |                                     if ($row->status == 'Pending') {
181 |                                     ?>
182 |                                         <a href="./allorders.php?eid=<?= $row->id ?>" class="btn btn-success btn-sm"><i class="fas fa-check"></i></a>
183 |                                         <a href="./allorders.php?cid=<?= $row->id ?>" class="btn btn-danger btn-sm"><i class="fas fa-times"></i></a>
184 |                                     <?php
185 |                                     }else{
186 |                                         ?>
187 |                                         <a href="./allorders.php?did=<?= $row->id ?>" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
188 |                                     <?php   
189 |                                         }
190 |                                     ?>
191 |                                 </td>
192 |                             </tr>
193 |                         <?php
194 |                         }
195 |                         ?>
196 |                     </tbody>
197 |                 </table>
198 |             </div>
199 |             <?php
200 |             include_once("footer.php");
201 |             ?>
202 |         </div>
203 |     </div>
204 |     </body>
205 | 
206 |     </html>


--------------------------------------------------------------------------------
/charts.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <head>
  4 |         <meta charset="utf-8" />
  5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7 |         <meta name="description" content="" />
  8 |         <meta name="author" content="" />
  9 |         <title>Charts - SB Admin</title>
 10 |         <link href="css/styles.css" rel="stylesheet" />
 11 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 12 |     </head>
 13 |     <body class="sb-nav-fixed">
 14 |         <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
 15 |             <!-- Navbar Brand-->
 16 |             <a class="navbar-brand ps-3" href="index.html">Start Bootstrap</a>
 17 |             <!-- Sidebar Toggle-->
 18 |             <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
 19 |             <!-- Navbar Search-->
 20 |             <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
 21 |                 <div class="input-group">
 22 |                     <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
 23 |                     <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
 24 |                 </div>
 25 |             </form>
 26 |             <!-- Navbar-->
 27 |             <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
 28 |                 <li class="nav-item dropdown">
 29 |                     <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
 30 |                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
 31 |                         <li><a class="dropdown-item" href="#!">Settings</a></li>
 32 |                         <li><a class="dropdown-item" href="#!">Activity Log</a></li>
 33 |                         <li><hr class="dropdown-divider" /></li>
 34 |                         <li><a class="dropdown-item" href="#!">Logout</a></li>
 35 |                     </ul>
 36 |                 </li>
 37 |             </ul>
 38 |         </nav>
 39 |         <div id="layoutSidenav">
 40 |             <div id="layoutSidenav_nav">
 41 |                 <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
 42 |                     <div class="sb-sidenav-menu">
 43 |                         <div class="nav">
 44 |                             <div class="sb-sidenav-menu-heading">Core</div>
 45 |                             <a class="nav-link" href="index.html">
 46 |                                 <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
 47 |                                 Dashboard
 48 |                             </a>
 49 |                             <div class="sb-sidenav-menu-heading">Interface</div>
 50 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
 51 |                                 <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
 52 |                                 Layouts
 53 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 54 |                             </a>
 55 |                             <div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
 56 |                                 <nav class="sb-sidenav-menu-nested nav">
 57 |                                     <a class="nav-link" href="layout-static.html">Static Navigation</a>
 58 |                                     <a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>
 59 |                                 </nav>
 60 |                             </div>
 61 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
 62 |                                 <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
 63 |                                 Pages
 64 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 65 |                             </a>
 66 |                             <div class="collapse" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
 67 |                                 <nav class="sb-sidenav-menu-nested nav accordion" id="sidenavAccordionPages">
 68 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
 69 |                                         Authentication
 70 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 71 |                                     </a>
 72 |                                     <div class="collapse" id="pagesCollapseAuth" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 73 |                                         <nav class="sb-sidenav-menu-nested nav">
 74 |                                             <a class="nav-link" href="login.html">Login</a>
 75 |                                             <a class="nav-link" href="register.html">Register</a>
 76 |                                             <a class="nav-link" href="password.html">Forgot Password</a>
 77 |                                         </nav>
 78 |                                     </div>
 79 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
 80 |                                         Error
 81 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 82 |                                     </a>
 83 |                                     <div class="collapse" id="pagesCollapseError" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 84 |                                         <nav class="sb-sidenav-menu-nested nav">
 85 |                                             <a class="nav-link" href="401.html">401 Page</a>
 86 |                                             <a class="nav-link" href="404.html">404 Page</a>
 87 |                                             <a class="nav-link" href="500.html">500 Page</a>
 88 |                                         </nav>
 89 |                                     </div>
 90 |                                 </nav>
 91 |                             </div>
 92 |                             <div class="sb-sidenav-menu-heading">Addons</div>
 93 |                             <a class="nav-link" href="charts.html">
 94 |                                 <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
 95 |                                 Charts
 96 |                             </a>
 97 |                             <a class="nav-link" href="tables.html">
 98 |                                 <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
 99 |                                 Tables
100 |                             </a>
101 |                         </div>
102 |                     </div>
103 |                     <div class="sb-sidenav-footer">
104 |                         <div class="small">Logged in as:</div>
105 |                         Start Bootstrap
106 |                     </div>
107 |                 </nav>
108 |             </div>
109 |             <div id="layoutSidenav_content">
110 |                 <main>
111 |                     <div class="container-fluid px-4">
112 |                         <h1 class="mt-4">Charts</h1>
113 |                         <ol class="breadcrumb mb-4">
114 |                             <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
115 |                             <li class="breadcrumb-item active">Charts</li>
116 |                         </ol>
117 |                         <div class="card mb-4">
118 |                             <div class="card-body">
119 |                                 Chart.js is a third party plugin that is used to generate the charts in this template. The charts below have been customized - for further customization options, please visit the official
120 |                                 <a target="_blank" href="https://www.chartjs.org/docs/latest/">Chart.js documentation</a>
121 |                                 .
122 |                             </div>
123 |                         </div>
124 |                         <div class="card mb-4">
125 |                             <div class="card-header">
126 |                                 <i class="fas fa-chart-area me-1"></i>
127 |                                 Area Chart Example
128 |                             </div>
129 |                             <div class="card-body"><canvas id="myAreaChart" width="100%" height="30"></canvas></div>
130 |                             <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
131 |                         </div>
132 |                         <div class="row">
133 |                             <div class="col-lg-6">
134 |                                 <div class="card mb-4">
135 |                                     <div class="card-header">
136 |                                         <i class="fas fa-chart-bar me-1"></i>
137 |                                         Bar Chart Example
138 |                                     </div>
139 |                                     <div class="card-body"><canvas id="myBarChart" width="100%" height="50"></canvas></div>
140 |                                     <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
141 |                                 </div>
142 |                             </div>
143 |                             <div class="col-lg-6">
144 |                                 <div class="card mb-4">
145 |                                     <div class="card-header">
146 |                                         <i class="fas fa-chart-pie me-1"></i>
147 |                                         Pie Chart Example
148 |                                     </div>
149 |                                     <div class="card-body"><canvas id="myPieChart" width="100%" height="50"></canvas></div>
150 |                                     <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
151 |                                 </div>
152 |                             </div>
153 |                         </div>
154 |                     </div>
155 |                 </main>
156 |                 <footer class="py-4 bg-light mt-auto">
157 |                     <div class="container-fluid px-4">
158 |                         <div class="d-flex align-items-center justify-content-between small">
159 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
160 |                             <div>
161 |                                 <a href="#">Privacy Policy</a>
162 |                                 &middot;
163 |                                 <a href="#">Terms &amp; Conditions</a>
164 |                             </div>
165 |                         </div>
166 |                     </div>
167 |                 </footer>
168 |             </div>
169 |         </div>
170 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
171 |         <script src="js/scripts.js"></script>
172 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
173 |         <script src="assets/demo/chart-area-demo.js"></script>
174 |         <script src="assets/demo/chart-bar-demo.js"></script>
175 |         <script src="assets/demo/chart-pie-demo.js"></script>
176 |     </body>
177 | </html>
178 | 


--------------------------------------------------------------------------------
/allproducts.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include_once("header.php");
  3 | // update product
  4 | if (isset($_POST['esub'])) {
  5 |     $eid = safuda($_GET['eid']);
  6 |     $ename = safuda($_POST['ename']);
  7 |     $typeid = safuda($_POST['typeid']);
  8 |     $newtype = safuda($_POST['newtype']);
  9 |     $brandid = safuda($_POST['brandid']);
 10 |     $newbrand = safuda($_POST['newbrand']);
 11 |     $description = safuda($_POST['description']);
 12 |     $price = safuda($_POST['price']);
 13 |     $stock = safuda($_POST['stock']);
 14 |     $shelfno = safuda($_POST['shelfno']);
 15 |     // check if type is selected
 16 |     if ($typeid == "") {
 17 |         # code...
 18 |         $typeid = null;
 19 |     } else if ($typeid == "addnewtype") {
 20 |         # code...
 21 |         $sql = "INSERT INTO `types` (`name`) VALUES ('$newtype')";
 22 |         $result = mysqli_query($conn, $sql);
 23 |         if ($result) {
 24 |             # code...
 25 |             $typeid = mysqli_insert_id($conn);
 26 |         } else {
 27 |             # code...
 28 |             $typeid = null;
 29 |         }
 30 |     }
 31 |     // check if brand is selected
 32 |     if ($brandid == "") {
 33 |         # code...
 34 |         $brandid = null;
 35 |     } else if ($brandid == "addnewbrand") {
 36 |         # code...
 37 |         $sql = "INSERT INTO `brands` (`name`) VALUES ('$newbrand')";
 38 |         $result = mysqli_query($conn, $sql);
 39 |         if ($result) {
 40 |             # code...
 41 |             $brandid = mysqli_insert_id($conn);
 42 |         } else {
 43 |             # code...
 44 |             $brandid = null;
 45 |         }
 46 |     }
 47 |     // type name is mendetory
 48 |     if ($ename == "") {
 49 |         # code...
 50 |         echo "<script>toastr.error('Product Name is Required')</script>";
 51 |     }
 52 | 
 53 |     // price is mendetory
 54 |     if ($price == "") {
 55 |         # code...
 56 |         echo "<script>toastr.error('Price is Required')</script>";
 57 |     }
 58 | 
 59 |     // update product
 60 |     if ($ename != "" && $price != "") {
 61 |         # code...
 62 |         $sql = "UPDATE `products` SET `name` = '$ename', `type_id` = '$typeid', `brand_id` = '$brandid', `description` = '$description', `price` = '$price', `stock` = '$stock', `shelf_no` = '$shelfno' WHERE `id` = '$eid'";
 63 |         $result = mysqli_query($conn, $sql);
 64 |         if ($result) {
 65 |             # code...
 66 |             echo "<script>toastr.success('Product Updated Successfully');setTimeout(()=> location.href='allproducts.php',2000)</script>";
 67 |         } else {
 68 |             # code...
 69 |             echo "<script>toastr.error('Product Updated Failed')</script>";
 70 |         }
 71 |     }
 72 | }
 73 | 
 74 | // delete product
 75 | if (isset($_POST['dsub'])) {
 76 |     $did = safuda($_GET['did']);
 77 |     $sql = "DELETE FROM `products` WHERE `id` = '$did'";
 78 |     $result = mysqli_query($conn, $sql);
 79 |     if ($result) {
 80 |         # code...
 81 |         echo "<script>toastr.success('Product Deleted Successfully');setTimeout(()=> location.href='allproducts.php',2000)</script>";
 82 |     } else {
 83 |         # code...
 84 |         echo "<script>toastr.error('Product Deleted Failed')</script>";
 85 |     }
 86 | }
 87 | ?>
 88 | <div id="layoutSidenav">
 89 |     <?php
 90 |     include_once("sidebar.php");
 91 |     ?>
 92 |     <div id="layoutSidenav_content">
 93 |         <div class="container-fluid px-4">
 94 |             <div class="row">
 95 |                 <?php
 96 |                 if (!isset($_GET['eid']) && !isset($_GET['did']) && !isset($_GET['addproduct'])) {
 97 |                 ?>
 98 |                     <div class="col-md-12">
 99 |                         <h2>All Products</h2>
100 |                         <!-- show all products in datatable -->
101 |                         <table id="datatablesSimple">
102 |                             <thead>
103 |                                 <tr>
104 |                                     <th>Product Name</th>
105 |                                     <th>Brand</th>
106 |                                     <th>Price</th>
107 |                                     <th>Stock</th>
108 |                                     <th>Shelf No</th>
109 |                                     <th>Actions</th>
110 |                                 </tr>
111 |                             </thead>
112 |                             <tbody>
113 |                                 <?php
114 |                                 // get all products
115 |                                 $sql = "SELECT * FROM `products`";
116 |                                 $result = mysqli_query($conn, $sql);
117 |                                 if (mysqli_num_rows($result) > 0) {
118 |                                     // output data of each row
119 |                                     while ($row = mysqli_fetch_assoc($result)) {
120 |                                         // get brand name
121 |                                         $brandid = $row['brand_id'];
122 |                                         $sql1 = "SELECT * FROM `brands` WHERE `id` = '$brandid'";
123 |                                         $result1 = mysqli_query($conn, $sql1);
124 |                                         $row1 = mysqli_fetch_assoc($result1);
125 |                                         $brandname = $row1['name'];
126 |                                         // get type name
127 |                                         $typeid = $row['type_id'];
128 |                                         $sql2 = "SELECT * FROM `types` WHERE `id` = '$typeid'";
129 |                                         $result2 = mysqli_query($conn, $sql2);
130 |                                         $row2 = mysqli_fetch_assoc($result2);
131 |                                         $typename = $row2['name'];
132 |                                         echo "<tr>
133 |                                             <td>" . $row['name'] . "</td>
134 |                                             <td>" . $brandname . "</td>
135 |                                             <td>" . $row['price'] . "</td>
136 |                                             <td>" . $row['stock'] . "</td>
137 |                                             <td>" . $row['shelf_no'] . "</td>
138 |                                             <td style='width: max-content'>
139 |                                                 <a href='allproducts.php?addproduct=" . $row['id'] . "' class='btn btn-primary btn-sm'><i class='fas fa-plus'></i></a>
140 |                                                 <a href='allproducts.php?eid=" . $row['id'] . "' class='btn btn-primary btn-sm'><i class='fas fa-edit'></i></a>
141 |                                                 <a href='allproducts.php?did=" . $row['id'] . "' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a>
142 |                                             </td>
143 |                                         </tr>";
144 |                                     }
145 |                                 } else {
146 |                                     echo "<tr>
147 |                                         <td colspan='8' class='text-center'>No Products Found</td>
148 |                                     </tr>";
149 |                                 }
150 |                                 ?>
151 |                             </tbody>
152 |                         </table>
153 |                     </div>
154 |                 <?php } ?>
155 |                 <?php
156 |                 if (isset($_GET['eid'])) {
157 |                 ?>
158 |                     <div class="col-md-6">
159 |                         <h2>Edit Product</h2>
160 |                         <?php
161 |                         // get product data
162 |                         $eid = $_GET['eid'];
163 |                         $sql = "SELECT * FROM `products` WHERE `id` = '$eid'";
164 |                         $result = mysqli_query($conn, $sql);
165 |                         $row = mysqli_fetch_object($result);
166 |                         ?>
167 |                         <form action="" method="post">
168 |                             <div class="mb-3">
169 |                                 <input type="text" placeholder="Product Name" name="ename" value="<?= $row->name ?>" class="form-control ">
170 |                             </div>
171 |                             <div class="mb-3">
172 |                                 <select name="typeid" id="typeid" class="form-select">
173 |                                     <option value="">--SELECT TYPE--</option>
174 |                                     <?php
175 |                                     $sql = "SELECT * FROM `types`";
176 |                                     $result = mysqli_query($conn, $sql);
177 |                                     while ($row1 = mysqli_fetch_object($result)) {
178 |                                     ?>
179 |                                         <option value="<?= $row1->id ?>" <?php if ($row1->id == $row->type_id) {
180 |                                                                                 echo "selected";
181 |                                                                             } ?>><?= $row1->name ?></option>
182 |                                     <?php
183 |                                     }
184 |                                     ?>
185 |                                     <!-- add new types -->
186 |                                     <option value="addnewtype">Add New Type</option>
187 |                                 </select>
188 |                             </div>
189 |                             <div class="mb-3 d-none" id="newTypeInput">
190 |                                 <div class="form-floating mb-3">
191 |                                     <input type="text" class="form-control" id="newtype" name="newtype" placeholder="New Type">
192 |                                     <label for="newtype">New Type</label>
193 |                                 </div>
194 |                             </div>
195 |                             <div class="mb-3">
196 |                                 <select name="brandid" id="brandid" class="form-select">
197 |                                     <option value="">--SELECT BRAND--</option>
198 |                                     <?php
199 |                                     $sql = "SELECT * FROM `brands`";
200 |                                     $result = mysqli_query($conn, $sql);
201 |                                     while ($row1 = mysqli_fetch_object($result)) {
202 |                                     ?>
203 |                                         <option value="<?= $row1->id ?>" <?php if ($row1->id == $row->brand_id) {
204 |                                                                                 echo "selected";
205 |                                                                             } ?>><?= $row1->name ?></option>
206 |                                     <?php
207 |                                     }
208 |                                     ?>
209 |                                     <!-- add new brand -->
210 |                                     <option value="addnewbrand">Add New Brand</option>
211 |                                 </select>
212 |                             </div>
213 |                             <div class="mb-3 d-none" id="newBrandInput">
214 |                                 <div class="form-floating mb-3">
215 |                                     <input type="text" class="form-control" id="newbrand" name="newbrand" placeholder="New Brand">
216 |                                     <label for="newbrand">New Brand</label>
217 |                                 </div>
218 |                             </div>
219 |                             <!-- wysiwyg editor -->
220 |                             <div class="form-floating mb-3">
221 |                                 <textarea class="form-control" placeholder="Description" id="description" name="description" style="height: 100px"><?= htmlspecialchars_decode(htmlspecialchars_decode($row->description)) ?></textarea>
222 |                             </div>
223 |                             <div class="mb-3">
224 |                                 <input type="number" placeholder="Price" name="price" value="<?= $row->price ?>" class="form-control ">
225 |                             </div>
226 |                             <div class="mb-3">
227 |                                 <input type="number" placeholder="Stock" name="stock" value="<?= $row->stock ?>" class="form-control ">
228 |                             </div>
229 |                             <div class="mb-3">
230 |                                 <input type="text" placeholder="Shelf No" name="shelfno" value="<?= $row->shelf_no ?>" class="form-control ">
231 |                             </div>
232 |                             <input type="submit" class="btn btn-primary btn-sm" value="Update" name="esub">
233 |                             <a href="javascript:void()" class="btn btn-danger btn-sm" onclick="javascript:history.back()">Cancel</a>
234 |                         </form>
235 |                     </div>
236 |                 <?php } ?>
237 |                 <?php
238 |                 if (isset($_GET['did'])) {
239 |                 ?>
240 |                     <div class="col-md-6 fst-1">
241 |                         Do you really want to delete this product?
242 |                         <form action="" method="post">
243 |                             <input type="submit" class="btn btn-danger btn-sm" value="Yes" name="dsub">
244 |                             <a href="javascript:void()" class="btn btn-primary btn-sm" onclick="javascript:history.back()">No</a>
245 |                         </form>
246 |                     </div>
247 |                 <?php
248 |                 }
249 |                 ?>
250 |             </div>
251 |             <?php  
252 |                 if(isset($_POST["addsub"])){
253 |                     $pid = $conn->real_escape_string(safuda($_POST["pid"]));
254 |                     $quantity = $conn->real_escape_string(safuda($_POST["quantity"]));
255 |                     if(!empty($pid) && !empty($quantity)){
256 |                         $sql = "UPDATE `products` SET `stock` = `stock` + '$quantity' WHERE `id` = '$pid'";
257 |                         $result = mysqli_query($conn, $sql);
258 |                         if($result){
259 |                             echo "<script>toastr.success('Product Added Successfully');setTimeout(()=> location.href='allproducts.php',2000)</script>";
260 |                         }else{
261 |                             echo "<script>toastr.error('Product Added Failed')</script>";
262 |                         }
263 |                     }else{
264 |                         echo "<script>toastr.error('Something went wrong')</script>";
265 |                     }
266 |                 }
267 |             ?>
268 |             <?php  
269 |                 if (isset($_GET["addproduct"])) {
270 |                     $pid = $_GET["addproduct"];
271 |                     $sql = "SELECT * FROM `products` WHERE `id` = '$pid'";
272 |                     $result = mysqli_query($conn, $sql);
273 |                     $row = mysqli_fetch_object($result);
274 |                     $pstock = $row->stock;
275 |                     $pname = $row->name;
276 |             ?>
277 |             <div class="col-md-6">
278 |                 <h2 class="mb-3 mt-2">Add Product</h2>
279 |                 <h5><?= $pname ?></h5>
280 |                 <form action="" method="post">
281 |                     <input type="hidden" value="<?= $pid ?>" name="pid">
282 |                     <div class="mb-3">
283 |                         <label for="">Previous Quantity :</label>
284 |                         <input type="number" placeholder="Quantity" value="<?= $pstock ?>" class="form-control disabled" disabled>
285 |                     </div>
286 |                     <div class="mb-3">
287 |                         <input type="number" placeholder="Add New Quantity" name="quantity" class="form-control ">
288 |                     </div>
289 |                     <input type="submit" class="btn btn-primary btn-sm" value="Add" name="addsub">
290 |                     <a href="javascript:void()" class="btn btn-danger btn-sm" onclick="javascript:history.back()">Cancel</a>
291 |                 </form>
292 |             </div>
293 |             <?php } ?>
294 |         </div>
295 |         <?php
296 |         include_once("footer.php");
297 |         ?>
298 |     </div>
299 | </div>
300 | <script>
301 |     $(document).ready(function() {
302 |         $('#datatablesSimple').DataTable();
303 |     });
304 | </script>
305 | <script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>
306 | <script>
307 |     ClassicEditor
308 |         .create(document.querySelector('#description'))
309 |         .catch(error => {
310 |             console.error(error);
311 |         });
312 | </script>
313 | </body>
314 | 
315 | </html>


--------------------------------------------------------------------------------
/main.php:
--------------------------------------------------------------------------------
  1 | <main>
  2 |             <div class="container-fluid px-4">
  3 |                 <h1 class="mt-4">Dashboard</h1>
  4 |                 <ol class="breadcrumb mb-4">
  5 |                     <li class="breadcrumb-item active">Dashboard</li>
  6 |                 </ol>
  7 |                 <div class="row">
  8 |                     <div class="col-xl-3 col-md-6">
  9 |                         <div class="card bg-primary text-white mb-4">
 10 |                             <div class="card-body">Primary Card</div>
 11 |                             <div class="card-footer d-flex align-items-center justify-content-between">
 12 |                                 <a class="small text-white stretched-link" href="#">View Details</a>
 13 |                                 <div class="small text-white"><i class="fas fa-angle-right"></i></div>
 14 |                             </div>
 15 |                         </div>
 16 |                     </div>
 17 |                     <div class="col-xl-3 col-md-6">
 18 |                         <div class="card bg-warning text-white mb-4">
 19 |                             <div class="card-body">Warning Card</div>
 20 |                             <div class="card-footer d-flex align-items-center justify-content-between">
 21 |                                 <a class="small text-white stretched-link" href="#">View Details</a>
 22 |                                 <div class="small text-white"><i class="fas fa-angle-right"></i></div>
 23 |                             </div>
 24 |                         </div>
 25 |                     </div>
 26 |                     <div class="col-xl-3 col-md-6">
 27 |                         <div class="card bg-success text-white mb-4">
 28 |                             <div class="card-body">Success Card</div>
 29 |                             <div class="card-footer d-flex align-items-center justify-content-between">
 30 |                                 <a class="small text-white stretched-link" href="#">View Details</a>
 31 |                                 <div class="small text-white"><i class="fas fa-angle-right"></i></div>
 32 |                             </div>
 33 |                         </div>
 34 |                     </div>
 35 |                     <div class="col-xl-3 col-md-6">
 36 |                         <div class="card bg-danger text-white mb-4">
 37 |                             <div class="card-body">Danger Card</div>
 38 |                             <div class="card-footer d-flex align-items-center justify-content-between">
 39 |                                 <a class="small text-white stretched-link" href="#">View Details</a>
 40 |                                 <div class="small text-white"><i class="fas fa-angle-right"></i></div>
 41 |                             </div>
 42 |                         </div>
 43 |                     </div>
 44 |                 </div>
 45 |                 <div class="row">
 46 |                     <div class="col-xl-6">
 47 |                         <div class="card mb-4">
 48 |                             <div class="card-header">
 49 |                                 <i class="fas fa-chart-area me-1"></i>
 50 |                                 Area Chart Example
 51 |                             </div>
 52 |                             <div class="card-body"><canvas id="myAreaChart" width="100%" height="40"></canvas></div>
 53 |                         </div>
 54 |                     </div>
 55 |                     <div class="col-xl-6">
 56 |                         <div class="card mb-4">
 57 |                             <div class="card-header">
 58 |                                 <i class="fas fa-chart-bar me-1"></i>
 59 |                                 Bar Chart Example
 60 |                             </div>
 61 |                             <div class="card-body"><canvas id="myBarChart" width="100%" height="40"></canvas></div>
 62 |                         </div>
 63 |                     </div>
 64 |                 </div>
 65 |                 <div class="card mb-4">
 66 |                     <div class="card-header">
 67 |                         <i class="fas fa-table me-1"></i>
 68 |                         DataTable Example
 69 |                     </div>
 70 |                     <div class="card-body">
 71 |                         <table id="datatablesSimple">
 72 |                             <thead>
 73 |                                 <tr>
 74 |                                     <th>Name</th>
 75 |                                     <th>Position</th>
 76 |                                     <th>Office</th>
 77 |                                     <th>Age</th>
 78 |                                     <th>Start date</th>
 79 |                                     <th>Salary</th>
 80 |                                 </tr>
 81 |                             </thead>
 82 |                             <tfoot>
 83 |                                 <tr>
 84 |                                     <th>Name</th>
 85 |                                     <th>Position</th>
 86 |                                     <th>Office</th>
 87 |                                     <th>Age</th>
 88 |                                     <th>Start date</th>
 89 |                                     <th>Salary</th>
 90 |                                 </tr>
 91 |                             </tfoot>
 92 |                             <tbody>
 93 |                                 <tr>
 94 |                                     <td>Tiger Nixon</td>
 95 |                                     <td>System Architect</td>
 96 |                                     <td>Edinburgh</td>
 97 |                                     <td>61</td>
 98 |                                     <td>2011/04/25</td>
 99 |                                     <td>$320,800</td>
100 |                                 </tr>
101 |                                 <tr>
102 |                                     <td>Garrett Winters</td>
103 |                                     <td>Accountant</td>
104 |                                     <td>Tokyo</td>
105 |                                     <td>63</td>
106 |                                     <td>2011/07/25</td>
107 |                                     <td>$170,750</td>
108 |                                 </tr>
109 |                                 <tr>
110 |                                     <td>Ashton Cox</td>
111 |                                     <td>Junior Technical Author</td>
112 |                                     <td>San Francisco</td>
113 |                                     <td>66</td>
114 |                                     <td>2009/01/12</td>
115 |                                     <td>$86,000</td>
116 |                                 </tr>
117 |                                 <tr>
118 |                                     <td>Cedric Kelly</td>
119 |                                     <td>Senior Javascript Developer</td>
120 |                                     <td>Edinburgh</td>
121 |                                     <td>22</td>
122 |                                     <td>2012/03/29</td>
123 |                                     <td>$433,060</td>
124 |                                 </tr>
125 |                                 <tr>
126 |                                     <td>Airi Satou</td>
127 |                                     <td>Accountant</td>
128 |                                     <td>Tokyo</td>
129 |                                     <td>33</td>
130 |                                     <td>2008/11/28</td>
131 |                                     <td>$162,700</td>
132 |                                 </tr>
133 |                                 <tr>
134 |                                     <td>Brielle Williamson</td>
135 |                                     <td>Integration Specialist</td>
136 |                                     <td>New York</td>
137 |                                     <td>61</td>
138 |                                     <td>2012/12/02</td>
139 |                                     <td>$372,000</td>
140 |                                 </tr>
141 |                                 <tr>
142 |                                     <td>Herrod Chandler</td>
143 |                                     <td>Sales Assistant</td>
144 |                                     <td>San Francisco</td>
145 |                                     <td>59</td>
146 |                                     <td>2012/08/06</td>
147 |                                     <td>$137,500</td>
148 |                                 </tr>
149 |                                 <tr>
150 |                                     <td>Rhona Davidson</td>
151 |                                     <td>Integration Specialist</td>
152 |                                     <td>Tokyo</td>
153 |                                     <td>55</td>
154 |                                     <td>2010/10/14</td>
155 |                                     <td>$327,900</td>
156 |                                 </tr>
157 |                                 <tr>
158 |                                     <td>Colleen Hurst</td>
159 |                                     <td>Javascript Developer</td>
160 |                                     <td>San Francisco</td>
161 |                                     <td>39</td>
162 |                                     <td>2009/09/15</td>
163 |                                     <td>$205,500</td>
164 |                                 </tr>
165 |                                 <tr>
166 |                                     <td>Sonya Frost</td>
167 |                                     <td>Software Engineer</td>
168 |                                     <td>Edinburgh</td>
169 |                                     <td>23</td>
170 |                                     <td>2008/12/13</td>
171 |                                     <td>$103,600</td>
172 |                                 </tr>
173 |                                 <tr>
174 |                                     <td>Jena Gaines</td>
175 |                                     <td>Office Manager</td>
176 |                                     <td>London</td>
177 |                                     <td>30</td>
178 |                                     <td>2008/12/19</td>
179 |                                     <td>$90,560</td>
180 |                                 </tr>
181 |                                 <tr>
182 |                                     <td>Quinn Flynn</td>
183 |                                     <td>Support Lead</td>
184 |                                     <td>Edinburgh</td>
185 |                                     <td>22</td>
186 |                                     <td>2013/03/03</td>
187 |                                     <td>$342,000</td>
188 |                                 </tr>
189 |                                 <tr>
190 |                                     <td>Charde Marshall</td>
191 |                                     <td>Regional Director</td>
192 |                                     <td>San Francisco</td>
193 |                                     <td>36</td>
194 |                                     <td>2008/10/16</td>
195 |                                     <td>$470,600</td>
196 |                                 </tr>
197 |                                 <tr>
198 |                                     <td>Haley Kennedy</td>
199 |                                     <td>Senior Marketing Designer</td>
200 |                                     <td>London</td>
201 |                                     <td>43</td>
202 |                                     <td>2012/12/18</td>
203 |                                     <td>$313,500</td>
204 |                                 </tr>
205 |                                 <tr>
206 |                                     <td>Tatyana Fitzpatrick</td>
207 |                                     <td>Regional Director</td>
208 |                                     <td>London</td>
209 |                                     <td>19</td>
210 |                                     <td>2010/03/17</td>
211 |                                     <td>$385,750</td>
212 |                                 </tr>
213 |                                 <tr>
214 |                                     <td>Michael Silva</td>
215 |                                     <td>Marketing Designer</td>
216 |                                     <td>London</td>
217 |                                     <td>66</td>
218 |                                     <td>2012/11/27</td>
219 |                                     <td>$198,500</td>
220 |                                 </tr>
221 |                                 <tr>
222 |                                     <td>Paul Byrd</td>
223 |                                     <td>Chief Financial Officer (CFO)</td>
224 |                                     <td>New York</td>
225 |                                     <td>64</td>
226 |                                     <td>2010/06/09</td>
227 |                                     <td>$725,000</td>
228 |                                 </tr>
229 |                                 <tr>
230 |                                     <td>Gloria Little</td>
231 |                                     <td>Systems Administrator</td>
232 |                                     <td>New York</td>
233 |                                     <td>59</td>
234 |                                     <td>2009/04/10</td>
235 |                                     <td>$237,500</td>
236 |                                 </tr>
237 |                                 <tr>
238 |                                     <td>Bradley Greer</td>
239 |                                     <td>Software Engineer</td>
240 |                                     <td>London</td>
241 |                                     <td>41</td>
242 |                                     <td>2012/10/13</td>
243 |                                     <td>$132,000</td>
244 |                                 </tr>
245 |                                 <tr>
246 |                                     <td>Dai Rios</td>
247 |                                     <td>Personnel Lead</td>
248 |                                     <td>Edinburgh</td>
249 |                                     <td>35</td>
250 |                                     <td>2012/09/26</td>
251 |                                     <td>$217,500</td>
252 |                                 </tr>
253 |                                 <tr>
254 |                                     <td>Jenette Caldwell</td>
255 |                                     <td>Development Lead</td>
256 |                                     <td>New York</td>
257 |                                     <td>30</td>
258 |                                     <td>2011/09/03</td>
259 |                                     <td>$345,000</td>
260 |                                 </tr>
261 |                                 <tr>
262 |                                     <td>Yuri Berry</td>
263 |                                     <td>Chief Marketing Officer (CMO)</td>
264 |                                     <td>New York</td>
265 |                                     <td>40</td>
266 |                                     <td>2009/06/25</td>
267 |                                     <td>$675,000</td>
268 |                                 </tr>
269 |                                 <tr>
270 |                                     <td>Caesar Vance</td>
271 |                                     <td>Pre-Sales Support</td>
272 |                                     <td>New York</td>
273 |                                     <td>21</td>
274 |                                     <td>2011/12/12</td>
275 |                                     <td>$106,450</td>
276 |                                 </tr>
277 |                                 <tr>
278 |                                     <td>Doris Wilder</td>
279 |                                     <td>Sales Assistant</td>
280 |                                     <td>Sidney</td>
281 |                                     <td>23</td>
282 |                                     <td>2010/09/20</td>
283 |                                     <td>$85,600</td>
284 |                                 </tr>
285 |                                 <tr>
286 |                                     <td>Angelica Ramos</td>
287 |                                     <td>Chief Executive Officer (CEO)</td>
288 |                                     <td>London</td>
289 |                                     <td>47</td>
290 |                                     <td>2009/10/09</td>
291 |                                     <td>$1,200,000</td>
292 |                                 </tr>
293 |                                 <tr>
294 |                                     <td>Gavin Joyce</td>
295 |                                     <td>Developer</td>
296 |                                     <td>Edinburgh</td>
297 |                                     <td>42</td>
298 |                                     <td>2010/12/22</td>
299 |                                     <td>$92,575</td>
300 |                                 </tr>
301 |                                 <tr>
302 |                                     <td>Jennifer Chang</td>
303 |                                     <td>Regional Director</td>
304 |                                     <td>Singapore</td>
305 |                                     <td>28</td>
306 |                                     <td>2010/11/14</td>
307 |                                     <td>$357,650</td>
308 |                                 </tr>
309 |                                 <tr>
310 |                                     <td>Brenden Wagner</td>
311 |                                     <td>Software Engineer</td>
312 |                                     <td>San Francisco</td>
313 |                                     <td>28</td>
314 |                                     <td>2011/06/07</td>
315 |                                     <td>$206,850</td>
316 |                                 </tr>
317 |                                 <tr>
318 |                                     <td>Fiona Green</td>
319 |                                     <td>Chief Operating Officer (COO)</td>
320 |                                     <td>San Francisco</td>
321 |                                     <td>48</td>
322 |                                     <td>2010/03/11</td>
323 |                                     <td>$850,000</td>
324 |                                 </tr>
325 |                                 <tr>
326 |                                     <td>Shou Itou</td>
327 |                                     <td>Regional Marketing</td>
328 |                                     <td>Tokyo</td>
329 |                                     <td>20</td>
330 |                                     <td>2011/08/14</td>
331 |                                     <td>$163,000</td>
332 |                                 </tr>
333 |                                 <tr>
334 |                                     <td>Michelle House</td>
335 |                                     <td>Integration Specialist</td>
336 |                                     <td>Sidney</td>
337 |                                     <td>37</td>
338 |                                     <td>2011/06/02</td>
339 |                                     <td>$95,400</td>
340 |                                 </tr>
341 |                                 <tr>
342 |                                     <td>Suki Burks</td>
343 |                                     <td>Developer</td>
344 |                                     <td>London</td>
345 |                                     <td>53</td>
346 |                                     <td>2009/10/22</td>
347 |                                     <td>$114,500</td>
348 |                                 </tr>
349 |                                 <tr>
350 |                                     <td>Prescott Bartlett</td>
351 |                                     <td>Technical Author</td>
352 |                                     <td>London</td>
353 |                                     <td>27</td>
354 |                                     <td>2011/05/07</td>
355 |                                     <td>$145,000</td>
356 |                                 </tr>
357 |                                 <tr>
358 |                                     <td>Gavin Cortez</td>
359 |                                     <td>Team Leader</td>
360 |                                     <td>San Francisco</td>
361 |                                     <td>22</td>
362 |                                     <td>2008/10/26</td>
363 |                                     <td>$235,500</td>
364 |                                 </tr>
365 |                                 <tr>
366 |                                     <td>Martena Mccray</td>
367 |                                     <td>Post-Sales support</td>
368 |                                     <td>Edinburgh</td>
369 |                                     <td>46</td>
370 |                                     <td>2011/03/09</td>
371 |                                     <td>$324,050</td>
372 |                                 </tr>
373 |                                 <tr>
374 |                                     <td>Unity Butler</td>
375 |                                     <td>Marketing Designer</td>
376 |                                     <td>San Francisco</td>
377 |                                     <td>47</td>
378 |                                     <td>2009/12/09</td>
379 |                                     <td>$85,675</td>
380 |                                 </tr>
381 |                                 <tr>
382 |                                     <td>Howard Hatfield</td>
383 |                                     <td>Office Manager</td>
384 |                                     <td>San Francisco</td>
385 |                                     <td>51</td>
386 |                                     <td>2008/12/16</td>
387 |                                     <td>$164,500</td>
388 |                                 </tr>
389 |                                 <tr>
390 |                                     <td>Hope Fuentes</td>
391 |                                     <td>Secretary</td>
392 |                                     <td>San Francisco</td>
393 |                                     <td>41</td>
394 |                                     <td>2010/02/12</td>
395 |                                     <td>$109,850</td>
396 |                                 </tr>
397 |                                 <tr>
398 |                                     <td>Vivian Harrell</td>
399 |                                     <td>Financial Controller</td>
400 |                                     <td>San Francisco</td>
401 |                                     <td>62</td>
402 |                                     <td>2009/02/14</td>
403 |                                     <td>$452,500</td>
404 |                                 </tr>
405 |                                 <tr>
406 |                                     <td>Timothy Mooney</td>
407 |                                     <td>Office Manager</td>
408 |                                     <td>London</td>
409 |                                     <td>37</td>
410 |                                     <td>2008/12/11</td>
411 |                                     <td>$136,200</td>
412 |                                 </tr>
413 |                                 <tr>
414 |                                     <td>Jackson Bradshaw</td>
415 |                                     <td>Director</td>
416 |                                     <td>New York</td>
417 |                                     <td>65</td>
418 |                                     <td>2008/09/26</td>
419 |                                     <td>$645,750</td>
420 |                                 </tr>
421 |                                 <tr>
422 |                                     <td>Olivia Liang</td>
423 |                                     <td>Support Engineer</td>
424 |                                     <td>Singapore</td>
425 |                                     <td>64</td>
426 |                                     <td>2011/02/03</td>
427 |                                     <td>$234,500</td>
428 |                                 </tr>
429 |                                 <tr>
430 |                                     <td>Bruno Nash</td>
431 |                                     <td>Software Engineer</td>
432 |                                     <td>London</td>
433 |                                     <td>38</td>
434 |                                     <td>2011/05/03</td>
435 |                                     <td>$163,500</td>
436 |                                 </tr>
437 |                                 <tr>
438 |                                     <td>Sakura Yamamoto</td>
439 |                                     <td>Support Engineer</td>
440 |                                     <td>Tokyo</td>
441 |                                     <td>37</td>
442 |                                     <td>2009/08/19</td>
443 |                                     <td>$139,575</td>
444 |                                 </tr>
445 |                                 <tr>
446 |                                     <td>Thor Walton</td>
447 |                                     <td>Developer</td>
448 |                                     <td>New York</td>
449 |                                     <td>61</td>
450 |                                     <td>2013/08/11</td>
451 |                                     <td>$98,540</td>
452 |                                 </tr>
453 |                                 <tr>
454 |                                     <td>Finn Camacho</td>
455 |                                     <td>Support Engineer</td>
456 |                                     <td>San Francisco</td>
457 |                                     <td>47</td>
458 |                                     <td>2009/07/07</td>
459 |                                     <td>$87,500</td>
460 |                                 </tr>
461 |                                 <tr>
462 |                                     <td>Serge Baldwin</td>
463 |                                     <td>Data Coordinator</td>
464 |                                     <td>Singapore</td>
465 |                                     <td>64</td>
466 |                                     <td>2012/04/09</td>
467 |                                     <td>$138,575</td>
468 |                                 </tr>
469 |                                 <tr>
470 |                                     <td>Zenaida Frank</td>
471 |                                     <td>Software Engineer</td>
472 |                                     <td>New York</td>
473 |                                     <td>63</td>
474 |                                     <td>2010/01/04</td>
475 |                                     <td>$125,250</td>
476 |                                 </tr>
477 |                                 <tr>
478 |                                     <td>Zorita Serrano</td>
479 |                                     <td>Software Engineer</td>
480 |                                     <td>San Francisco</td>
481 |                                     <td>56</td>
482 |                                     <td>2012/06/01</td>
483 |                                     <td>$115,000</td>
484 |                                 </tr>
485 |                                 <tr>
486 |                                     <td>Jennifer Acosta</td>
487 |                                     <td>Junior Javascript Developer</td>
488 |                                     <td>Edinburgh</td>
489 |                                     <td>43</td>
490 |                                     <td>2013/02/01</td>
491 |                                     <td>$75,650</td>
492 |                                 </tr>
493 |                                 <tr>
494 |                                     <td>Cara Stevens</td>
495 |                                     <td>Sales Assistant</td>
496 |                                     <td>New York</td>
497 |                                     <td>46</td>
498 |                                     <td>2011/12/06</td>
499 |                                     <td>$145,600</td>
500 |                                 </tr>
501 |                                 <tr>
502 |                                     <td>Hermione Butler</td>
503 |                                     <td>Regional Director</td>
504 |                                     <td>London</td>
505 |                                     <td>47</td>
506 |                                     <td>2011/03/21</td>
507 |                                     <td>$356,250</td>
508 |                                 </tr>
509 |                                 <tr>
510 |                                     <td>Lael Greer</td>
511 |                                     <td>Systems Administrator</td>
512 |                                     <td>London</td>
513 |                                     <td>21</td>
514 |                                     <td>2009/02/27</td>
515 |                                     <td>$103,500</td>
516 |                                 </tr>
517 |                                 <tr>
518 |                                     <td>Jonas Alexander</td>
519 |                                     <td>Developer</td>
520 |                                     <td>San Francisco</td>
521 |                                     <td>30</td>
522 |                                     <td>2010/07/14</td>
523 |                                     <td>$86,500</td>
524 |                                 </tr>
525 |                                 <tr>
526 |                                     <td>Shad Decker</td>
527 |                                     <td>Regional Director</td>
528 |                                     <td>Edinburgh</td>
529 |                                     <td>51</td>
530 |                                     <td>2008/11/13</td>
531 |                                     <td>$183,000</td>
532 |                                 </tr>
533 |                                 <tr>
534 |                                     <td>Michael Bruce</td>
535 |                                     <td>Javascript Developer</td>
536 |                                     <td>Singapore</td>
537 |                                     <td>29</td>
538 |                                     <td>2011/06/27</td>
539 |                                     <td>$183,000</td>
540 |                                 </tr>
541 |                                 <tr>
542 |                                     <td>Donna Snider</td>
543 |                                     <td>Customer Support</td>
544 |                                     <td>New York</td>
545 |                                     <td>27</td>
546 |                                     <td>2011/01/25</td>
547 |                                     <td>$112,000</td>
548 |                                 </tr>
549 |                             </tbody>
550 |                         </table>
551 |                     </div>
552 |                 </div>
553 |             </div>
554 |         </main>


--------------------------------------------------------------------------------
/tables.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <head>
  4 |         <meta charset="utf-8" />
  5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7 |         <meta name="description" content="" />
  8 |         <meta name="author" content="" />
  9 |         <title>Tables - SB Admin</title>
 10 |         <link href="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css" rel="stylesheet" />
 11 |         <link href="css/styles.css" rel="stylesheet" />
 12 |         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 13 |     </head>
 14 |     <body class="sb-nav-fixed">
 15 |         <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
 16 |             <!-- Navbar Brand-->
 17 |             <a class="navbar-brand ps-3" href="index.html">Start Bootstrap</a>
 18 |             <!-- Sidebar Toggle-->
 19 |             <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
 20 |             <!-- Navbar Search-->
 21 |             <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
 22 |                 <div class="input-group">
 23 |                     <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
 24 |                     <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
 25 |                 </div>
 26 |             </form>
 27 |             <!-- Navbar-->
 28 |             <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
 29 |                 <li class="nav-item dropdown">
 30 |                     <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
 31 |                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
 32 |                         <li><a class="dropdown-item" href="#!">Settings</a></li>
 33 |                         <li><a class="dropdown-item" href="#!">Activity Log</a></li>
 34 |                         <li><hr class="dropdown-divider" /></li>
 35 |                         <li><a class="dropdown-item" href="#!">Logout</a></li>
 36 |                     </ul>
 37 |                 </li>
 38 |             </ul>
 39 |         </nav>
 40 |         <div id="layoutSidenav">
 41 |             <div id="layoutSidenav_nav">
 42 |                 <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
 43 |                     <div class="sb-sidenav-menu">
 44 |                         <div class="nav">
 45 |                             <div class="sb-sidenav-menu-heading">Core</div>
 46 |                             <a class="nav-link" href="index.html">
 47 |                                 <div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
 48 |                                 Dashboard
 49 |                             </a>
 50 |                             <div class="sb-sidenav-menu-heading">Interface</div>
 51 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
 52 |                                 <div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
 53 |                                 Layouts
 54 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 55 |                             </a>
 56 |                             <div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
 57 |                                 <nav class="sb-sidenav-menu-nested nav">
 58 |                                     <a class="nav-link" href="layout-static.html">Static Navigation</a>
 59 |                                     <a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>
 60 |                                 </nav>
 61 |                             </div>
 62 |                             <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
 63 |                                 <div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
 64 |                                 Pages
 65 |                                 <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 66 |                             </a>
 67 |                             <div class="collapse" id="collapsePages" aria-labelledby="headingTwo" data-bs-parent="#sidenavAccordion">
 68 |                                 <nav class="sb-sidenav-menu-nested nav accordion" id="sidenavAccordionPages">
 69 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
 70 |                                         Authentication
 71 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 72 |                                     </a>
 73 |                                     <div class="collapse" id="pagesCollapseAuth" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 74 |                                         <nav class="sb-sidenav-menu-nested nav">
 75 |                                             <a class="nav-link" href="login.html">Login</a>
 76 |                                             <a class="nav-link" href="register.html">Register</a>
 77 |                                             <a class="nav-link" href="password.html">Forgot Password</a>
 78 |                                         </nav>
 79 |                                     </div>
 80 |                                     <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
 81 |                                         Error
 82 |                                         <div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
 83 |                                     </a>
 84 |                                     <div class="collapse" id="pagesCollapseError" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordionPages">
 85 |                                         <nav class="sb-sidenav-menu-nested nav">
 86 |                                             <a class="nav-link" href="401.html">401 Page</a>
 87 |                                             <a class="nav-link" href="404.html">404 Page</a>
 88 |                                             <a class="nav-link" href="500.html">500 Page</a>
 89 |                                         </nav>
 90 |                                     </div>
 91 |                                 </nav>
 92 |                             </div>
 93 |                             <div class="sb-sidenav-menu-heading">Addons</div>
 94 |                             <a class="nav-link" href="charts.html">
 95 |                                 <div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
 96 |                                 Charts
 97 |                             </a>
 98 |                             <a class="nav-link" href="tables.html">
 99 |                                 <div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
100 |                                 Tables
101 |                             </a>
102 |                         </div>
103 |                     </div>
104 |                     <div class="sb-sidenav-footer">
105 |                         <div class="small">Logged in as:</div>
106 |                         Start Bootstrap
107 |                     </div>
108 |                 </nav>
109 |             </div>
110 |             <div id="layoutSidenav_content">
111 |                 <main>
112 |                     <div class="container-fluid px-4">
113 |                         <h1 class="mt-4">Tables</h1>
114 |                         <ol class="breadcrumb mb-4">
115 |                             <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
116 |                             <li class="breadcrumb-item active">Tables</li>
117 |                         </ol>
118 |                         <div class="card mb-4">
119 |                             <div class="card-body">
120 |                                 DataTables is a third party plugin that is used to generate the demo table below. For more information about DataTables, please visit the
121 |                                 <a target="_blank" href="https://datatables.net/">official DataTables documentation</a>
122 |                                 .
123 |                             </div>
124 |                         </div>
125 |                         <div class="card mb-4">
126 |                             <div class="card-header">
127 |                                 <i class="fas fa-table me-1"></i>
128 |                                 DataTable Example
129 |                             </div>
130 |                             <div class="card-body">
131 |                                 <table id="datatablesSimple">
132 |                                     <thead>
133 |                                         <tr>
134 |                                             <th>Name</th>
135 |                                             <th>Position</th>
136 |                                             <th>Office</th>
137 |                                             <th>Age</th>
138 |                                             <th>Start date</th>
139 |                                             <th>Salary</th>
140 |                                         </tr>
141 |                                     </thead>
142 |                                     <tfoot>
143 |                                         <tr>
144 |                                             <th>Name</th>
145 |                                             <th>Position</th>
146 |                                             <th>Office</th>
147 |                                             <th>Age</th>
148 |                                             <th>Start date</th>
149 |                                             <th>Salary</th>
150 |                                         </tr>
151 |                                     </tfoot>
152 |                                     <tbody>
153 |                                         <tr>
154 |                                             <td>Tiger Nixon</td>
155 |                                             <td>System Architect</td>
156 |                                             <td>Edinburgh</td>
157 |                                             <td>61</td>
158 |                                             <td>2011/04/25</td>
159 |                                             <td>$320,800</td>
160 |                                         </tr>
161 |                                         <tr>
162 |                                             <td>Garrett Winters</td>
163 |                                             <td>Accountant</td>
164 |                                             <td>Tokyo</td>
165 |                                             <td>63</td>
166 |                                             <td>2011/07/25</td>
167 |                                             <td>$170,750</td>
168 |                                         </tr>
169 |                                         <tr>
170 |                                             <td>Ashton Cox</td>
171 |                                             <td>Junior Technical Author</td>
172 |                                             <td>San Francisco</td>
173 |                                             <td>66</td>
174 |                                             <td>2009/01/12</td>
175 |                                             <td>$86,000</td>
176 |                                         </tr>
177 |                                         <tr>
178 |                                             <td>Cedric Kelly</td>
179 |                                             <td>Senior Javascript Developer</td>
180 |                                             <td>Edinburgh</td>
181 |                                             <td>22</td>
182 |                                             <td>2012/03/29</td>
183 |                                             <td>$433,060</td>
184 |                                         </tr>
185 |                                         <tr>
186 |                                             <td>Airi Satou</td>
187 |                                             <td>Accountant</td>
188 |                                             <td>Tokyo</td>
189 |                                             <td>33</td>
190 |                                             <td>2008/11/28</td>
191 |                                             <td>$162,700</td>
192 |                                         </tr>
193 |                                         <tr>
194 |                                             <td>Brielle Williamson</td>
195 |                                             <td>Integration Specialist</td>
196 |                                             <td>New York</td>
197 |                                             <td>61</td>
198 |                                             <td>2012/12/02</td>
199 |                                             <td>$372,000</td>
200 |                                         </tr>
201 |                                         <tr>
202 |                                             <td>Herrod Chandler</td>
203 |                                             <td>Sales Assistant</td>
204 |                                             <td>San Francisco</td>
205 |                                             <td>59</td>
206 |                                             <td>2012/08/06</td>
207 |                                             <td>$137,500</td>
208 |                                         </tr>
209 |                                         <tr>
210 |                                             <td>Rhona Davidson</td>
211 |                                             <td>Integration Specialist</td>
212 |                                             <td>Tokyo</td>
213 |                                             <td>55</td>
214 |                                             <td>2010/10/14</td>
215 |                                             <td>$327,900</td>
216 |                                         </tr>
217 |                                         <tr>
218 |                                             <td>Colleen Hurst</td>
219 |                                             <td>Javascript Developer</td>
220 |                                             <td>San Francisco</td>
221 |                                             <td>39</td>
222 |                                             <td>2009/09/15</td>
223 |                                             <td>$205,500</td>
224 |                                         </tr>
225 |                                         <tr>
226 |                                             <td>Sonya Frost</td>
227 |                                             <td>Software Engineer</td>
228 |                                             <td>Edinburgh</td>
229 |                                             <td>23</td>
230 |                                             <td>2008/12/13</td>
231 |                                             <td>$103,600</td>
232 |                                         </tr>
233 |                                         <tr>
234 |                                             <td>Jena Gaines</td>
235 |                                             <td>Office Manager</td>
236 |                                             <td>London</td>
237 |                                             <td>30</td>
238 |                                             <td>2008/12/19</td>
239 |                                             <td>$90,560</td>
240 |                                         </tr>
241 |                                         <tr>
242 |                                             <td>Quinn Flynn</td>
243 |                                             <td>Support Lead</td>
244 |                                             <td>Edinburgh</td>
245 |                                             <td>22</td>
246 |                                             <td>2013/03/03</td>
247 |                                             <td>$342,000</td>
248 |                                         </tr>
249 |                                         <tr>
250 |                                             <td>Charde Marshall</td>
251 |                                             <td>Regional Director</td>
252 |                                             <td>San Francisco</td>
253 |                                             <td>36</td>
254 |                                             <td>2008/10/16</td>
255 |                                             <td>$470,600</td>
256 |                                         </tr>
257 |                                         <tr>
258 |                                             <td>Haley Kennedy</td>
259 |                                             <td>Senior Marketing Designer</td>
260 |                                             <td>London</td>
261 |                                             <td>43</td>
262 |                                             <td>2012/12/18</td>
263 |                                             <td>$313,500</td>
264 |                                         </tr>
265 |                                         <tr>
266 |                                             <td>Tatyana Fitzpatrick</td>
267 |                                             <td>Regional Director</td>
268 |                                             <td>London</td>
269 |                                             <td>19</td>
270 |                                             <td>2010/03/17</td>
271 |                                             <td>$385,750</td>
272 |                                         </tr>
273 |                                         <tr>
274 |                                             <td>Michael Silva</td>
275 |                                             <td>Marketing Designer</td>
276 |                                             <td>London</td>
277 |                                             <td>66</td>
278 |                                             <td>2012/11/27</td>
279 |                                             <td>$198,500</td>
280 |                                         </tr>
281 |                                         <tr>
282 |                                             <td>Paul Byrd</td>
283 |                                             <td>Chief Financial Officer (CFO)</td>
284 |                                             <td>New York</td>
285 |                                             <td>64</td>
286 |                                             <td>2010/06/09</td>
287 |                                             <td>$725,000</td>
288 |                                         </tr>
289 |                                         <tr>
290 |                                             <td>Gloria Little</td>
291 |                                             <td>Systems Administrator</td>
292 |                                             <td>New York</td>
293 |                                             <td>59</td>
294 |                                             <td>2009/04/10</td>
295 |                                             <td>$237,500</td>
296 |                                         </tr>
297 |                                         <tr>
298 |                                             <td>Bradley Greer</td>
299 |                                             <td>Software Engineer</td>
300 |                                             <td>London</td>
301 |                                             <td>41</td>
302 |                                             <td>2012/10/13</td>
303 |                                             <td>$132,000</td>
304 |                                         </tr>
305 |                                         <tr>
306 |                                             <td>Dai Rios</td>
307 |                                             <td>Personnel Lead</td>
308 |                                             <td>Edinburgh</td>
309 |                                             <td>35</td>
310 |                                             <td>2012/09/26</td>
311 |                                             <td>$217,500</td>
312 |                                         </tr>
313 |                                         <tr>
314 |                                             <td>Jenette Caldwell</td>
315 |                                             <td>Development Lead</td>
316 |                                             <td>New York</td>
317 |                                             <td>30</td>
318 |                                             <td>2011/09/03</td>
319 |                                             <td>$345,000</td>
320 |                                         </tr>
321 |                                         <tr>
322 |                                             <td>Yuri Berry</td>
323 |                                             <td>Chief Marketing Officer (CMO)</td>
324 |                                             <td>New York</td>
325 |                                             <td>40</td>
326 |                                             <td>2009/06/25</td>
327 |                                             <td>$675,000</td>
328 |                                         </tr>
329 |                                         <tr>
330 |                                             <td>Caesar Vance</td>
331 |                                             <td>Pre-Sales Support</td>
332 |                                             <td>New York</td>
333 |                                             <td>21</td>
334 |                                             <td>2011/12/12</td>
335 |                                             <td>$106,450</td>
336 |                                         </tr>
337 |                                         <tr>
338 |                                             <td>Doris Wilder</td>
339 |                                             <td>Sales Assistant</td>
340 |                                             <td>Sidney</td>
341 |                                             <td>23</td>
342 |                                             <td>2010/09/20</td>
343 |                                             <td>$85,600</td>
344 |                                         </tr>
345 |                                         <tr>
346 |                                             <td>Angelica Ramos</td>
347 |                                             <td>Chief Executive Officer (CEO)</td>
348 |                                             <td>London</td>
349 |                                             <td>47</td>
350 |                                             <td>2009/10/09</td>
351 |                                             <td>$1,200,000</td>
352 |                                         </tr>
353 |                                         <tr>
354 |                                             <td>Gavin Joyce</td>
355 |                                             <td>Developer</td>
356 |                                             <td>Edinburgh</td>
357 |                                             <td>42</td>
358 |                                             <td>2010/12/22</td>
359 |                                             <td>$92,575</td>
360 |                                         </tr>
361 |                                         <tr>
362 |                                             <td>Jennifer Chang</td>
363 |                                             <td>Regional Director</td>
364 |                                             <td>Singapore</td>
365 |                                             <td>28</td>
366 |                                             <td>2010/11/14</td>
367 |                                             <td>$357,650</td>
368 |                                         </tr>
369 |                                         <tr>
370 |                                             <td>Brenden Wagner</td>
371 |                                             <td>Software Engineer</td>
372 |                                             <td>San Francisco</td>
373 |                                             <td>28</td>
374 |                                             <td>2011/06/07</td>
375 |                                             <td>$206,850</td>
376 |                                         </tr>
377 |                                         <tr>
378 |                                             <td>Fiona Green</td>
379 |                                             <td>Chief Operating Officer (COO)</td>
380 |                                             <td>San Francisco</td>
381 |                                             <td>48</td>
382 |                                             <td>2010/03/11</td>
383 |                                             <td>$850,000</td>
384 |                                         </tr>
385 |                                         <tr>
386 |                                             <td>Shou Itou</td>
387 |                                             <td>Regional Marketing</td>
388 |                                             <td>Tokyo</td>
389 |                                             <td>20</td>
390 |                                             <td>2011/08/14</td>
391 |                                             <td>$163,000</td>
392 |                                         </tr>
393 |                                         <tr>
394 |                                             <td>Michelle House</td>
395 |                                             <td>Integration Specialist</td>
396 |                                             <td>Sidney</td>
397 |                                             <td>37</td>
398 |                                             <td>2011/06/02</td>
399 |                                             <td>$95,400</td>
400 |                                         </tr>
401 |                                         <tr>
402 |                                             <td>Suki Burks</td>
403 |                                             <td>Developer</td>
404 |                                             <td>London</td>
405 |                                             <td>53</td>
406 |                                             <td>2009/10/22</td>
407 |                                             <td>$114,500</td>
408 |                                         </tr>
409 |                                         <tr>
410 |                                             <td>Prescott Bartlett</td>
411 |                                             <td>Technical Author</td>
412 |                                             <td>London</td>
413 |                                             <td>27</td>
414 |                                             <td>2011/05/07</td>
415 |                                             <td>$145,000</td>
416 |                                         </tr>
417 |                                         <tr>
418 |                                             <td>Gavin Cortez</td>
419 |                                             <td>Team Leader</td>
420 |                                             <td>San Francisco</td>
421 |                                             <td>22</td>
422 |                                             <td>2008/10/26</td>
423 |                                             <td>$235,500</td>
424 |                                         </tr>
425 |                                         <tr>
426 |                                             <td>Martena Mccray</td>
427 |                                             <td>Post-Sales support</td>
428 |                                             <td>Edinburgh</td>
429 |                                             <td>46</td>
430 |                                             <td>2011/03/09</td>
431 |                                             <td>$324,050</td>
432 |                                         </tr>
433 |                                         <tr>
434 |                                             <td>Unity Butler</td>
435 |                                             <td>Marketing Designer</td>
436 |                                             <td>San Francisco</td>
437 |                                             <td>47</td>
438 |                                             <td>2009/12/09</td>
439 |                                             <td>$85,675</td>
440 |                                         </tr>
441 |                                         <tr>
442 |                                             <td>Howard Hatfield</td>
443 |                                             <td>Office Manager</td>
444 |                                             <td>San Francisco</td>
445 |                                             <td>51</td>
446 |                                             <td>2008/12/16</td>
447 |                                             <td>$164,500</td>
448 |                                         </tr>
449 |                                         <tr>
450 |                                             <td>Hope Fuentes</td>
451 |                                             <td>Secretary</td>
452 |                                             <td>San Francisco</td>
453 |                                             <td>41</td>
454 |                                             <td>2010/02/12</td>
455 |                                             <td>$109,850</td>
456 |                                         </tr>
457 |                                         <tr>
458 |                                             <td>Vivian Harrell</td>
459 |                                             <td>Financial Controller</td>
460 |                                             <td>San Francisco</td>
461 |                                             <td>62</td>
462 |                                             <td>2009/02/14</td>
463 |                                             <td>$452,500</td>
464 |                                         </tr>
465 |                                         <tr>
466 |                                             <td>Timothy Mooney</td>
467 |                                             <td>Office Manager</td>
468 |                                             <td>London</td>
469 |                                             <td>37</td>
470 |                                             <td>2008/12/11</td>
471 |                                             <td>$136,200</td>
472 |                                         </tr>
473 |                                         <tr>
474 |                                             <td>Jackson Bradshaw</td>
475 |                                             <td>Director</td>
476 |                                             <td>New York</td>
477 |                                             <td>65</td>
478 |                                             <td>2008/09/26</td>
479 |                                             <td>$645,750</td>
480 |                                         </tr>
481 |                                         <tr>
482 |                                             <td>Olivia Liang</td>
483 |                                             <td>Support Engineer</td>
484 |                                             <td>Singapore</td>
485 |                                             <td>64</td>
486 |                                             <td>2011/02/03</td>
487 |                                             <td>$234,500</td>
488 |                                         </tr>
489 |                                         <tr>
490 |                                             <td>Bruno Nash</td>
491 |                                             <td>Software Engineer</td>
492 |                                             <td>London</td>
493 |                                             <td>38</td>
494 |                                             <td>2011/05/03</td>
495 |                                             <td>$163,500</td>
496 |                                         </tr>
497 |                                         <tr>
498 |                                             <td>Sakura Yamamoto</td>
499 |                                             <td>Support Engineer</td>
500 |                                             <td>Tokyo</td>
501 |                                             <td>37</td>
502 |                                             <td>2009/08/19</td>
503 |                                             <td>$139,575</td>
504 |                                         </tr>
505 |                                         <tr>
506 |                                             <td>Thor Walton</td>
507 |                                             <td>Developer</td>
508 |                                             <td>New York</td>
509 |                                             <td>61</td>
510 |                                             <td>2013/08/11</td>
511 |                                             <td>$98,540</td>
512 |                                         </tr>
513 |                                         <tr>
514 |                                             <td>Finn Camacho</td>
515 |                                             <td>Support Engineer</td>
516 |                                             <td>San Francisco</td>
517 |                                             <td>47</td>
518 |                                             <td>2009/07/07</td>
519 |                                             <td>$87,500</td>
520 |                                         </tr>
521 |                                         <tr>
522 |                                             <td>Serge Baldwin</td>
523 |                                             <td>Data Coordinator</td>
524 |                                             <td>Singapore</td>
525 |                                             <td>64</td>
526 |                                             <td>2012/04/09</td>
527 |                                             <td>$138,575</td>
528 |                                         </tr>
529 |                                         <tr>
530 |                                             <td>Zenaida Frank</td>
531 |                                             <td>Software Engineer</td>
532 |                                             <td>New York</td>
533 |                                             <td>63</td>
534 |                                             <td>2010/01/04</td>
535 |                                             <td>$125,250</td>
536 |                                         </tr>
537 |                                         <tr>
538 |                                             <td>Zorita Serrano</td>
539 |                                             <td>Software Engineer</td>
540 |                                             <td>San Francisco</td>
541 |                                             <td>56</td>
542 |                                             <td>2012/06/01</td>
543 |                                             <td>$115,000</td>
544 |                                         </tr>
545 |                                         <tr>
546 |                                             <td>Jennifer Acosta</td>
547 |                                             <td>Junior Javascript Developer</td>
548 |                                             <td>Edinburgh</td>
549 |                                             <td>43</td>
550 |                                             <td>2013/02/01</td>
551 |                                             <td>$75,650</td>
552 |                                         </tr>
553 |                                         <tr>
554 |                                             <td>Cara Stevens</td>
555 |                                             <td>Sales Assistant</td>
556 |                                             <td>New York</td>
557 |                                             <td>46</td>
558 |                                             <td>2011/12/06</td>
559 |                                             <td>$145,600</td>
560 |                                         </tr>
561 |                                         <tr>
562 |                                             <td>Hermione Butler</td>
563 |                                             <td>Regional Director</td>
564 |                                             <td>London</td>
565 |                                             <td>47</td>
566 |                                             <td>2011/03/21</td>
567 |                                             <td>$356,250</td>
568 |                                         </tr>
569 |                                         <tr>
570 |                                             <td>Lael Greer</td>
571 |                                             <td>Systems Administrator</td>
572 |                                             <td>London</td>
573 |                                             <td>21</td>
574 |                                             <td>2009/02/27</td>
575 |                                             <td>$103,500</td>
576 |                                         </tr>
577 |                                         <tr>
578 |                                             <td>Jonas Alexander</td>
579 |                                             <td>Developer</td>
580 |                                             <td>San Francisco</td>
581 |                                             <td>30</td>
582 |                                             <td>2010/07/14</td>
583 |                                             <td>$86,500</td>
584 |                                         </tr>
585 |                                         <tr>
586 |                                             <td>Shad Decker</td>
587 |                                             <td>Regional Director</td>
588 |                                             <td>Edinburgh</td>
589 |                                             <td>51</td>
590 |                                             <td>2008/11/13</td>
591 |                                             <td>$183,000</td>
592 |                                         </tr>
593 |                                         <tr>
594 |                                             <td>Michael Bruce</td>
595 |                                             <td>Javascript Developer</td>
596 |                                             <td>Singapore</td>
597 |                                             <td>29</td>
598 |                                             <td>2011/06/27</td>
599 |                                             <td>$183,000</td>
600 |                                         </tr>
601 |                                         <tr>
602 |                                             <td>Donna Snider</td>
603 |                                             <td>Customer Support</td>
604 |                                             <td>New York</td>
605 |                                             <td>27</td>
606 |                                             <td>2011/01/25</td>
607 |                                             <td>$112,000</td>
608 |                                         </tr>
609 |                                     </tbody>
610 |                                 </table>
611 |                             </div>
612 |                         </div>
613 |                     </div>
614 |                 </main>
615 |                 <footer class="py-4 bg-light mt-auto">
616 |                     <div class="container-fluid px-4">
617 |                         <div class="d-flex align-items-center justify-content-between small">
618 |                             <div class="text-muted">Copyright &copy; Your Website 2023</div>
619 |                             <div>
620 |                                 <a href="#">Privacy Policy</a>
621 |                                 &middot;
622 |                                 <a href="#">Terms &amp; Conditions</a>
623 |                             </div>
624 |                         </div>
625 |                     </div>
626 |                 </footer>
627 |             </div>
628 |         </div>
629 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
630 |         <script src="js/scripts.js"></script>
631 |         <script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
632 |         <script src="js/datatables-simple-demo.js"></script>
633 |     </body>
634 | </html>
635 | 


--------------------------------------------------------------------------------