{{define "partial:types-list"}}
<div id="types-list">
  {{ range .typesList }}
      <div class="menu-item">
        <div class="menu-item-action">
          <a class="button w3-hover-metro-dark-blue w3-medium" hx-on:click="bm_sidebar_click('main-sidebar')" hx-get="/item/create/{{ .Id }}" hx-push-url="true" hx-target="#page-content"><i class="bi bi-plus-square"></i></a>
        </div>
        <div class="menu-item-title">
            <a class="button w3-hover-metro-dark-blue w3-hover-round-large" hx-get="/items/type/{{.Id}}" hx-target="#page-content" hx-push-url="true" href="/items/type/{{.Id}}" hx-on:click="bm_sidebar_click('main-sidebar')">
            <i class="{{.Icon}}"></i> {{.Title}}
        </a>
      </div>
      </div>
    {{ end }}
  </div>
  {{ end }}