[% 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">
<div class="wrapper">

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


<table class="tbl-horizontal">
  <tbody>
    <tr>
      <th>[% 'Assembly' | $T8 %]</th>
      <td>[% P.part.picker("parts_id", parts_id, part_type="assembly", class="initial_focus wi-lightwide", fat_set_item="1") %] </td>
    </tr>
    <tr>
      <th>[% 'Destination warehouse' | $T8 %]</th>
      <td>
        <select name="warehouse_id" id="warehouse_id" onchange="warehouse_selected(warehouses[this.selectedIndex]['id'], 0)" class="wi-lightwide">
          [% 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>[% 'Destination bin' | $T8 %]</th>
      <td><select id="bin_id" name="bin_id" class="wi-lightwide"></select></td>
    </tr>
    <tr>
      <th>[% 'Charge number' | $T8 %]</th>
      <td><input type="text" name="chargenumber" class="wi-lightwide" value="[% HTML.escape(chargenumber) %]"></td>
    </tr>
    [% IF INSTANCE_CONF.get_show_bestbefore %]
      <tr>
        <th>[% 'Best Before' | $T8 %]</th>
        <td><span class="wi-date">[% L.date_tag('bestbefore', bestbefore) %]</span> </td>
      </tr>
    [% END %]
    <tr>
      <th>[% 'Quantity' | $T8 %]</th>
      <td>
        <input type="text" name="qty" class="wi-verysmall" value="[% HTML.escape(LxERP.format_amount(qty)) %]">
        <select name="unit" class="wi-small">
          [% FOREACH unit = UNITS %]
            <option[% IF unit.selected %] selected[% END %]>[% HTML.escape(unit.name) %]</option>
          [% END %]
        </select>
      </td>
    </tr>
    <tr>
      <th>[% 'Optional comment' | $T8 %]</th>
      <td><input type="text" name="comment" class="wi-lightwide" value="[% HTML.escape(comment) %]">
      </td>
    </tr>
  </tbody>
</table>

</div>
</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>