{% from "_macros.html" import icon %}
{#
  What `@` offers. Two sources, one list, because somebody typing `@readme` is
  not thinking about which store the answer is in.

  Swapped in whole on every keystroke, like the knowledge picker: the library
  is searched with FTS rather than filtered in the browser, and the project
  half is filtered beside it so the client stays one fetch and a list.

  Every name here came off somebody's filesystem or out of their library, so
  all of it is escaped by autoescaping and none of it is marked safe.
#}
<div id="mention-results">
  {% if not files and not documents %}
  <p class="muted text-sm" style="padding: var(--sp-3)">
    {% if q %}
      Nothing matches “{{ q }}”.
    {% else %}
      Nothing to mention yet.
    {% endif %}
  </p>
  {% else %}

  {% if files %}
  <p class="picker__group">In the project</p>
  <ul class="picker__list">
    {% for file in files %}
    <li>
      <button class="picker__option" type="button"
              data-mention-file="{{ file.path }}" data-mention-token="{{ file.path }}">
        {{ icon("folder" if file.path.endswith("/") else "file-text", "icon--sm") }}
        <span class="picker__option-body">
          <span class="picker__option-name">{{ file.name }}</span>
          <span class="picker__option-note mono">{{ file.path }}</span>
        </span>
      </button>
    </li>
    {% endfor %}
  </ul>
  {% endif %}

  {% if documents %}
  <p class="picker__group">In your library</p>
  <ul class="picker__list">
    {% for document in documents %}
    <li>
      <button class="picker__option" type="button"
              data-mention-knowledge="{{ document.id }}"
              data-mention-token="{{ document.title }}">
        {{ icon("image" if document.is_image else "archive", "icon--sm") }}
        <span class="picker__option-body">
          <span class="picker__option-name">{{ document.title }}</span>
          <span class="picker__option-note">
            {% if document.base %}{{ document.base.name }} · {% endif %}{{ document.kind }}
            {%- if document.owner_id != user.id %} · shared{% endif %}
          </span>
        </span>
      </button>
    </li>
    {% endfor %}
  </ul>
  {% endif %}

  {% endif %}
</div>