{%- assign contributors = site.data.CONTRIBUTORS %}
{%- assign nr = include.nr | default: 5 %}
{%- if include.custom %}
{%- assign allcontributors = include.custom | split: ", " | sort %}
{%- else %}
{%- for page in site.pages %}
{%- if page.contributors and page.search_exclude != true %}
{%- 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 %}
{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
{%- endfor %}
{%- assign allcontributors = allcontrstr | split: ", " | uniq | sort %}
{%- endif  %}
<div id="contributors-carousel" class="carousel carousel-dark slide my-4" data-ride="carousel" data-bs-interval="7000">
    <div class="carousel-inner">
        {%- assign counter = 0 %}
        {%- for contributor in allcontributors %}
        {%- capture modulo %}{{ counter | modulo:nr }}{% endcapture %}
        {%- if modulo == '0' or counter == 0 %}
        {%- if counter != 0 %}
            </div>
        </div>
        {%- endif %}
        <div class="carousel-item {% if counter == 0 %}active{% endif %}">
            <div class="row row-cols-5 contributor-cards g-1 g-sm-4 ">
        {%- endif %}
                <div class="col">
                    <div class="card h-100">
                    {%- assign id = contributors[contributor].git | default: 'no_github' %}
                    <div>
                        {%- if contributors[contributor].image_url %}
                        <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
                        {%- else %}
                        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
                        {%- 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">
                            {%- if contributors[contributor].git %}
                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fab fa-github"></i></a></div>
                            {%- endif %}
                            {%- if contributors[contributor].email %}
                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fas fa-envelope"></i></a></div>
                            {%- endif %}
                            {%- if contributors[contributor].orcid %}
                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fab fa-orcid"></i></a></div>
                            {%- endif %}
                        </div>
                    </div>
                    {%- endif %}
                    </div>
                </div>
            {%- assign counter = counter | plus:1 %}
            {%- if forloop.last %}
            </div>
            {%- endif %}
            {%- endfor %}
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#contributors-carousel"  data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#contributors-carousel"  data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>