{{ define "devicetoolbar" }}
<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 id="deviceaddbutton" onclick="onFillAddDeviceModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#addDeviceModal"><i class="icon-add"></i>Add</span>
        </li>
        <li>
          <span id="deviceupdatebutton" onclick="onFillUpdateDeviceModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#updateDeviceModal"><i class="icon-edit"></i>Edit</span>
        </li>
        <li>
          <span id="devicedeletebutton" onclick="onFillRemoveDeviceModal()" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#deleteDeviceModal"><i class="icon-delete"></i> Delete</span>
        </li>
        <li>
          <span id="deviceimportbutton" onclick="onImportSystemDevices()" class="btn btn-nav-icon-text" data-bs-toggle="modal" ><i class="icon-import"></i> Import</span>
        </li>
        <li>
          <span id="deviceexportbutton" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#exportDeviceModal"><i class="icon-export"></i> Export</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="deviceFilterInput" oninput="onDeviceFilterTextBoxChanged()">
        <span><i class="icon-filter"></i></span>
      </form>
    </div>
  </div>
</nav>
{{ end }}