page-admin-projects-create.pug

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-three-quarter
    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.lg-hidden.sm-quarter.text-right
    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading

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

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

    range-captain=`${getComponent('projects').parameters.captains}`
    
    required-status
    required-customer.name
    required-name
    required-captain
    loader-id=`loader-admin-${getComponent('projects').uniq}`

    label-status=''
    label-projectset=''
    label-customerset=''
    label-businessproviderset=''
    label-name=''
    label-description=''
    label-help=''
    label-captain=''
    label-customer.name=''
    label-customer.address=''
    label-customer.postcode=''
    label-customer.city=''
    label-customer.country=''
    label-businessprovider=''

    class-projectset='segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge'
    class-customerset='segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge'
    class-businessproviderset='segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge'
    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-customer.address='segment margin-bottom-medium full sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-customer.postcode='segment margin-bottom-medium third sm-full padding-right-xsmall sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-customer.city='segment margin-bottom-medium third sm-full padding-left-xxsmall padding-righ-xxsmall sm-padding-none text-small text-semibold text-uppercase text-color-heading'
    class-customer.country='segment margin-bottom-medium third sm-full padding-left-xsmall 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-linebreak='segment full sm-hidden'
    class-businessprovider="segment full margin-bottom-medium"

    multiple-businessprovider
    widget-businessprovider="orbit-project-businessprovider"
    multiple-businessprovider-add-label=''
    multiple-businessprovider-remove-label=''
    
    widget-status='solid-form-hidden'
    value-status='Private'
    widget-projectset='solid-form-hidden-label'
    widget-customerset='solid-form-hidden-label'
    widget-businessproviderset='solid-form-hidden-label'
    widget-description='solid-form-richtext-label'
    widget-captain='solid-form-dropdown-autocompletion-label'
    widget-help='solid-form-hidden-label'
    widget-linebreak='solid-form-hidden'
    widget-customer.address="solid-form-textarea-label"

    submit-button=''
    submit-widget="button"
    class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
    
    next=getRoute('projects', true)

    data-trans='label-status=project.create.labelStatus;label-projectset=project.create.labelProjectset;label-customerset=project.create.labelCustomerset;label-businessproviderset=project.create.labelBusinessproviderset;label-customer.name=project.create.labelCustomer;label-customer.address=project.create.labelCustomerAddress;label-customer.postcode=project.create.labelCustomerPostcode;label-customer.city=project.create.labelCustomerCity;label-customer.country=project.create.labelCustomerCountry;label-businessprovider=project.create.labelBusinessprovider;multiple-businessprovider-add-label=project.create.labelBusinessproviderAdd;multiple-businessprovider-remove-label=project.create.labelBusinessproviderRemove;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'
  )&attributes({
    "fields": (componentSet.has('invoices') && getRoute('invoices')) ? "status, projectset, name, captain, description, help, linebreak, customerset, customer.name, customer.address, customer.postcode, customer.city, customer.country, businessproviderset, businessprovider" : "status, customer.name, name, description, help, captain, linebreak",
    "class-captain": (componentSet.has('invoices') && getRoute('invoices')) ? 'segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal' : '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-name": (componentSet.has('invoices') && getRoute('invoices')) ? 'segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' : 'segment margin-bottom-medium half sm-full sm-padding-none text-small text-semibold text-uppercase text-color-heading'
  })