{%- assign contributors = site.data.CONTRIBUTORS %}
{%- assign nr = include.col | default: 5 %}
{%- if include.custom %}
{%- assign allcontrstr = include.custom %}
{%- elsif include.role %}
{%- assign rolefilter =  include.role | downcase %}
{%- for contr in contributors %}
{%- assign contrrole = contr[1]['role'] | downcase %}
{%- if include.role == contrrole %}
{%- if allcontrstr %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
{%- else %}
{%- assign allcontrstr = allcontrstr | append: contr[0] %}
{%- endif %}
{%- endif %}
{%- endfor %}
{%- else %}
{%- for page in site.pages %}
{%- if page.contributors and page.search_exclude != true and page.contributors.size != 0 %}
{%- assign pagecontr = page.contributors | join: ", " %}
{%- if allcontrstr %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
{%- else %}
{%- assign allcontrstr = allcontrstr | append: pagecontr %}
{%- endif %}
{%- endif %}
{%- endfor %}
{%- for contr in contributors %}
{%- if allcontrstr %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
{%- else %}
{%- assign allcontrstr = allcontrstr | append: contr[0] %}
{%- endif %}
{%- endfor %}
{%- endif %}
{%- assign allcontributors = allcontrstr | split: ", " | uniq %}
{%- unless include.sort == false %}
{%- assign allcontributors = allcontributors | sort %}
{%- endunless %}
<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-xl-{{nr}} g-4 contributor-cards mb-4">
  {%- for contributor in allcontributors %}
  <div class="col">
    <div class="card h-100">
      {%- assign id = contributors[contributor].git | default: 'no_github' %}
      <div class="position-relative">
        {%- if contributors[contributor].image_url %}
        <div class="p-3">
          <div class="ratio ratio-1x1">
            <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
            </div>
          </div>
        </div>
        {%- else %}
        {%- if contributors[contributor].git %}
        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
        {%- else %}
        <div class="p-3">
          <div class="ratio ratio-1x1">
            <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center">
              {%- assign contr_name = contributor | split: " " %}
              {%- assign initials = "" %}
              {%- for name in contr_name %}
                  {%- assign initial = name | slice: 0,1 | capitalize %}
                  {%- assign initials = initials | append: initial %}
              {%- endfor %}
              <span class="fs-2 fw-bold">{{ initials }}</span>
            </div>
          </div>
        </div>
        {%- endif %}
        {%- endif %}
        {%- if contributors[contributor].role %}
        <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
        {%- endif %}
      </div>
      <div class="card-body text-center py-0">
        <p class="card-title">{{ contributor }}</p>
        {%- if contributors[contributor].affiliation %}
        <p class="card-affiliation">{{ contributors[contributor].affiliation }}</p>
        {%- endif %}
      </div>
      {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
      <div class="card-footer">
        <div class="d-flex justify-content-center gap-2">
          {%- if contributors[contributor].git %}
          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a>
          {%- endif %}
          {%- if contributors[contributor].email %}
          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a>
          {%- endif %}
          {%- if contributors[contributor].orcid %}
          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a>
          {%- endif %}
        </div>
      </div>
      {%- endif %}
    </div>
  </div>
  {%- endfor %}
</div>