<div id="content">
  <div class="panel box-shadow-none content-header">
    <div class="panel-body">
      <div class="col-md-12">
        <h3 class="animated fadeInLeft">Configuración</h3>
        <p class="animated fadeInDown">
          Configuración <span class="fa-angle-right fa"></span> Fechas Cierre Mes
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-12 top-20 padding-0">
    <div class="col-md-12">
      <div class="panel">
        <div class="panel-heading"><h3>Fechas Cierre mes</h3></div>
        <div class="panel-body">
          <form id="form"method="post" action="<?php echo base_url("Cierremes/cerrarmes"); ?>">
            <?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-6">
          <br>
          <div class="form-group form-animate-text">
            <label><span class="fa fa-calendar"></span> Seleccione el mes:</label><br><br>
            <input type="month"id="mes" name="mes" class="form-text form-control" required >
            <span class="bar"></span>
          </div> 
          
          <br>
          <button class="btn ripple-infinite btn-round btn-info button"  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>CERRANDO EL MES..</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>