{% load static %}
{% load url %}
{% load humanize %}

<div>
    {% if challenge.challenge_type == 2 %}
        <div class="badge-info badge above-stretched-link text-wrap mt-1 p-2 text-white w-100"
             title="Algorithm submission challenge (Type 2)">
            <i class="fa fa-sm fa-code mr-1"></i> Algorithm submission challenge
        </div>
    {% endif %}

    <span class="badge {% if challenge.status.name == 'OPEN' %}badge-success {% elif challenge.status.name == 'OPENING_SOON' %} badge-warning {% else %} badge-danger {% endif %}mt-1 above-stretched-link text-wrap w-100 p-2" data-toggle="tooltip" data-placement="top"><i class="far fa-clock fa-fw"></i> {{ challenge.status_badge_string }}</span><br>

    {% if challenge.description %}
        <a href="#InfoModal"
           class="badge badge-dark above-stretched-link p-1 mt-1"
           data-toggle="modal"
           data-target="#InfoModal"
           data-title="{% firstof challenge.title challenge.short_name %}"
           data-description="{{ challenge.description }}"
           data-absolute-url="{{ challenge.get_absolute_url }}"
           title="Challenge Info">
            <i class="fas fa-info-circle fa-fw"></i>
        </a>
    {% endif %}

    {% if challenge.educational %}
        <span class="badge badge-dark above-stretched-link p-1 mt-1"
              title="This is an educational challenge">
                                            <i class="fas fa-university fa-fw"></i>
                                            </span>
    {% endif %}

    {% if challenge.cached_num_participants %}
        <span class="badge badge-dark above-stretched-link p-1 mt-1"
              title="{{ challenge.cached_num_participants }} participant{{ challenge.cached_num_participants|pluralize }}">
                                            <i class="fas fa-user fa-fw"></i>
                                            {{ challenge.cached_num_participants|intcomma }}
                                        </span>
    {% endif %}

    {% if challenge.cached_num_results %}
        {% with challenge.phase_set.first as phase %}
            <a class="badge badge-dark above-stretched-link p-1 mt-1"
               href="{% url 'evaluation:leaderboard' challenge_short_name=challenge.short_name slug=phase.slug %}"
               title="{{ challenge.cached_num_results }} result{{ challenge.cached_num_results|pluralize }}, latest {{ challenge.cached_latest_result|naturaltime }}">
                <i class="fas fa-trophy fa-fw"></i>
                {{ challenge.cached_num_results|intcomma }}
            </a>
        {% endwith %}
    {% endif %}

    {% if challenge.event_name %}
        <a class="badge badge-dark above-stretched-link text-wrap p-1 mt-1"
           href="{% firstof challenge.event_url challenge.get_absolute_url %}"
           title="Associated with {{ challenge.event_name }}">
            <i class="fas fa-globe fa-fw"></i>
            {{ challenge.event_name }}
        </a>
    {% endif %}

    {% for publication in challenge.publications.all %}
        <a class="badge badge-dark above-stretched-link p-1 mt-1"
           href="{{ publication.identifier.url }}"
           title="{{ publication.title }}">
            <i class="fas fa-file fa-fw"></i>&nbsp;Article
        </a>
    {% endfor %}

    {% if challenge.upcoming_workshop_date %}
        <a class="badge badge-dark above-stretched-link p-1 mt-1"
           href="{% firstof challenge.event_url challenge.get_absolute_url %}"
           title="There will be a workshop on {{ challenge.upcoming_workshop_date }}">
            <i class="fas fa-calendar-day fa-fw"></i>
            {{ challenge.upcoming_workshop_date }}
        </a>
    {% else %}
        <span class="badge badge-dark above-stretched-link p-1 mt-1"
              title="Held in {{ challenge.year }}">
                                                <i class="fas fa-calendar-day fa-fw"></i>
                                                {{ challenge.year }}
                                            </span>
    {% endif %}

</div>