{{ define "producttoolbar" }}
<nav class="navbar navbar-expand-md">
  <div class="container-fluid">
    <span class=" btn btn-nav-icon-text navbar-toggler" role="button" data-bs-toggle="collapse" data-bs-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
      <i class="icon-menu"></i>Menu
    </span>
    <div class="collapse navbar-collapse" id="navbarToggler">
      <ul class="navbar-nav me-auto mb-lg-0">
        <li>
          <span onclick="onFillAddProductModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#addProductModal"><i class="icon-add"></i>Add</span>
        </li>
        <li>
          <span onclick="onFillUpdateProductModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#updateProductModal"><i class="icon-edit"></i>Edit</span>
        </li>
        <li>
          <span id="productdeletebutton" onclick="onFillDeleteProductModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#deleteProductModal"><i class="icon-delete"></i> Delete</span>
        </li>
        <li>
          <span id="productimportbutton" onclick="onImportProductCatalog()" class="btn btn-nav-icon-text" data-bs-toggle="modal" ><i class="icon-import"></i> Import</span>
        </li>
        <li>
          <span><i class="icon-separator"></i></span>
        </li>
      </ul>
      <form class="d-flex">
        <input class="form-control rounded-0" type="search" placeholder="Filter" aria-label="Filter" id="productFilterInput" oninput="onProductFilterTextBoxChanged()">
        <span><i class="icon-filter"></i></span>
      </form>
    </div>
  </div>
</nav>
{{ end }}