<div class="row">
  {{!-- <div class="col span-6 clip vertical-middle"> --}}
  {{#if (and canChangeName shouldChangeName)}}
    {{input value=name placeholder=(if namePlaceholder (t namePlaceholder) "")}}
  {{else}}
    <h4 class="mb-0 vertical-middle">
      {{#if label}}
        {{t label}}
      {{else}}
        {{name}}
      {{/if}}
      {{#if nameRequired}}{{field-required}}{{/if}}
      {{#if canChangeName}}
        <button class="btn btn-sm bg-link p-0 pl-10 acc-label-hover" {{action "wantsChange"}}>{{t "action.edit"}}</button>
      {{/if}}
    </h4>
  {{/if}}
  {{!-- </div> --}}
  <div class="pull-right vertical-middle">
    {{#if canUpload}}
      {{#if showUploadLabel}}
        <button class="btn bg-link icon-btn" {{action "click"}} disabled={{disabled}}>
          <span class="darken"><i class="icon icon-upload text-small"/></span>
          <span>{{t "inputTextFile.tooltip"}}</span>
        </button>
      {{else}}
        {{#tooltip-element type="tooltip-basic" model=(t "inputTextFile.tooltip") tooltipTemplate="tooltip-static" aria-describedby="tooltip-base" tooltipFor="inputTextFile"}}
          <button type="button" class="btn bg-link" {{action "click"}}><i class="icon icon-upload"></i></button>
        {{/tooltip-element}}
      {{/if}}
    {{/if}}
    {{yield}}
  </div>
</div>
<hr/>
<div class="row">
  <div class="col span-12 m-0 p-0">
    {{textarea-autogrow
      value=value
      class=(concat "form-control text-small" (if concealValue " conceal"))
      placeholder=placeholder
      minHeight=minHeight
      maxHeight=maxHeight
      required=true
      disabled=disabled
    }}
  </div>
</div>
{{yield "description"}}
<input type="file" accept="{{actualAccept}}" multiple={{multiple}} class="hide">
