{% extends "_default/base.html" %}
{% block content %}


<div class="container mx-auto">
    {% include "partials/filter_bar.html" %}
    
    <div class="text-center main-title px-0 md:w-full">
      <h1
        class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
      >
      {%- set section = get_section(path="people/_index.md") %}

      {% set path_array = current_path | split(pat="/") %}
      {% set taxonomy = path_array[1] %}
      {% set category = path_array[2] %}
        {{category | replace(from='-', to=' ' ) | title}}
      </h1>
      <div>
        <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-4 lg:max-w-none">
          {% for person in section.pages %} 
            {% set page_path = person.path ~ 'index.md' | replace(from='-', to='_') | trim_start_matches(pat="/") %}
            {% set people = get_section(path="people/_index.md") %}
            {% set pages_str = people.pages | json_encode() | as_str %}
            {% if pages_str is containing(person.title) %}
                {% set page = get_page(path=page_path) %}
                {% if page.extra.private >= 0 %}
                {% if page.title != "ThreeFold_Community"%}
                    {% include "partials/person_card.html" %}
                {% endif %}
                {% endif %}
            {% endif %}
        {% endfor %}
        </div>
        <hr class="mt-6" />
        <p class="text-center text-sm mt-2 mb-16">
          {% if paginator.previous %}
          <a
            class="border-transparent"
            aria-label="First page"
            href="{{ paginator.first }}"
            >{% include "partials/icons/svgPrevPageIcon.html" %}{% include
            "partials/icons/svgPrevPageIcon.html" %}</a
          >
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <a
            class="border-transparent"
            aria-label="Previous page"
            href="{{ paginator.previous }}"
            >{% include "partials/icons/svgPrevPageIcon.html" %}</a
          >
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {%
          include "partials/icons/svgFirstPageIcon.html" %}{% include
          "partials/icons/svgFirstPageIcon.html" %}
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
          "partials/icons/svgFirstPageIcon.html" %}
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if
          paginator.next %}
          <a
            class="border-transparent"
            aria-label="Next page"
            href="{{ paginator.next }}"
            >{% include "partials/icons/svgNextPageIcon.html" %}</a
          >
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <a
            class="border-transparent"
            aria-label="Last page"
            href="{{ paginator.last }}"
            >{% include "partials/icons/svgNextPageIcon.html" %}{% include
            "partials/icons/svgNextPageIcon.html" %}</a
          >
          {% else %} {% include "partials/icons/svgLastPageIcon.html" %}
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
          "partials/icons/svgLastPageIcon.html" %}{% include
          "partials/icons/svgLastPageIcon.html" %} {% endif %}
        </p>
      </div>
    </div>
</div>

{% endblock content %}