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

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

    <h1 class="page-header">{% block title %}Job {{ job.job_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>
        </ul>

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

                <p>
                    {% display_attribute 'Status' job.get_status_display %}
                    {% display_attribute 'Notatka' job.note %}
                    {% display_attribute 'Projekt' job.project %}
                    {% display_attribute 'Czas życia proxy' job.proxy_lifetime %}
                    {% display_attribute 'Data zlecenia' job.submission_time %}
                    {% display_attribute 'Data zakończenia' job.finish_time %}
                    {% display_attribute 'Usunięty katalog roboczy?' job.purged %}
                </p>

                <h3>Taski</h3>

                {% if job.tasks.exists %}
                    <ul class="list-group">
                        {% for task in job.tasks.all %}
                            <li class="list-group-item">
                                {% display_attribute 'Status' task.get_status_display %}
                                {% display_attribute 'Opis statusu' task.status_description %}
                                {% display_attribute 'Data rozpoczęcia' task.start_time %}
                                {% display_attribute 'Data zakończenia' task.finish_time %}

                                <div style="padding: 10px 0 0 50px">
                                    <a href="{{ task.get_absolute_url }}">więcej&nbsp;&raquo;</a>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <div class="panel-body">
                        <div class="alert alert-info">Brak elementów</div>
                    </div>
                {% endif %}

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

{% endblock container %}