<%@include file="/jsp/common/defaultTopLogin.jsp"%>

<style>
	
	table.dataTable thead th, table.dataTable thead td {
	    padding: 5px 7px;	
	}
	
	table.dataTable tbody th, table.dataTable tbody td {
	    padding: 5px 7px;
	    vertical-align: middle;
	}
									
</style>

	<input type="hidden" id="pmn" name="pmn" value="<%=pmn%>"/>
  
  	<div class ="row">
   		<label id="labelError" class="text-danger" for="porcentaje"  style="display:none">  * Selecciona una fecha para consultar.</label>
   </div>
   
   <div class ="row">
   
   		<div class="col-sm-2">			
			<label class="control-label" >Mes a Cargar:</label>		
		</div>
		
   		<div class="col-sm-3">			
		  	<input type="text" id="fecha" class="form-control" placeholder="Selecciona DD-MM-YYYY a consultar" >		
		</div>
		
		<div class="col-sm-2">			
			<button type="button" id="consultar" class="btn btn-success btn-md">Consultar</button>
		</div>
		
		<div class="col-sm-2">
			<button id ="cargar" type="button" class="btn btn-success btn-md" data-bs-toggle="modal" data-bs-target="#modalCargaArchivo">Cargar Excel</button>
	    </div>
	   
	    
		<div class="col-sm-3 centrar-elemento">
			<button id ="guardar" type="button" class="btn btn-primary btn-md">Guardar Cambios</button>
		</div>
		
   </div>
   
   <br/>
   
   <div class ="row">
        
    	<div class="col-sm-4">
     		<button id ="mesAnterior" type="button" class="btn btn-info btn-md ">Anterior</button>
		</div>
						
		<div class="col-sm-3">
	    </div>
	    
	    <div class="col-sm-3">
			<a id="plantillaLink" onclick="descargaPlantilla()">DESCARGAR PLANTILLA</a>
	    </div>
	      
		<div class="col-sm-2">
			<button id ="mesSiguiente" type="button" class="btn btn-info btn-md">Siguiente</button>
		</div>	 
	    	       	    	  		  	                 	  	  
   </div>

   <br/>
         
   <div id="" class="row">
    	<div class="col-sm-6">
    	</div>
    	<div class="col-sm-4">
	   		<img id="gifLoad" src="${contextPath}/design/img/loading.gif" alt="Mountain View" style="width:30px;height:50px; display:none">
	   	</div>
   </div>
    
   <div id="divTabla" class="row"></div>

   <input type="text" id="pmn" value="2" style="display:none">
   
   <script src="${contextPath}/js/common/jquery/jquery-format/jquery.number.min.js"></script>          
   <script src="${contextPath}/js/dda/carga/suscriptor/cargaSuscriptores.js?v=${versionJS}"></script> 
   <script src="${contextPath}/js/common/perfil/perfilService.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/common/perfil/perfilController.js?v=${versionJS}"></script>
   <script src="${contextPath}/design/js/plugins/DataTables/datatables.min.js"></script>
   <script>
		$().ready(function() {
			var perfilController = new PerfilController();
			perfilController.ejecutarPerfil(parseInt($("#pmn").val()));
		});
	</script>
   <jsp:include page="/jsp/dda/carga/suscriptor/modalCargarArchivo.jsp" />
                               

<%@include file="/jsp/common/defaultBottomLogin.jsp"%>

