[%- USE LxERP -%][%- USE L -%][%- USE P -%]
[% SET parts = SELF.requirement_spec.parts_sorted %]

<div id="additional_parts_form_container" class="edit-additional-parts-context-menu">

 <h2>[% LxERP.t8("Edit additional articles") %]</h2>

 <div>
  [% LxERP.t8("Add part") %]:
  [% P.part.picker('additional_parts_add_part_id', '', style="width: 300px") %]
  [% L.button_tag('kivi.requirement_spec.add_additional_part()', LxERP.t8('Add part')) %]
 </div>

 <form method="post" id="edit_additional_parts_form">
  <div id="edit_additional_parts_list_empty"[% IF parts.size %] style="display: none;"[% END %]>
   [% LxERP.t8("No articles have been added yet.") %]
  </div>

  <table id="edit_additional_parts_list"[% IF !parts.size %] style="display: none;"[% END %]>
   <thead>
    <tr class="listheading">
     <th></th>
     <th>[%- LxERP.t8("Part Number") %]</th>
     <th>[%- LxERP.t8("Description") %]</th>
     <th>[%- LxERP.t8("Qty") %]</th>
    </tr>
   </thead>

   <tbody>
    [%- FOREACH part = parts %]
     [%- INCLUDE 'requirement_spec_part/_part.html' part=part %]
    [%- END %]
   </tbody>
  </table>

   [% L.button_tag("kivi.requirement_spec.standard_additional_parts_ajax_call('save')", LxERP.t8("Save")) %]
  </form>
</div>