datacite/bracco

  <div class="panel panel-transparent">
  <div class="panel-body">
    <div class="col-md-9 col-md-offset-3"><h3 class="edit">Assign Prefix</h3></div>

    <BsForm @formLayout="horizontal" class="form-horizontal" @horizontalLabelGridClass="col-md-3" @model={{this.model.provider-prefix}} @onSubmit={{action "submit"}} as |form|>
      <form.element @controlType="power-select" class="form-group" id="prefix-add" @label="Prefix" @property="prefix" @options={{this.prefixes}} as |el|>
        <el.control @onChange={{action "selectPrefix"}} @selected={{this.prefix}} @search={{action "searchPrefix"}} @optionLabelPath="id" @searchField="id" @searchPlaceholder="Select from list or type to search..." @searchEnabled={{true}} as |item|>
          {{if item.id item.id item}}
        </el.control>
      </form.element>

      <div class="col-md-9 col-md-offset-3">
        <button type="submit" disabled={{this.disabled}} class="btn btn-sm btn-fill">Assign Prefix</button>
        <button id="cancel" class="btn btn-sm" type="button" {{action "cancel"}}>Cancel</button>
      </div>
    </BsForm>
  </div>
</div>