<div class="form-control-static">
  <button class="btn-circle-plus btn-circle-text" {{action "addLabel" target="view"}}> Add Label</button>
</div>

{{#if userLabelArray.length}}
  <table class="table fixed no-lines no-top-padding tight small">
    <tr class="text-muted">
      <th>Key</th>
      <th width="30">&nbsp;</th>
      <th>Value</th>
      <th width="30">&nbsp;</th>
    </tr>
    {{#each userLabelArray as |label|}}
      <tr>
        <td>
          {{input-paste pasted="pastedLabels" class="form-control input-sm label-key" type="text" value=label.key placeholder="e.g. foo"}}
        </td>

        <td class="text-center">
          <p class="form-control-static input-sm">=</p>
        </td>

        <td>
          {{input class="form-control input-sm" type="text" value=label.value placeholder="e.g. bar"}}
        </td>

        <td class="text-right">
          <button {{action "removeLabel" label}} class="btn-circle-x" type="button" tabindex="-1"></button>
        </td>
      </tr>
    {{/each}}
  </table>
    <div class="text-muted" style="font-size: 12px; margin-bottom: 12px;">
      ProTip: Paste one or more lines of key=value pairs into any key field for easy bulk entry.
    </div>
{{/if}}
