%li{ class: "todo todo-#{todo.done? ? 'done' : 'pending'}", id: dom_id(todo), data: { url: todo_target_path(todo) } }
  = author_avatar(todo, size: 40)

  .todo-item.todo-block
    .todo-title.title
      - unless todo.build_failed? || todo.unmergeable?
        = todo_target_state_pill(todo)

        %span.author-name
          - if todo.author
            = link_to_author(todo)
          - else
            (removed)

      %span.action-name
        = todo_action_name(todo)

      %span.todo-label
        - if todo.target
          = todo_target_link(todo)
        - else
          (removed)

      · #{time_ago_with_tooltip(todo.created_at)}
      = todo_due_date(todo)

    .todo-body
      .todo-note
        .md
          = event_note(todo.body, project: todo.project)

  - if todo.pending?
    .todo-actions
      = link_to [:dashboard, todo], method: :delete, class: 'btn btn-loading done-todo' do
        Done
        = icon('spinner spin')