[%- USE T8 %]
[%- USE HTML %]
<h1>[% title %]</h1>

 <form name="Form">

  <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 select a vendor from the list below.' | $T8 %]</td></tr>

   <tr>
    <td>

     <table>
      <tr class="listheading">
       <th class="listheading">&nbsp;</th>
       [%- FOREACH col = HEADER %]
       <th nowrap class="listheading"><a href="[% HTML.escape(col.callback) %]">[% col.column_title %]</a></th>
       [%- END %]
      </tr>

      [%- FOREACH row = VENDOR %]
      <tr class="listrow[% loop.count % 2 %]">
       <td><button type="button" onclick="vendor_selected('[% loop.count %]')">Auswahl</button></td>
       <td>
        <input type="hidden" id="id_[% loop.count %]" name="id_[% loop.count %]" value="[% HTML.escape(row.id) %]">
        <input type="hidden" id="name_[% loop.count %]" name="name_[% loop.count %]" value="[% HTML.escape(row.name) %]">
        [% HTML.escape(name) %]
       </td>
       <td>[% HTML.escape(row.customernumber) %]</td>
       <td>[% HTML.escape(row.address) %]</td>
<!--        <td> -->
<!--         <input type="hidden" id="description_[% loop.count %]" name="description_[% loop.count %]" value="[% HTML.escape(row.description) %]"> -->
<!--         [% HTML.escape(row.description) %] -->
<!--        </td> -->
      </tr>
      [%- END %]
     </table>

    </td>
   </tr>
  </table>

 </form>

 <script type="text/javascript">
  <!--
      function vendor_selected(selected) {
        var name = document.getElementsByName("name_" + selected)[0].value
        var id = document.getElementsByName("id_" + selected)[0].value
        window.opener.document.getElementsByName(document.Form.input_name.value)[0].value = name;
        if (document.Form.input_id.value != "") {
          window.opener.document.getElementsByName(document.Form.input_id.value)[0].value = id;
        }
        self.close();
      }
      //-->
 </script>