sanger/limber

<div id="labware-summary-div">
  <div class="card-body bg-dark <%= presenter.state %>">
    <%= inline_svg_tag 'images/tube.svg', height:'142px' %>
  </div>
  <div id="plate-view-control" class="card-header">
    <ul class="nav nav-tabs card-header-tabs float-xs-left" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" href="#summary_tab" data-toggle="tab" role="tab" data-plate-view="summary-view">Summary</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#relatives_tab" data-toggle="tab" role="tab" data-plate-view="pools-view">Relatives</a>
      </li>
      <li class="nav-item">
        <a id='comments-tab-link' class="nav-link" href="#comments_tab" data-toggle="tab" role="tab" data-plate-view="comments-view">Comments <%= count_badge(nil, 'asset-comments-counter') %></a>
      </li>
    </ul>
  </div>

  <div class="tab-content">
    <div class="tab-pane active" id='summary_tab' role="tabpanel">
      <%= render partial: 'summary', locals: { presenter: presenter } %>
      <%= render partial: 'qc_data_show', locals: { presenter: presenter } %>
    </div>
    <div class="tab-pane" id='relatives_tab' role="tabpanel">
      <%= render partial: 'relatives_list', locals: { presenter: presenter } %>
    </div>
    <div class="tab-pane" id='comments_tab' role="tabpanel">
      <div id='asset-comments' data-sequencescape-api="<%= Limber::Application.config.api.v2.connection_options.js_url %>"
                               data-sequencescape-api-key="<%= Limber::Application.config.api.v2.connection_options.authorisation %>"
                               data-asset-id="<%= presenter.id %>">
      </div>
    </div>
  </div>
</div>