{% extends "base.html" %}
{% load url %}
{% load profiles %}
{% 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">Submissions</li>
    </ol>
{% endblock %}

{% block topbar2 %}
    {% if "change_challenge" in challenge_perms or user_is_participant %}
        {% include "evaluation/partials/phase_navbar.html" with submission_nav=True %}
    {% endif %}
{% endblock %}

{% block content %}

    <h2>Submissions</h2>

    {% if not challenge.visible_phases %}
        <div class="alert alert-danger">There are no active submission phases for this challenge.</div>
    {% endif %}

    <div class="table-responsive">
        <table class="table sortable table-hover table-borderless table-sm" id="submissionsTable">
            <thead class="thead-light">
            <tr>
                <th>Created</th>
                <th>Phase</th>
                <th>User</th>
                <th>Comment</th>
                <th>Evaluations</th>
            </tr>
            </thead>
            <tbody>
            {% for submission in object_list %}
                <tr>
                    <td data-order="{{ submission.created|date:"U" }}">{{ submission.created }}</td>
                    <td>{{ submission.phase.title }}</td>
                    <td>
                        {{ submission.creator|user_profile_link }}
                    </td>
                    <td>{{ submission.comment }}</td>
                    <td>
                        <ul class="list-unstyled">
                            {% for evaluation in submission.evaluation_set.all %}
                                <li>
                                    <span class="badge badge-{{ evaluation.status_context }}">
                                    {% if evaluation.animate %}
                                        <span class="spinner-border spinner-border-sm" role="status"
                                              aria-hidden="true"></span>
                                    {% endif %}
                                    {{ evaluation.get_status_display }}
                                    </span>
                                    {% if evaluation.status == evaluation.SUCCESS %}
                                        {% if evaluation.published %}
                                            <a href="{{ evaluation.get_absolute_url }}">Result</a>
                                        {% else %}
                                            Evaluation is under review by the challenge admins.
                                        {% endif %}
                                    {% elif evaluation.status == evaluation.FAILURE %}
                                        {% firstof evaluation.error_message evaluation.get_status_display %}
                                    {% endif %}
                                </li>
                            {% empty %}
                                <li>
                                    {% if submission.user_upload and not submission.predictions_file %}
                                        <span class="badge badge-info">Preparing</span>
                                    {% endif %}
                                </li>
                            {% endfor %}
                        </ul>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block script %}
    {{ block.super }}

    <script type="module" src="{% static "js/evaluation/submissions_table.mjs" %}"></script>

{% endblock %}