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

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

      .uk-margin
        form(method="POST", action= `/client/${client._id}/project`).uk-form
          .uk-card.uk-card-default.uk-card-small
            .uk-card-header
              div(uk-grid).uk-grid-small.uk-flex-middle
                .uk-width-expand
                  h1.uk-card-title New Project
                .uk-width-auto
                  div client: #{client.name}

            .uk-card-body
              .uk-margin
                label(for="name").uk-form-label Project name
                input(id="name", name="name", type="text", placeholder="Enter client name").uk-input
              .uk-margin
                label(for="description").uk-form-label Project description
                textarea(id="name", name="description", rows=4, placeholder="Enter client description").uk-textarea.uk-resize-vertical
              .uk-margin
                label(for="hourly-rate").uk-form-label Hourly rate
                input(id="hourly-rate", name="hourlyRate", type="number", placeholder="Enter hourly rate").uk-textarea.uk-resize-vertical

            .uk-card-footer.uk-flex.uk-flex-right
              button(type="submit").uk-button.uk-button-default.uk-border-rounded Create Project