{{- $isHome := .IsHome -}}

<div class="dock" data-dock>
  <div class="dock-inner">
    <!-- Actions panel -->
    <div class="dock-panel" data-dock-panel>
      {{ if not $isHome }}
      <!-- Back -->
      <button
        type="button"
        class="dock-action"
        data-dock-action="back"
        aria-label="Go back"
      >
        <i class="fa-solid fa-arrow-left text-[0.7rem]"></i>
      </button>
      <span class="dock-divider" aria-hidden="true"></span>
      {{ end }}

      <!-- Search -->
      <button
        type="button"
        class="dock-action"
        data-dock-action="search"
        aria-label="Search"
        onclick="window.MinimalSearch && window.MinimalSearch.open()"
      >
        <i class="fa-solid fa-magnifying-glass text-[0.7rem]"></i>
      </button>

      <!-- Divider -->
      <span class="dock-divider" aria-hidden="true"></span>

      <!-- Back to top -->
      <button
        type="button"
        class="dock-action"
        data-dock-action="top"
        aria-label="Back to top"
      >
        <i class="fa-solid fa-arrow-up text-[0.7rem]"></i>
      </button>
    </div>

    <!-- Toggle -->
    <button
      type="button"
      class="dock-toggle"
      aria-label="Open quick actions"
      data-dock-toggle
    >
      <span class="dock-toggle-dots"></span>
    </button>
  </div>
</div>