{% extends "base.html" %}
{% load url %}
{% load static %}


{% block title %}
    Challenges - {{ block.super }}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-xl-8 col-lg-7 col-md-6 mb-3">
            <a class="btn btn-primary"
               href="{% url 'challenges:requests-create' %}"
               title="Host your own challenge">
                <i class="fas fa-plus mr-1"></i> Host your own Challenge
            </a>
        </div>
        <div class="col-xl-4 col-lg-5 col-md-6 mb-3 text-md-right">
            {% if perms.challenges.change_challengerequest %}
                <a class="btn btn-primary"
                   href="{% url 'challenges:requests-list' %}">
                   <i class="fas fa-question mr-1"></i>
                    Challenge Requests</a>
            {% endif %}
        </div>
    </div>
    {% include "grandchallenge/partials/filters.html" with filter=filter filters_applied=filters_applied %}

    {% include "grandchallenge/partials/cards.html" with page_obj=page_obj %}

    {% include "grandchallenge/partials/pagination.html" %}

    {% include "grandchallenge/partials/cards_info_modal.html" %}

{% endblock %}

{% block script %}
    {{ block.super }}
    <script src="{% static "js/cards_info_modal.js" %}"></script>
{% endblock %}