{% extends 'qcg/base.html' %}
{% load qcg_utils staticfiles %}

{% block container %}
    <ol class="breadcrumb">
        <li><a href="{% url 'jobs' %}">Zadania</a></li>
        <li><a href="{{ task.job.get_absolute_url }}">{{ task.job.job_id }}</a></li>
        <li class="active">{{ task.task_id }}</li>
    </ol>

    <h1 class="page-header">{% block title %}Task {{ task.task_id }}{% endblock %}</h1>

    <div role="tabpanel">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" style="margin-bottom: 20px">
            <li role="presentation" class="active"><a href="#details" data-toggle="tab">Właściwości</a></li>
            <li role="presentation"><a href="#desc" data-toggle="tab">Opis</a></li>
            <li role="presentation"><a href="#results" data-toggle="tab">Wyniki</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="details">
                <h3>Atrybuty</h3>

                <p>
                    {% display_attribute 'Status' task.get_status_display %}
                    {% display_attribute 'Opis statusu' task.status_description %}
                    {% display_attribute 'Typ' task.get_type_display %}
                    {% display_attribute 'Notatka' task.note %}
                    {% display_attribute 'Projekt' task.project %}
                    {% display_attribute 'Czas życia proxy' task.proxy_lifetime|timeuntil %}
                    {% display_attribute 'Data zlecenia' task.submission_time %}
                    {% display_attribute 'Data rozpoczęcia' task.start_time %}
                    {% display_attribute 'Data zakończenia' task.finish_time %}
                    {% display_attribute 'Usunięty katalog roboczy?' task.purged %}
                </p>

                <h3>Alokacje</h3>

                {% if task.allocations.exists %}
                    <ul class="list-group">
                        {% for alloc in task.allocations.all %}
                            <li class="list-group-item">
                                {% display_attribute 'Status' alloc.get_status_display %}
                                {% display_attribute 'Komentarz' alloc.comment %}
                                {% display_attribute 'Host' alloc.host_name %}
                                {% display_attribute 'Opis statusu' alloc.status_description %}
                                {% display_attribute 'Liczba procesów' alloc.processes_count %}
                                {% display_attribute 'Liczba rdzeni' alloc.slots_count %}
                                {% display_attribute 'Identyfikator grupy procesów' alloc.processes_group_id %}
                                {% display_attribute 'Data zlecenia' task.submission_time %}
                                {% display_attribute 'Przewidywana data rozpoczęcia' alloc.estimated_start_time %}
                                {% display_attribute 'Data zakończenia' task.finish_time %}
                                {% display_attribute 'Lokalna data zlecenia' task.local_submission_time %}
                                {% display_attribute 'Lokalna data rozpoczęcia' task.local_start_time %}
                                {% display_attribute 'Lokalna data zakończenia' task.local_finish_time %}
                                {% display_attribute 'Efektywność' alloc.efficiency %}
                                {% display_attribute 'Użycie pamięci' alloc.memory_usage %}
                                {% display_attribute 'Usunięty katalog roboczy?' task.purged %}
                            </li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <div class="alert alert-info">Brak elementów</div>
                {% endif %}

            </div>

            <div role="tabpanel" class="tab-pane" id="desc">
                <pre>{{ task.description|format_xml }}</pre>
            </div>

            <div role="tabpanel" class="tab-pane text-center" id="results">
                <h3>Wizualizacja wyników</h3>
                <img src="{% static 'qcg/results-mock-1.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
                <img src="{% static 'qcg/results-mock-2.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
                <img src="{% static 'qcg/results-mock-3.png' %}" alt="..." class="img-thumbnail" style="margin: 10px">
            </div>
        </div>
    </div>

{% endblock %}