<script type="text/javascript" src="/resources/jquery/jquery.upload.js"></script>
<script type="text/javascript" src="/resources/javascript/produto/rotinas.js"></script>
<style>
  .espacamento_superior {
    padding-top: 10px;
  }
</style>

<div id="tabs">
  <ul>
    <li><a href="#tabs-list">Importação de IDs de Recibos</a></li>
  </ul>
  <div class="geral espacamento_superior">
    <div id="importa_variedades">
      <fieldset id="fieldImportar">
        <form enctype="multipart/form-data" action="" method="post" id='importacao'>
          <dl class="zend_form">
            <dd>
              <input name="idRecibos" id="idRecibos" size="50" type="file">
              <button name="uploadReciboLiquidacao" id="uploadReciboLiquidacao" type="button">Enviar Arquivo</button>
              <img src="/resources/imagens/icon/help.png" border="0" id="help">
              <div id="tip" class="espacamento_superior" style="display: none;">
                A primeira linha do arquivo deve conter o cabeçalho com as colunas 'id_recibo', 'id_liquidacao',
                'id_pagamento', 'dt_pagamento' e 'vl_pagamento' conforme exemplo:
                <br>
                <span>
                <img src="/resources/imagens/exemplo16.png" height="75px" border="0">
              </span>
              </div>
            </dd>
          </dl>
        </form>
      </fieldset>
      <div class="divErros espacamento_superior" style="display: none;">
        <fieldset>
          <legend>Registros com erro</legend>
          <table class="grid">
            <thead>
              <tr>
                <th>ID Recibo</th>
                <th>ID Liquidação</th>
                <th>ID Pagamento</th>
                <th>Motivo</th>
              </tr>
            </thead>
            <tbody class="registrosErro"></tbody>
          </table>
        </fieldset>
      </div>
    </div>
  </div>
</div>
