{% extends 'layouts/base.njk' %}

{% set teamListItems = collections.members %}

{% block content %}
  <main id="main-content" tabindex="-1">
    <div class="[ wrapper ]">
      <h1 class="[ member-list__heading ]">{{ teamListHeading }}</h1>
      {{ content | safe }}
      <div class="search-bar">
        <label for="site-search">Rechercher par mots-clés :</label>
        <input type="search" id="searchInput" name="q" aria-label="Filtrer par mots-clés" oninput="doSearch()" placeholder="dev, linux, ...">
      </div>
      <ul class="tag-list mt-3" id="tagList">
        {% for skill in collections.skillsList %}
          <li class="tag-item visually-hidden"><a href="/equipe/{{ skill }}">{{ skill }}</a></li>
        {% endfor %}
      </ul>
    </div>
    {% include "partials/components/member-list.njk" %}
    {% include "partials/components/map.njk" %}
    {% include "partials/components/contact-form.njk" %}
  </main>

{% endblock %}
