[% USE HTML %][% USE L %][% USE LxERP %][%- USE JavaScript -%]

<script type="text/javascript">
  var addresses = [
    { shiptoname:         "[% JavaScript.escape(vc_obj.name) %]",
      shiptodepartment_1: "[% JavaScript.escape(vc_obj.department_1) %]",
      shiptodepartment_2: "[% JavaScript.escape(vc_obj.department_2) %]",
      shiptostreet:       "[% JavaScript.escape(vc_obj.street) %]",
      shiptozipcode:      "[% JavaScript.escape(vc_obj.zipcode) %]",
      shiptocity:         "[% JavaScript.escape(vc_obj.city) %]",
      shiptocountry:      "[% JavaScript.escape(vc_obj.country) %]",
      shiptogln:          "[% JavaScript.escape(vc_obj.gln) %]",
      shiptocontact:      "[% JavaScript.escape(vc_obj.contact) %]",
      shiptocp_gender:    "[% JavaScript.escape(vc_obj.cp_gender) %]",
      shiptophone:        "[% JavaScript.escape(vc_obj.phone) %]",
      shiptofax:          "[% JavaScript.escape(vc_obj.fax) %]",
      shiptoemail:        "[% JavaScript.escape(vc_obj.email) %]"
[% FOREACH var = cvars %]
      , "shiptocvar_[% JavaScript.escape(var.config.name) %]": ""
[% END %]
    }

  [% FOREACH shipto = vc_obj.shipto %]
    ,
    { shiptoname:         "[% JavaScript.escape(shipto.shiptoname) %]",
      shiptodepartment_1: "[% JavaScript.escape(shipto.shiptodepartment_1) %]",
      shiptodepartment_2: "[% JavaScript.escape(shipto.shiptodepartment_2) %]",
      shiptostreet:       "[% JavaScript.escape(shipto.shiptostreet) %]",
      shiptozipcode:      "[% JavaScript.escape(shipto.shiptozipcode) %]",
      shiptocity:         "[% JavaScript.escape(shipto.shiptocity) %]",
      shiptocountry:      "[% JavaScript.escape(shipto.shiptocountry) %]",
      shiptogln:          "[% JavaScript.escape(shipto.shiptogln) %]",
      shiptocontact:      "[% JavaScript.escape(shipto.shiptocontact) %]",
      shiptocp_gender:    "[% JavaScript.escape(shipto.shiptocp_gender) %]",
      shiptophone:        "[% JavaScript.escape(shipto.shiptophone) %]",
      shiptofax:          "[% JavaScript.escape(shipto.shiptofax) %]",
      shiptoemail:        "[% JavaScript.escape(shipto.shiptoemail) %]"
    [% FOREACH var = shipto.cvars_by_config %]
      , "shiptocvar_[% JavaScript.escape(var.config.name) %]": "[% JavaScript.escape(var.value_as_text) %]"
    [% END %]
    }
  [% END %]
  ];

  function copy_address() {
    var shipto = addresses[ $('#shipto_to_copy').val() ];
    for (key in shipto)
      $('#' + key).val(shipto[key]);
  }

  function clear_fields() {
    var shipto = addresses[0];
    for (key in shipto)
      $('#' + key).val('');
    $('#shiptocp_gender').val('m');
  }

  function clear_shipto_id_before_submit() {
    var shipto = addresses[0];
    for (key in shipto)
      if ((key != 'shiptocp_gender') && ($('#' + key).val() != '')) {
        $('#shipto_id').val('');
        break;
      }

    $('form').submit();
  }
</script>

