<div id="content">
  <div class="panel box-shadow-none content-header">
    <div class="panel-body">
      <div class="col-md-12">
        <h3 class="animated fadeInLeft">Reporte</h3>
        <p class="animated fadeInDown">
          Reporte <span class="fa-angle-right fa"></span> Fechas Saldo Centavos
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-12 top-20 padding-0">
    <div class="col-md-2"></div>
    <div class="col-md-6">
      <div class="panel">
        <div class="panel-heading"><h3>Fechas Saldos Centavos</h3></div>
        <div class="panel-body">
          <form method="post" action="<?php echo base_url("reporte/saldoscentavos"); ?>" id="form">
            <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_malo'))):?>
            <div class="alert alert-danger alert-dismissible show" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
              <?php echo $session->getFlashdata('mensaje_malo'); ?>
            </div>
          <?php endif;?>
          <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_bueno'))):?>
          <div class="alert alert-success alert-dismissible show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <?php echo $session->getFlashdata('mensaje_bueno'); ?>
          </div>
        <?php endif;?>
        <div class="col-md-2"></div>
        <div class="col-md-6">
          <br>
          <div class="form-group form-animate-text">
            <input type="text" class="form-text date" id="fechadesde" name="fechadesde" required>
            <span class="bar"></span>
            <label><span class="fa fa-calendar"></span> Fecha Desde</label>
          </div>
          <div class="form-group form-animate-text">
            <input type="text" class="form-text date" id="fechahasta" name="fechahasta" required>
            <span class="bar"></span>
            <label><span class="fa fa-calendar"></span> Fecha Hasta</label>
          </div>
          
          <div class="col-md-6">
            <br>
            <button class="btn ripple-infinite btn-round btn-info"  type="submit" >
              <div>
                <span>Enviar</span>
              </div>
            </button>
          </div>
        </div>
      </form>
      
    </div>
  </div>
</div>  
</div>
</div>
<div class="modal fade" id="spinnerconciliacion" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >
	<div class="modal-dialog" role="document" >
		<div class="modal-content" >     
			<div class="form-element" >
				<div class="col-md-12 padding-0" >
					<div class="col-md-12" >						
						<br><br><br><br><br><br><br><br><br><br>
						<h1>GENERANDO EL REPORTE..</h1>
						<div class="sk-fading-circle">
							<div class="sk-circle1 sk-circle"></div>
							<div class="sk-circle2 sk-circle"></div>
							<div class="sk-circle3 sk-circle"></div>
							<div class="sk-circle4 sk-circle"></div>
							<div class="sk-circle5 sk-circle"></div>
							<div class="sk-circle6 sk-circle"></div>
							<div class="sk-circle7 sk-circle"></div>
							<div class="sk-circle8 sk-circle"></div>
							<div class="sk-circle9 sk-circle"></div>
							<div class="sk-circle10 sk-circle"></div>
							<div class="sk-circle11 sk-circle"></div>
							<div class="sk-circle12 sk-circle"></div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
document.getElementById("form").onsubmit = function() {myFunction()};

function myFunction() {
  $('#spinnerconciliacion').modal('show');
}
</script>