{{ define "widgettoolbar" }}
<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="onFillAddWidgetModal();" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#addWidgetModal"><i class="icon-add"></i>Add</span>
        </li>
        <li>
          <span onclick="onFillUpdateWidgetModal();" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#updateWidgetModal"><i class="icon-edit"></i>Edit</span>
        </li>
        <li>
          <span onclick="onFillDeleteWidgetModal();" class="btn btn-nav-icon-text" data-bs-toggle="modal" data-bs-target="#deleteWidgetModal"><i class="icon-delete"></i> Delete</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="widgetFilterInput" oninput="onWidgetFilterTextBoxChanged();">
        <span><i class="icon-filter"></i></span>
      </form>
    </div>
  </div>
</nav>
{{ end }}