[% select_options = [ [ 0, LxERP.t8("Billing Address") ] ] ;
   FOREACH shipto = vc_obj.shipto ;
     tmpcity  = shipto.shiptozipcode _ ' ' _ shipto.shiptocity ;
     tmptitle = [ shipto.shiptoname, shipto.shiptostreet, tmpcity ] ;
     CALL select_options.import([ [ loop.count, tmptitle.grep('\S').join("; ") ] ]) ;
   END ;
   '' %]

 <form method="post" action="[% HTML.escape(script) %]">
  [% L.hidden_tag("shipto_id", shipto_id) %]

  <p>
   [% LxERP.t8("Copy address from master data") %]:
   [% L.select_tag("", select_options, id="shipto_to_copy", style="width: 400px") %]
   [% L.button_tag("copy_address()", LxERP.t8("Copy")) %]
   [% L.button_tag("clear_fields()", LxERP.t8("Clear fields")) %]
  </p>

  <table>
   <tr class="listheading">
    <th colspan="2" width="50%">[% LxERP.t8('Billing Address') %]</th>
    <th width="50%">[% LxERP.t8('Shipping Address') %]</th>
   </tr>
   <tr height="5"></tr>
   <tr>
    <th align="right" nowrap>[%- IF vc == "customer" %][%- LxERP.t8('Customer Number') %][%- ELSE %][%- LxERP.t8('Vendor Number') %][%- END %]</th>
    <td>[%- IF vc == "customer" %][%- HTML.escape(customernumber) %][%- ELSE %][%- HTML.escape(vendornumber) %][%- END %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Company Name') %]</th>
    <td>[% HTML.escape(name) %]</td>
    <td>[% L.input_tag("shiptoname", shiptoname, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Department') %]</th>
    <td>[% HTML.escape(department_1) %]</td>
    <td>[% L.input_tag("shiptodepartment_1", shiptodepartment_1, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>&nbsp;</th>
    <td>[% HTML.escape(department_2) %]</td>
    <td>[% L.input_tag("shiptodepartment_2", shiptodepartment_2, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Street') %]</th>
    <td>[% HTML.escape(street) %]</td>
    <td>[% L.input_tag("shiptostreet", shiptostreet, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Zipcode') %]</th>
    <td>[% HTML.escape(zipcode) %]</td>
    <td>[% L.input_tag("shiptozipcode", shiptozipcode, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('City') %]</th>
    <td>[% HTML.escape(city) %]</td>
    <td>[% L.input_tag("shiptocity", shiptocity, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Country') %]</th>
    <td>[% HTML.escape(country) %]</td>
    <td>[% L.input_tag("shiptocountry", shiptocountry, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('GLN') %]</th>
    <td>[% HTML.escape(gln) %]</td>
    <td>[% L.input_tag("shiptogln", shiptogln, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Contact') %]</th>
    <td>[% HTML.escape(contact) %]</td>
    <td>[% L.input_tag("shiptocontact", shiptocontact, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Gender') %]</th>
    <td></td>
    <td>
     [% L.select_tag('shiptocp_gender', [ [ 'm', LxERP.t8('male') ], [ 'f', LxERP.t8('female') ] ], 'default' = shiptocp_gender) %]
    </td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Phone') %]</th>
    <td>[% HTML.escape(phone) %]</td>
    <td>[% L.input_tag("shiptophone", shiptophone, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('Fax') %]</th>
    <td>[% HTML.escape(fax) %]</td>
    <td>[% L.input_tag("shiptofax", shiptofax, "size", "35") %]</td>
   </tr>
   <tr>
    <th align="right" nowrap>[% LxERP.t8('E-mail') %]</th>
    <td>[% HTML.escape(email) %]</td>
    <td>[% L.input_tag("shiptoemail", shiptoemail, "size", "35") %]</td>
   </tr>
[% FOREACH var = cvars %]
   <tr valign="top">
    <th align="right" nowrap>[% HTML.escape(var.config.description) %]</th>
    <td></td>
    <td>[% INCLUDE 'common/render_cvar_input.html' cvar_name_prefix='shiptocvar_' %]</td>
   </tr>
[% END %]
  </table>

  <hr size="3" noshade>

  [% L.hidden_tag("action", "ship_to_entered") %]
  [% L.hidden_tag("nextsub", nextsub) %]
  [% L.hidden_tag("previousform", previousform) %]

  [% L.button_tag("clear_shipto_id_before_submit()", LxERP.t8("Continue")) %]
 </form>