{% load i18n %}

<h2>{{ cell.title }}</h2>

<form action="{% firstof toodego_territoires_url '/territoires/' %}">
  <label class="sr-only" for="combo-search-input-{{ cell.pk }}">{% trans "Search" %}</label>
  <input type="search" name="services-q" autocomplete="off" id="combo-search-input-{{ cell.pk }}" class="combo-search-input"
    placeholder="Un service, une démarche…">
  <button class="submit-button combo-search--button" aria-label="Rechercher">
    <span class="combo-search--button-label">Rechercher</span>
  </button>
</form>

<div class="suggestions">
  <p>Suggestions de recherche :</p>
  {% for link in links %}
    <a class="suggestion" href="{{ link.url }}" title="Rechercher les services en lien avec « {{ link.title }} »">{{ link.title }}</a>
  {% endfor %}
</div>