{% extends "pages/challenge_settings_base.html" %}
{% load url %}
{% load static %}
{% load guardian_tags %}
{% load user_profile_link from profiles %}
{% load naturaldelta %}

{% 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:method-list' challenge_short_name=challenge.short_name slug=object.phase.slug %}">Evaluation
                Methods</a>
        </li>
        <li class="breadcrumb-item active"
            aria-current="page">{{ object.pk }}</li>
    </ol>
{% endblock %}

{% block content %}

    <h2>Evaluation Method</h2>

    {% get_obj_perms request.user for object as "method_perms" %}

    {% if object.can_execute and "change_method" in method_perms %}
        <a class="btn btn-primary"
           href="{% url 'evaluation:method-update' challenge_short_name=challenge.short_name slug=object.phase.slug pk=object.pk %}">
            <i class="fa fa-edit"></i> Edit this Evaluation Method
        </a><br>
    {% endif %}

    <span class="badge p-2 my-2 {% if object.can_execute and object.is_desired_version %} badge-success {% else %} badge-danger {% endif %}">{% if object.can_execute and object.is_desired_version %}<i class="fa fa-check-circle mr-1"></i> Active Method for this Phase{% else %} <i class="fa fa-times-circle mr-1"></i> Inactive {% endif %}</span>

    <dl class="inline">
        <dt>ID</dt>
        <dd>{{ object.pk }}</dd>

        <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>
            {{ object.creator|user_profile_link }}
        </dd>

        <dt>Created</dt>
        <dd>{{ object.created }}</dd>

        {% if object.image %}
            <dt>Image</dt>
            <dd>{{ object.image.name }}</dd>

            <dt>Image Size</dt>
            <dd>{{ object.image.size|naturalsize }}</dd>
        {% endif %}

        {% if object.image_sha256 %}
            <dt>Image SHA256</dt>
            <dd>{{ object.image_sha256 }}</dd>
        {% endif %}

        <dt>Import Status</dt>
        <dd>
            <span class="badge badge-{{ object.import_status_context }}">
                {% if object.animate %}
                    <span class="spinner-border spinner-border-sm" role="status"
                          aria-hidden="true"></span>
                {% endif %}
                {{ object.get_import_status_display }}
            </span>
        </dd>

        {% if object.is_manifest_valid is not None %}
        <dt>Image Is Valid</dt>
        <dd>
            <span class="badge badge-{{ object.is_manifest_valid|yesno:'success,danger' }}">
                {{ object.is_manifest_valid }}
            </span>
        </dd>
        {% endif %}

        {% if object.status %}
            <dt>Validation Errors</dt>
            <dd>{{ object.status }}</dd>
        {% endif %}

        <dt>Image Can Be Used</dt>
        <dd>
            <span class="badge badge-{{ object.can_execute|yesno:'success,danger' }}">
                {{ object.can_execute }}
            </span>
        </dd>

        <dt>Requires Memory</dt>
        <dd>{{ object.requires_memory_gb }} GB</dd>

        <dt>Comment</dt>
        <dd>{{ object.comment }}</dd>
    </dl>

    <h2>Evaluations for this Evaluation Method</h2>
    <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>Submission</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.submission.get_absolute_url }}">{{ evaluation.submission.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>
{% endblock %}

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

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

{% endblock %}