<!DOCTYPE html>
<!-- Designined by CodingLab | www.youtube.com/codinglabyt -->
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <title> Drop Down Sidebar Menu | CodingLab </title>
    <link rel="stylesheet" href="view/style.css">
    <!-- Boxiocns CDN Link -->
    <link rel="stylesheet" type="text/css" href="style/bootstrap.css">
    <link href="assets/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
<body>
  <div class="sidebar close">
    <div class="logo-details">
      <img src="image/logo.png" alt="">
      <span class="logo_name">PT. Indo Tirta Abadi</span>
    </div>
    <ul class="nav-links">
      <li>
        <a href="#">
          <i class='bi bi-window-sidebar' ></i>
          <span class="link_name">Dashboard</span>
        </a>
        <ul class="sub-menu blank">
          <li><a class="link_name" href="#">Dashboard</a></li>
        </ul>
      </li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bi bi-box-seam' ></i>
            <span class="link_name">Produksi</span>
          </a>
          <i class='bi bi-caret-down arrow' ></i>
        </div>
        <ul class="sub-menu">
          <li><a href="#">Planning</a></li>
          <li><a href="#">Material</a></li>
          <li><a href="index.php?switch=product">Product</a></li>
          <li><a href="#">S T P J</a></li>
        </ul>
      </li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bi bi-truck' ></i>
            <span class="link_name">Pengiriman</span>
          </a>
          <i class='bi bi-caret-down arrow' ></i>
        </div>
        <ul class="sub-menu">
          <li><a href="index.php?switch=customer">Customers</a></li>
          <li><a href="index.php?switch=ho">Head Officers</a></li>
          <li><a href="#">Delivery</a></li>
          <li><a href="#">Expedisi</a></li>
          <li><a href="#">Logistik</a></li>
        </ul>
      </li>
      <li>
        <a href="#">
          <i class='bi bi-gear' ></i>
          <span class="link_name">Mesin</span>
        </a>
        <ul class="sub-menu blank">
          <li><a class="link_name" href="#">Mesin</a></li>
        </ul>
      </li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bi bi-bookmark-star' ></i>
            <span class="link_name">PO</span>
          </a>
          <i class='bi bi-caret-down arrow' ></i>
        </div>
        <ul class="sub-menu">
          <li><a href="index.php?switch=po_tbl">PO Baru</a></li>
          <li><a href="index.php?switch=detail_po">Rincian PO</a></li>
          <li><a href="#">Balance PO</a></li>
        </ul>
      </li>
      <li>
        <a href="#">
          <i class='bi bi-arrow-left-right' ></i>
          <span class="link_name">S M R</span>
        </a>
        <ul class="sub-menu blank">
          <li><a class="link_name" href="#">S M R</a></li>
        </ul>
      </li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bi bi-cash-coin' ></i>
            <span class="link_name">Purchasing</span>
          </a>
          <i class='bi bi-caret-down arrow' ></i>
        </div>
        <ul class="sub-menu">
          <li><a href="#">Purchasing</a></li>
          <li><a href="#">Patty Cash</a></li>
          <li><a href="#">Solar</a></li>
        </ul>
      </li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bi bi-tools' ></i>
            <span class="link_name">Others</span>
          </a>
          <i class='bi bi-caret-down arrow' ></i>
        </div>
        <ul class="sub-menu">
          <li><a href="#">DN Asli</a></li>
          <li><a href="#">Invoice</a></li>
          <li><a href="#">Serah Terima Resin</a></li>
          <li><a href="#">Stok On Hand</a></li>
          <li><a href="#">Return Packaging</a></li>
        </ul>
      </li>
      <li>
    <div class="profile-details">
      <div class="profile-content">
        <img src="image/profile.jpg" alt="profileImg">
      </div>
      <div class="name-job">
        <div class="profile_name">M Wildan</div>
        <div class="job">1394</div>
      </div>
      <i class='bx bx-log-out' ></i>
    </div>
  </li>
</ul>
  </div>
  <section class="home-section">
    <div class="home-content">
      
      <i class='bi bi-list bx-menu' ></i>
      <span class="text">WAREHOUSE GPL</span>
    </div>

  <script src="view/scriptdd.js"></script>
	<script type="text/javascript" src="style/jquery.js"></script>
	<script type="text/javascript" src="style/bootstrap.js"></script>	
</body>
</html>
