{% macro filter_group(name, label, values, taxonomy) %}
<fieldset>
  <legend>{{ label }} <button type="button" data-toggle="{{ name }}" data-group="{{ label }}" aria-label="Unselect all {{ label }}">Unselect all</button></legend>
  {% set tax = get_taxonomy(kind=taxonomy) %}
  {% for term in tax.items | sort(attribute="name") %}
    {% if term.name in values %}
    <label>
      <input type="checkbox" name="{{ name }}" value="{{ term.name }}" data-filter checked> {{ term.name }}
      <a class="filter-link" href="{{ term.permalink }}" aria-label="Browse all {{ term.pages | length }} {{ term.name }} spaces">({{ term.pages | length }})</a>
    </label>
    {% endif %}
  {% endfor %}
</fieldset>
{% endmacro %}

{% macro filters(pages, current_taxonomy) %}
  {% if current_taxonomy != "categories" %}
    {% set_global cat_set = [] %}
    {% for page in pages %}
      {% for c in page.taxonomies.categories %}
        {% if c not in cat_set %}
          {% set_global cat_set = cat_set | concat(with=c) %}
        {% endif %}
      {% endfor %}
    {% endfor %}
    {{ self::filter_group(name="category", label="Categories", values=cat_set, taxonomy="categories") }}
  {% endif %}

  {% if current_taxonomy != "states" %}
    {% set_global state_set = [] %}
    {% for page in pages %}
      {% for s in page.taxonomies.states %}
        {% if s not in state_set %}
          {% set_global state_set = state_set | concat(with=s) %}
        {% endif %}
      {% endfor %}
    {% endfor %}
    {{ self::filter_group(name="state", label="States", values=state_set, taxonomy="states") }}
  {% endif %}

  {% if current_taxonomy != "cities" %}
    {% set_global city_set = [] %}
    {% for page in pages %}
      {% for c in page.taxonomies.cities %}
        {% if c not in city_set %}
          {% set_global city_set = city_set | concat(with=c) %}
        {% endif %}
      {% endfor %}
    {% endfor %}
    {{ self::filter_group(name="city", label="Cities", values=city_set, taxonomy="cities") }}
  {% endif %}
{% endmacro %}

{% macro sidebar(pages, current_taxonomy) %}
  <button type="button" class="filter-toggle" id="filter-toggle" aria-expanded="false" aria-controls="filter-groups">Show filters</button>
  <button type="button" class="map-toggle" id="map-toggle" aria-expanded="false" aria-controls="map">Show map</button>
  <div class="filter-groups" id="filter-groups">
  <div class="search" role="search">
    <input type="search" id="search" placeholder="Search spaces..." aria-label="Search spaces">
  </div>
  <label class="show-map-toggle"><input type="checkbox" id="show-map" checked> Show map</label>
  {{ self::filters(pages=pages, current_taxonomy=current_taxonomy) }}
  <footer class="sidebar-footer">
    <p><a href="{{ get_url(path='spaces.csv') }}">Download data (CSV)</a><br /><a class="light" href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> License</p>
    <p>Maintained by <a class="light" href="https://samagata.org">Samagata Foundation</a></p>
  </footer>
  </div>
{% endmacro %}

{% macro results(pages) %}
  <h3 class="count" aria-live="polite"><span id="count">{{ pages | length }}</span> space(s)</h3>
  {% for page in pages %}
  <article data-space
    data-state="{{ page.taxonomies.states | first }}"
    data-city="{{ page.taxonomies.cities | first }}"
    data-categories="{{ page.taxonomies.categories | join(sep=',') }}"
    data-lat="{{ page.extra.lat }}"
    data-lng="{{ page.extra.lng }}"
    data-name="{{ page.title }}"
    data-address="{{ page.extra.address | default(value='') }}{% if page.extra.pincode %}, {{ page.extra.pincode }}{% endif %}"
    {% if page.extra.city_aliases %}data-city-aliases="{{ page.extra.city_aliases | join(sep=',') | lower }}"{% endif %}
  >
    <h3><a href="{{ page.permalink }}">{{ page.title }}</a></h3>
    <p class="meta">
      <span class="meta-categories">{% for cat in page.taxonomies.categories %}<a class="light" href="{{ get_taxonomy_url(kind='categories', name=cat) }}">{{ cat }}</a>{% if not loop.last %}, {% endif %}{% endfor %}</span>
    </p>
    {{ page.content | safe }}
    {% if page.extra.address %}<p class="address">{{ page.extra.address }}{% if page.extra.pincode %}, {{ page.extra.pincode }}{% endif %}<span class="meta-location"><a class="light" href="{{ get_taxonomy_url(kind='cities', name=page.taxonomies.cities | first) }}">{{ page.taxonomies.cities | first }}</a>, <a class="light" href="{{ get_taxonomy_url(kind='states', name=page.taxonomies.states | first) }}">{{ page.taxonomies.states | first }}</a></span></p>{% endif %}
  </article>
  {% endfor %}
{% endmacro %}