sanger/limber

<%= page(:'pooled-tubes-from-whole-plates') do %>
  <%= vite_javascript_tag 'entrypoints/pages/pooled_tubes.js', defer: true %>
  <%= content do %>
    <%= render(partial: 'search/inbox', locals: { search_results: @labware_creator.available_tubes }) %>
  <% end %>
  <%= sidebar do %>
    <%= card title: 'Add tubes to pool', without_block: true do %>
      <div id="validation_report"></div>
      <div id="add-tubes-instructions-block" class="card-body" >
        <div class="instructions">
          <p>Scan in up to <%= @labware_creator.number_of_parent_labwares.to_s %> tube(s).</p>
        </div>
      </div>
      <div class="card-body">
      <%= form_for(
        @labware_creator,
        url: limber_plate_tubes_path(@labware_creator.parent),
        as: :tube,
        html: { method: :post }) do |form| %>

        <%= form.hidden_field :parent_uuid %>
        <%= form.hidden_field :purpose_uuid %>
        <% @labware_creator.number_of_parent_labwares.times do |i| %>
          <div class="labware-container scan-labware form-group row">
            <label for="tube[barcodes][<%= i %>]" class="plate-label col-2" >Tube <%= i+1 %></label>
            <input id="tube[barcodes][<%= i %>]" name="tube[barcodes][]" class="form-control labware-box col-8" tabindex="1" autocomplete="off" data-position=<%= i %> data-labware-type="tube"/>
          </div>
        <% end %>
        <%= form.submit 'Make Pool', class: 'btn btn-success btn-lg', id: 'create-labware', disabled: true %>
      <% end %>
      </div>
       <ul id="pooling-summary" class="list-group"></ul>
    <% end %>
  <% end %>
<% end %>