[%- USE T8 %]
[%- USE L %]
[%- USE HTML %][%- USE JavaScript %][%- USE LxERP %][%- USE P -%]
<h1>[% title %]</h1>

 <script type="text/javascript">
  <!--
      warehouses = new Array();
      [%- USE WAREHOUSES_it = Iterator(WAREHOUSES) %][%- FOREACH warehouse = WAREHOUSES_it %]
      warehouses[[% WAREHOUSES_it.count - 1 %]] = new Array();
      warehouses[[% WAREHOUSES_it.count - 1 %]]['id'] = [% warehouse.id %];
      warehouses[[% WAREHOUSES_it.count - 1 %]]['bins'] = new Array();
      [% USE BINS_it = Iterator(warehouse.BINS) %][% FOREACH bin = BINS_it %]
      warehouses[[% WAREHOUSES_it.count - 1%]]['bins'][[% BINS_it.count - 1 %]] = new Array();
      warehouses[[% WAREHOUSES_it.count - 1%]]['bins'][[% BINS_it.count - 1 %]]['description'] = "[% JavaScript.escape(bin.description) %]";
      warehouses[[% WAREHOUSES_it.count - 1%]]['bins'][[% BINS_it.count - 1 %]]['id'] = [% bin.id %];
      [% END %]
      [% END %]

      function warehouse_selected(warehouse_id, bin_id) {
        var control = document.getElementById("bin_id");

        for (var i = control.options.length - 1; i >= 0; i--) {
          control.options[i] = null;
        }

        var warehouse_index = 0;

        for (i = 0; i < warehouses.length; i++)
          if (warehouses[i]['id'] == warehouse_id) {
            warehouse_index = i;
            break;
          }

        var warehouse = warehouses[warehouse_index];
        var bin_index = 0;

        for (i = 0; i < warehouse['bins'].length; i++)
          if (warehouse['bins'][i]['id'] == bin_id) {
            bin_index = i;
            break;
          }

        for (i = 0; i < warehouse['bins'].length; i++) {
          control.options[i] = new Option(warehouse['bins'][i]['description'], warehouse['bins'][i]['id']);
        }


        control.options[bin_index].selected = true;
      }

      $(function() {
        warehouse_selected([% warehouse_id %], [% bin_id %]);
      })
    -->
 </script>

 <form name="Form" method="post" action="wh.pl" id="form">

  [% IF saved_message %]
  <p>[% saved_message %]</p>
  [% END %]

  <p>
   <table>
    <tr>
     <th align="right" nowrap>[% 'Assembly' | $T8 %]</th>
     <td>
      [% P.part.picker("parts_id", parts_id, part_type="assembly", class="initial_focus", fat_set_item="1") %]
     </td>
    </tr>

    <tr>
     <th align="right" nowrap>[% 'Destination warehouse' | $T8 %]</th>
     <td>
      <select name="warehouse_id" id="warehouse_id" onchange="warehouse_selected(warehouses[this.selectedIndex]['id'], 0)">
       [%- FOREACH warehouse = WAREHOUSES %]
       <option value="[% HTML.escape(warehouse.id) %]"[% IF warehouse_id == warehouse.id %] selected[% END %]>[% warehouse.description %]</option>
       [%- END %]
      </select>
     </td>
    </tr>

    <tr>
     <th align="right" nowrap>[% 'Destination bin' | $T8 %]:</th>
     <td><select id="bin_id" name="bin_id"></select></td>
    </tr>

    <tr>
     <th align="right" nowrap>[% 'Charge number' | $T8 %]</th>
     <td><input name="chargenumber" size="30" value="[% HTML.escape(chargenumber) %]"></td>
    </tr>

    [% IF INSTANCE_CONF.get_show_bestbefore %]
    <tr>
     <th align="right" nowrap>[% 'Best Before' | $T8 %]</th>
     <td>
      [% L.date_tag('bestbefore', bestbefore) %]
     </td>
    </tr>
    [% END %]

    <tr>
     <th align="right" nowrap>[% 'Quantity' | $T8 %]</th>
     <td>
      <input name="qty" size="10" value="[% HTML.escape(LxERP.format_amount(qty)) %]">
      <select name="unit">
       [%- FOREACH unit = UNITS %]<option[% IF unit.selected %] selected[% END %]>[% HTML.escape(unit.name) %]</option>[% END %]
      </select>
     </td>
    </tr>

    <tr>
     <th align="right" nowrap>[% 'Optional comment' | $T8 %]</th>
     <td><input name="comment" size="30" value="[% HTML.escape(comment) %]"></td>
    </tr>

   </table>
  </p>
 </form>

<script type='text/javascript'>
$(function(){
  $('#parts_id').on('set_item:PartPicker', function(event, item) {
    if (!item.warehouse_id)
      return;

    $('#warehouse_id').val(item.warehouse_id);
    warehouse_selected(item.warehouse_id, item.bin_id);
  });
})
</script>