{{define "panel_search"}}
<div class="panel-content p-3">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb mb-2">
      <li class="breadcrumb-item"><a href="#" class="breadcrumb-link" data-type="root">Inventory</a></li>
      <li class="breadcrumb-item active">Search: "{{.Query}}"</li>
    </ol>
  </nav>

  <h5 class="mb-3">{{len .Results}} result(s) for "{{.Query}}"</h5>

  {{if .Results}}
  <div class="list-group">
    {{range .Results}}
    <a href="#" class="list-group-item list-group-item-action asset-link" data-id="{{.ID}}">
      <div class="d-flex align-items-center">
        <i class="bi {{iconOr .ItemTypeIcon "bi-box-seam"}} me-2 fs-5 text-body-secondary"></i>
        <div>
          <div class="fw-semibold">{{.AssetTag}} &mdash; {{.Name}}</div>
          <div class="text-body-secondary small">
            Inventory{{range .FolderPath}} / {{.Name}}{{end}}
          </div>
        </div>
        <span class="badge text-bg-{{.StatusColor}} ms-auto">{{.StatusName}}</span>
      </div>
    </a>
    {{end}}
  </div>
  {{else}}
  <p class="text-body-secondary">No matches found.</p>
  {{end}}
</div>
{{end}}