{% extends "base.html" %}
{% load url %}
{% load humanize %}
{% 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">
            <a href="{% url 'evaluation:submission-list' challenge_short_name=challenge.short_name %}">Submissions</a>
        </li>
        <li class="breadcrumb-item active"
            aria-current="page">{{ object.pk }}</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 %}

    {% if not object.phase.public %}
        <div class="alert alert-danger">The phase that this submission belongs to, is no longer active. </div>
    {% endif %}

    <h2>Submission {{ object.pk }}</h2>

    <dl>

        <dt>Challenge</dt>
        <dd>
            <a href="{{ object.phase.challenge.get_absolute_url }}">{{ object.phase.challenge.short_name }}</a>
        </dd>

        <dt>Phase</dt>
        <dd>{{ object.phase.title }}</dd>

        <dt>Creator</dt>
        <dd>
            <a href="{% url 'profile-detail' object.creator.username %}">{{ object.creator }}</a>
        </dd>

        {% if object.algorithm_image %}
            <dt>Algorithm</dt>
            <dd>
                <a href="{{ object.algorithm_image.get_absolute_url }}">
                    Container for {{ object.algorithm_image.algorithm }} uploaded
                    by {{ object.algorithm_image.creator }} {{ object.algorithm_image.created|naturaltime }}
                </a></dd>
        {% endif %}

    </dl>

    <h3>Evaluations for this submission</h3>

    <div class="table-responsive">
        <table class="table sortable table-hover table-borderless table-sm"
               id="evaluationTable">
            <thead class="thead-light">
            <tr>
                <th>Created</th>
                <th>Updated</th>
                <th>Evaluation</th>
                <th>Method</th>
                <th>Status</th>
                <th>Result</th>
            </tr>
            </thead>
            <tbody>
            {% for evaluation in object.evaluation_set.all %}
                <tr>
                    <td data-order="{{ evaluation.created|date:"U" }}">{{ evaluation.created }}</td>
                    <td data-order="{{ evaluation.modified|date:"U" }}">{{ evaluation.modified }}</td>
                    <td><a href="{{ evaluation.get_absolute_url }}">{{ evaluation.id }}</a>
                    </td>
                    <td>
                        <a href="{{ evaluation.method.get_absolute_url }}">{{ evaluation.method.id }}</a>
                    </td>
                    <td>
                    <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>
                    </td>
                    <td>
                        {% if evaluation.status == evaluation.SUCCESS %}
                            <a href="{{ evaluation.get_absolute_url }}">Result</a>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

    {% if "change_challenge" in challenge_perms %}
        <div class="card card-danger border-danger">
            <div class="card-header bg-danger text-white">Submission Admin</div>

            <div class="card-body">
                <dl>

                    <dt>Comment</dt>
                    <dd>
                        {% if object.comment %}
                            {{ object.comment }}
                        {% else %}
                            No comment provided.
                        {% endif %}
                    </dd>

                    <dt>Supplementary URL ({{ object.phase.supplementary_url_label }})</dt>
                    <dd>
                        {% if object.supplementary_url %}
                            <a href="{{ object.supplementary_url }}" target="_blank">
                                <i class="fas fa-link"></i> {{ object.supplementary_url }}
                            </a>
                        {% else %}
                            No supplementary URL provided.
                        {% endif %}
                    </dd>

                    <dt>Supplementary File ({{ object.phase.supplementary_file_label }})</dt>
                    <dd>
                        {% if object.supplementary_file %}
                            <a href="{{ object.supplementary_file.url }}">
                                <i class="fa fa-file"></i> {{ object.supplementary_file.name }}
                            </a>
                        {% else %}
                            No supplementary file provided.
                        {% endif %}
                    </dd>

                    <dt>Submission File</dt>
                    <dd>
                        {% if object.predictions_file %}
                            <a href="{{ object.predictions_file.url }}">
                                <i class="fa fa-download"></i> {{ object.predictions_file.name }}
                            </a>
                        {% else %}
                            No submission file provided.
                        {% endif %}
                    </dd>

                </dl>
            </div>

            {% if not object.is_evaluated_with_active_image %}
                <div class="card-body">
                    <h4 class="card-title">Re-Evaluate Submission with Active Method</h4>

                    <p>
                        This submission has not been evaluated with the active evaluation method for this phase.
                        {% if challenge.available_compute_euro_millicents <= 0 %}
                            However, an evaluation cannot be created as this challenge has exceeded its budget.
                        {% endif %}
                    </p>

                    {% if challenge.available_compute_euro_millicents > 0 %}
                        <form method="post"
                              action="{% url 'evaluation:evaluation-create' challenge_short_name=challenge.short_name slug=object.phase.slug pk=object.pk %}">
                            {% csrf_token %}
                            <input type="hidden" name="submission" value="{{ object.pk }}">
                            <button type="submit" class="btn btn-xs btn-primary">
                                Re-Evaluate with the Active Method
                            </button>
                        </form>
                    {% endif %}
                </div>
            {% endif %}
        </div>
    {% endif %}
{% endblock %}

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

    <script type="module" src="{% static "js/sort_tables.js" %}"></script>

{% endblock %}