<div class="col-md-1">
    {{ fa-icon "pencil" class='bo-doc-edit-icons' click=(action "toggleEditSubjects")}}
</div>
<div class="col-md-11">
  <div class="row">
    <div class="col-md-12 content-title">{{t 'bo.document_subjects'}}</div>
  </div>
  <div class="row" id="doc-subjects-list-pane">
    <div class="col-md-12 content-value">{{#each document.subjects as |subject index|}}{{if index ", "}}{{component (get-link-type subject) url=subject}}{{/each}}</div>
  </div>
  <div class="row" id="doc-subjects-table-pane">
    <div class="col-md-12 panel panel-default">
      {{#if isEditing}}
      <table class="table table-striped table-condensed">
        <thead>
          <tr>
            <th class="col-md-1">#</th>
            <th class="col-md-5">{{t 'bo.subjects_th_label'}}</th>
            <th class="col-md-5">{{t 'bo.subjects_th_url'}}</th>
            <th class="col-md-1">{{t 'bo.subjects_th_actions'}}</th>
          </tr>
        </thead>
        <tbody>
        {{#each subjectsList as |subject index|}}
          {{bo-doc-subject-row subject=subject index=index removeSubject=(action 'removeSubject') }}
        {{/each}}
        </tbody>
        <tfoot>
          {{bo-doc-new-subject onAdd=(action 'addNewSubject')}}
        </tfoot>
      </table>
      {{/if}}
    </div>
  </div>
</div>
