div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
  div.segment.half.sm-full
    h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
  div.segment.half.sm-hidden.text-right
    solid-link(class="backlink", next=`admin-${getRoute('projects', true)}` data-trans='project.create.backlink')

div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
  div.loader.loader-top(id=`loader-admin-${getComponent('circles').uniq}`)
    div
    div
    div
    div

  solid-form.form(
    data-src=`${getComponent('projects').endpoints.post}`

    fields='status, customer.name, name, description, help, captain, linebreak'
    range-captain=`${getComponent('projects').endpoints.captains}`
    
    required-status
    required-customer.name
    required-name
    required-captain
    loader-id=`loader-admin-${getComponent('circles').uniq}`

    label-status=''
    label-customer.name=''
    label-name=''
    label-description=''
    label-help=''
    label-captain=''
    
    class-customer.name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-name='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-description='segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading'
    class-help='segment full text-small margin-bottom-medium padding-left-small'
    class-captain='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
    class-linebreak='segment full sm-hidden'
    
    widget-status='solid-form-hidden'
    value-status='Private'
    widget-description='solid-form-richtext-label'
    widget-captain='solid-form-dropdown-autocompletion-label'
    widget-help='solid-form-hidden-label'
    widget-linebreak='solid-form-hidden'

    submit-button=''
    next=getRoute('projects', true)

    data-trans='label-status=project.create.labelStatus;label-customer.name=project.create.labelCustomer;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;label-help=project.create.descriptionHelp;submit-button=project.create.buttonSubmit'
  )