extends ../../layout/main
block view-content

  include ../../task/components/grid

  section.uk-section.uk-section-default.uk-section-small
    .uk-container

      .uk-margin
        div(uk-grid).uk-grid-small.uk-flex-middle
          .uk-width-expand
            h1.uk-margin-remove= project.name
          .uk-width-auto
            a(href=`/client/${client._id}/project/${project._id}/edit`).uk-button.uk-button-default.uk-button-small
              i.fa-solid.fa-cog
              span.uk-margin-small-left Settings
          .uk-width-auto
            .uk-text-bold
              a(href=`/client/${client._id}`).uk-link-reset= client.name
            .uk-text-small #{numeral(project.hourlyRate).format('$0,0.00')}/hr

        if project.description
          div= project.description

      .uk-margin-medium
        form(method="POST", action="/task").uk-form
          input(type="hidden", name="clientId", value= client._id)
          input(type="hidden", name="projectId", value= project._id)
          .uk-card.uk-card-secondary.uk-card-small.uk-border-rounded
            .uk-card-body.uk-border-rounded
              label(for="note").uk-form-label.sr-only Task note
              div(uk-grid).uk-grid-small
                .uk-width-expand
                  input(id="note", name="note", placeholder="What will you be working on?").uk-input.uk-border-rounded
                .uk-width-auto
                  button(type="submit").uk-button.uk-button-default.uk-border-rounded Create Task

      .uk-margin-medium
        +renderTaskGrid(taskGrid.pendingTasks, taskGrid.activeTasks, taskGrid.finishedTasks)