extends ./index.jade

mixin display_subtasks(subtasks)
   ul(class='row')
      each task in subtasks
         li(data-url='/'+task.id style='border: none;' class='col-sm-11 task subtask list-group-item')
            span(data-url='/'+task.id class='taskname')= task.name
            input(checked=task.checked type='checkbox' class='pull-left' onclick='task.check('+task.id+', this)')
            button(onclick='display_popover('+task.id+', this)' class='add pull-right task-button empty')
               span(class='glyphicon glyphicon-plus')
            button(onclick='task.delete('+task.id+', this)' class='delete pull-right task-button empty')
               span(class='glyphicon glyphicon-remove')
            button(class="task-button pull-right empty up" value="up" data-action="move")
               span(class="glyphicon glyphicon-menu-up")
            button(class="task-button pull-right empty down" value="down" data-action="move")
               span(class="glyphicon glyphicon-menu-down")
            if task.subtasks
               +display_subtasks(task.subtasks)

block content
   div(class='row')
      div(class='tasks')
         if tasks
            ul(class='col-md-12 col-sm-8 tasks list-group')
               each task in tasks
                  li(data-url='/'+task.id style='width: 108%' class='task list-group-item')
                     span(data-url='/'+task.id class='taskname')= task.name
                     input(checked=task.checked type='checkbox' class='pull-left' onclick='task.check('+task.id+', this)')
                     button(onclick='display_popover('+task.id+', this)' class='add pull-right task-button empty')
                        span(class='glyphicon glyphicon-plus')
                     button(onclick='task.delete('+task.id+', this)' class='delete pull-right task-button empty')
                        span(class='glyphicon glyphicon-remove')
                     button(class="up task-button pull-right empty")
                        span(class="glyphicon glyphicon-menu-up")
                     button(class="down task-button pull-right empty")
                        span(class="glyphicon glyphicon-menu-down")
                     if task.subtasks
                        +display_subtasks(task.subtasks)
      div(class='form-group' style='display: inline-block')
         form(action='/' + div_id name='add-new-task', method='post' class='form-inline')
            input(class='form-control' type='text', name='name')
            input(class='form-control' type='submit', name='add' style='margin-left: 5px')