<!--
    Copyright (C) 2018 Intel Corporation

    SPDX-License-Identifier: MIT
-->
<div class="dashboardTaskUI" id="dashboardTask_{{item.id}}">
    <center class="dashboardTitleWrapper">
        <label class="semiBold h1 dashboardTaskNameLabel selectable"> {{ item.name }} </label>
    </center>
    <center class="dashboardTitleWrapper">
        <label class="regular dashboardStatusLabel"> {{ item.status }} </label>
    </center>
    <div class="dashboardTaskIntro" style='background-image: url("/get/task/{{item.id}}/frame/0")'>  </div>
    <div class="dashboardButtonsUI">
        <button class="dashboardDumpAnnotation regular dashboardButtonUI"> Dump Annotation </button>
        <button class="dashboardUploadAnnotation regular dashboardButtonUI"> Upload Annotation </button>
        <button class="dashboardUpdateTask regular dashboardButtonUI"> Update Task </button>
        <button class="dashboardDeleteTask regular dashboardButtonUI"> Delete Task </button>
         {%if item.bug_tracker %}
            <button class="dashboardOpenTrackerButton regular dashboardButtonUI"> Open Bug Tracker </button>
            <a class="dashboardBugTrackerLink" href='{{item.bug_tracker}}' style="display: none;"> </a>
        {% endif %}
    </div>
    <div class="dashboardJobsUI">
        <center class="dashboardTitleWrapper">
            <label class="regular h1"> Jobs </label>
        </center>
        <table class="dashboardJobList regular">
            {% for segm in item.segment_set.all %}
                {% for job in segm.job_set.all %}
                    <tr>
                        <td> <a href="{{base_url}}?id={{job.id}}"> {{base_url}}?id={{job.id}} </a> </td>
                    </tr>
                {% endfor %}
            {% endfor %}
        </table>
    </div>
</div>
