<div class="task-icon">
    <a href="#task<%- id %>" aria-label="Expand task" class="collapsed" data-toggle="collapse" data-target="#recipe-task-details-<%- id %>" />
</div>
<div class="task-id">
    <abbr title="Recipe Task">T</abbr>:<%- id %>
</div>
<div class="task-start-time">
  <% if (start_time) { %>
    <time datetime="<%- start_time.toISOString() %>"
          title="<%- start_time.local().format('YYYY-MM-DD HH:mm:ss Z') %>">
          <%- start_time_diff %>
    </time>
  <% } %>
</div>
<div class="task-metadata">
    <span class="task-name">
        <% if (task) { %>
            <a href="<%- beaker_url_prefix %>tasks/<%- task.get('id') %>"><%- task.get('name') %></a>
        <% } else { %>
            <%- name %>
        <% } %>
    </span>
    <% if (!_.isEmpty(version)) { %>
      <span class="task-version"><%- version %></span>
    <% } %>
    <% if (!_.isEmpty(role) && role != "None" && role != "STANDALONE") { %>
       <span class="task-role">
         Role: <%- role %>
       </span>
    <% } %>
</div>
<div class="task-logs">
    <% /* task logs go here */ %>
</div>
<div class="task-comments">
    <% /* task comments go here */ %>
</div>
<div class="recipe-task-status">
    <% /* populated by the render() method */ %>
</div>
