{% extends "pages/challenge_settings_base.html" %}
{% load url %}
{% load static %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a
                href="{% url 'challenges:list' %}">Challenges</a>
        </li>
        <li class="breadcrumb-item"><a
                href="{{ challenge.get_absolute_url }}">{% firstof challenge.title challenge.short_name %}</a></li>
        <li class="breadcrumb-item active"
            aria-current="page">Evaluation Methods for {{ phase.title }}</li>
    </ol>
{% endblock %}

{% block content %}

    <h2>Evaluation Methods for {{ phase.title }}</h2>

    {% include "evaluation/partials/phase_closed_warning.html" with phase=phase %}

    <p>
        <a class="btn btn-primary"
           href="{% url 'evaluation:method-create' challenge_short_name=challenge.short_name slug=phase.slug %}">
            <i class="fas fa-plus"></i> Add a new method
        </a>
    </p>

    <div class="table-responsive">
        <table class="table table-hover table-borderless table-sm" id="methodsTable">
            <thead class="thead-light">
            <tr>
                <th class="nonSortable"></th>
                <th class="nonSortable">Active</th>
                <th>Created</th>
                <th>Uploaded by</th>
                <th>Comment</th>
                <th class="nonSortable">Status</th>
            </tr>
            </thead>
            <tbody>
            {% for method in object_list %}
                <tr>
                    <td>
                        <a href="{{ method.get_absolute_url }}"><i class="fa fa-eye"></i></a>
                    </td>
                    <td class="d-flex justify-content-center">{% if method.is_desired_version %}<i class="fa fa-check-circle text-success pt-1"></i>{% else %}<i class="fas fa-times-circle text-danger pt-1"></i>{% endif %}</td>
                    <td data-order="{{ method.created|date:"U" }}">{{ method.created }}</td>
                    <td><a
                            href="{% url 'profile-detail' method.creator.username %}">{{ method.creator }}</a>
                    </td>
                    <td>{{ method.comment }}</td>
                    <td>{{ method.status }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block script %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'js/evaluation/methods_table.js' %}"></script>
{% endblock %}