SpeciesFileGroup/taxonworks

<div class="topic_picker" data-base-class='<%= object.metamorphosize.class.name.underscore -%>' >

  <div>
    <div class="topic_picker_header"><%= "Topic sections" %> 
      <span class='topic_picker_alert' hidden></span>
    </div>
    <span class="topic_picker_message"></span>

    <%# ap( @otu_page_layout.standard_sections).html_safe -%>

    <ul class="topic_list">
      <%= f.fields_for :standard_sections, @otu_page_layout.standard_sections.sort{|a, b| a.position <=> b.position} do |section_fields| %>

        <li class="topic_item" data-section-id="<%= section_fields.object.id -%>" data-section-index="<%= section_fields.index -%>">
        <% if section_fields.object.new_record? -%>
          <%= section_fields.object.topic_id -%>
            <%= section_fields.text_field(:topic_id, hidden: true) -%>
            <%= section_fields.text_field(:type, hidden: true ) -%>
          <% else %>
            <%= section_fields.text_field(:id, hidden: true) -%>
          <% end %>

          <%= section_fields.object.position -%> : <%= object_tag(section_fields.object.topic) -%> <%= link_to('remove', "#", data: { turbolinks: false }, class: :remove_topic) -%>
        </li>
      <% end %>
    </ul>
  </div>

  <div class="topic_picker_selection">
    <div><%= text_field_tag('topic_picker_autocomplete', nil, class: 'topic_picker_autocomplete', placeholder: 'Topic name') %></div>
  </div>

</div>