[%- USE T8 %]
[%- USE HTML %]

[%- PROCESS 'amcvar/render_inputs_block.html' %]
<tr>
 <td>
  <input type="button" id="cb_show_details" name="show_details_button" value='[% 'Show details' | $T8 %]'>
  <script type="text/javascript">
   $('#cb_show_details').click(function(){ $('[id^="row2"]').toggle();
                                           if ( $('[id^="row2"]').is(":visible") ) {
                                            $("[name='show_details']").val(1);
                                           } else {
                                            $("[name='show_details']").val(0);
                                           }});
  </script>
  <table id='display_row' width="100%">
   <tr class="listheading">
[%- FOREACH header = HEADER %]
 [%- IF header.display %]
    <th align="left" nowrap width="[% header.width %]" class="listheading">[% header.value %]</th>
 [%- END %]
[%- END %]
   </tr>
[%- FOREACH row = ROWS %]
     <tr valign="top" class="row [% IF row.error %]error_message[% ELSE %]listrow[% loop.count % 2 %][% END %]">
 [%- FOREACH row1 = row.ROW1 %]
      <td[% IF row1.align %] align="[% row1.align %]"[% END %][% IF row1.nowrap %] nowrap[% END %]>[% row1.value %]</td>
 [%- END %]
     </tr>
     <tr style='display:none'>
      <td>
 [%- FOREACH hidden = row.HIDDENS %]
      [% hidden.value %]
 [%- END %]
      </td>
     </tr>
     <tr class="listrow[% loop.count % 2 %]" id="row2.[% loop.count %]" [% UNLESS show_details %]style="display:none;"[% END %]>
      <td colspan="[% row.colspan %]">
 [%- FOREACH row2 = row.ROW2 %]
   [%- IF !row2.cvar %]
     [% row2.value %]
   [%- END %]
 [%- END %]

 <table class='row2-cvars-table'>
   <tr>
   [%- FOREACH row2 = row.ROW2 %]
     [%- IF row2.cvar && row2.render_options.valid %]
       [%- IF row2.line_break %]
         </tr><tr>
       [%- END %]
     <th>
       [% row2.description %]
     </th>
     <td>
       [% PROCESS cvar_inputs cvar = row2.render_options %]
     </td>
     [%- END %]
   [%- END %]
   </tr>
 </table>

      </td>
     </tr>
[%- END %]

  </table>

  <script type='text/javascript'>
    $(function() {
      setTimeout(function(){
        [% SWITCH( myconfig_focus_position ) %]
          [% CASE 'last_partnumber' %]
            $('#display_row tr.row:gt(-3):lt(-1) input[name*="partnumber"]').focus();
          [% CASE 'last_description' %]
            $('#display_row tr.row:gt(-3):lt(-1) input[name*="description"]').focus();
          [% CASE 'new_partnumber' %]
            $('#display_row tr:gt(1) input[name*="partnumber"]').focus();
          [% CASE DEFAULT %]
            $('#display_row tr:gt(1) input[name*="description"]').focus();
        [% END %]
      }, 1);
    });
  </script>

 </td>
</tr>