page-admin-circles-create.pug

div.segment.padding-top-xsmall.padding-right-large.padding-bottom-xsmall.padding-left-large.border-bottom.border-color-grey.text-color-heading.clearfix
  div.segment.lg-half.float-left
    h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
  div.segment.lg-half.float-left.text-right
    solid-link(class="backlink", next='admin-circle-list' data-trans='circle.create.backlink')

div.segment.padding-large.clearfix
  div#loader-circles-create.loader.loader-top
    div
    div
    div
    div

  solid-form.button-register(
    data-src=`${endpoints.circles || endpoints.post.circles}`

    fields='status, name, description'
    required-status
    required-name
    required-description
    loader-id='loader-circles-create'

    class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading icon icon-magnify'
    class-name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading float-left'
    class-description='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading float-left'

    label-status=''
    label-name=''
    label-description=''

    widget-status='hubl-status'
    
    next='circle'

    submit-button=''
    
    data-trans='label-status=circle.create.labelStatus;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit'
  )