{{ define "echoes" }}

<!--
    Echoes list component

    Usage:

    { template "echoes" . }
  -->

<div class="hideit echo">
  {{ range .Echoes }}

  <a
    style="text-decoration:none;"
    href="/echo/{{ .Name }}/page/1">
    <div class="card echo-card dynamic-echo dynamic-opacity-95 mb-1 mt-1 p-1 shadow">

      <div class="card-title">

        <strong class="text-link">
          {{ .Name }}
        </strong>

        <div class="card-subtitle text-white-50">
          <span>{{ .Docs }} messages</span>
        </div>

      </div>

    </div>
  </a>

  {{ end }}
</div>

{{ end }}