[%- USE T8 %]
[%- USE HTML %]
 <form name="CalcQtyForm" id="calc_qty_form_id">

  <input type="hidden" name="input_name" value="[% HTML.escape(input_name) %]">
  <input type="hidden" name="input_id"   value="[% HTML.escape(input_id) %]">

  <table width="100%">
   <tr><td>[% 'Please insert object dimensions below.' | $T8 %]</td></tr>

   <tr>
    <td>

     <table>
      <tr class="listheading">
       [% FOREACH col = HEADER %]
        <th nowrap class="listheading">[% col.column_title %]</a></th>
       [% END %]
      </tr>

      [% FOREACH row = VARIABLES %]
       <tr class="listrow[% loop.count % 2 %]">
        <td>[% HTML.escape(row.description) %]:</td><td><input id="[% row.name %]" name="[% row.name %]" value=""></td>
        <td>[% HTML.escape(row.unit) %]</td>
       </tr>
      [% END %]
     </table>

    </td>
   </tr>
  </table>
 <button type="button" onclick="calculate_qty()">[% 'Calculate' | $T8 %]</button>
 </form>

 <script type="text/javascript">
   function calculate_qty() {
[%- FOREACH row = VARIABLES %]
     var [% row.name %] = kivi.parse_amount($('#calc_qty_form_id #[% row.name %]').val());
[%- END %]
     var result = [% formel %];
     result = kivi.format_amount(result, 2);
     if (document.CalcQtyForm.input_id.value) {
       document.getElementById(document.CalcQtyForm.input_id.value).value = result;
     } else {
       document.getElementsByName(document.CalcQtyForm.input_name.value)[0].value = result;
     }
     $('#calc_qty_dialog').dialog('close');
   }

 </script>