order.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="./style.css" />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap"
    rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.0.0-alpha.1/axios.min.js"
    integrity="sha512-xIPqqrfvUAc/Cspuj7Bq0UtHNo/5qkdyngx6Vwt+tmbvTLDszzXM0G6c91LXmGrRx8KEPulT+AfOOez+TeVylg=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <style>
    #orders {
      color: #20b883;
      border-bottom: 3px solid #20b883;
    }
    /* .checkbox input{
          color: blue;

    } */
 
  </style>
  <title>Web App</title>
</head>

<body>
  <div class="Topbar_Topbar">
    <div class="Topbar_LogoWrapper">
      <img src="./logo.png" alt="logo" />
    
    </div>
    <nav>
      <a href="orders.html" id="orders">Orders</a>
      <a href="product.html">Products</a>
      <a href="user.html">Users</a>
    </nav>
    <p id="logout" onclick="logOut()">Logout</p>
  </div>

  <div class="maincontainer">
    <h1>Orders</h1>
    <div class="Homepageorders">
      <div id="filters">
        <p id="filtxt">Filters</p>
        <p id="count">Count:0</p>
        
        <div>
          <p>
            <label class="checkbox"><input type="checkbox" name="orders" value="New" checked
                onclick="getUsers()" />New</label>
          </p>
          <p>
            <label class="checkbox"><input type="checkbox" name="orders" value="Packed" checked
                onclick="getUsers()" />Packed</label>
          </p>
          <p>
            <label class="checkbox"><input type="checkbox" name="orders" value="InTransit" checked
                onclick="getUsers()" />InTransit</label>
          </p>
          <p>
            <label class="checkbox"><input type="checkbox" name="orders" value="Delivered" checked
                onclick="getUsers()" />Delievered</label>
          </p>
        </div>
      </div>

      <table class="Homepage_OrderTable">
        <tr>
          <th>ID</th>
          <th>Customer</th>
          <th>Date</th>
          <th>Amount</th>
          <th>Status</th>
        </tr>

        <tbody id="mytabledata">
          <tr></tr>
        </tbody>
      </table>
    </div>
  </div>

  <script src="./order.js"></script>

</body>

</html>