<section class="row">
  <label class="acc-label col span-1-of-24">
    {{if isFirst (t 'alertPage.newOrEdit.to') (t 'alertPage.newOrEdit.and')}}
  </label>
  <div class="col mt-0 span-9-of-24">
    {{searchable-select
        content=notifiers
        value=model.notifierId
        optionValuePath="id"
        optionLabelPath="displayNameAndType"
        placeholder=(t 'alertPage.newOrEdit.notifierPlaceholder')
    }}
  </div>

  <div class="col text-center text-centerpt-0 span-3-of-24">
    {{#if selectedNotifier.notifierLabel}}
      {{selectedNotifier.notifierLabel}}
    {{else}}
      <span class="text-muted"> {{t 'alertPage.na'}} </span>
    {{/if}}
  </div>

  <div class="col mt-0 span-9-of-24">
    {{input
        classNames="form-control"
        placeholder=recipientPlaceholder
        value=model.recipient
        showSearch=showSearch
    }}
    <p class="help-block text-info text-small">{{t 'alertPage.newOrEdit.recipient.helpText'}}</p>
  </div>

  <div class="col mt-0 span-1-of-24" style="padding-top:2px;">
    <button class="btn bg-link icon-btn {{if disableRemove 'disabled' ''}}" {{action "remove"}}>
      <span class="darken"><i class="icon icon-minus text-small"/></span>
    </button>
  </div>
</section>
