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

	<!-- Codigo para obtener atributos del request en el js -->
	<% String type           = request.getParameter("tipo"); %>	       
    <script type="text/javascript">
    	var tipoPre    = "<%= type %>";
    </script>
    <!-- ***************************************************** -->
    
    <style>

	tr.encabezado {
		--bs-emphasis-color: #FFF !important;
		--bs-table-bg: #CB2C25 !important;
	}
	
	:root, [data-bs-theme=light] {
	    --bs-emphasis-color: #FFF !important;
	}
	
	.table {
	    --bs-table-color: var(--bs-emphasis-color-rgb);
	    --bs-table-striped-color: var(--bs-emphasis-color-rgb);
	    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
	    --bs-table-hover-color: var(--bs-emphasis-color-rgb);
	}
	
	.nav-tabs{
	    --bs-nav-tabs-link-active-color: var(--bs-yellow);
	}
	
	.nav{
	    --bs-nav-link-color: var(--bs-red);
	    --bs-nav-link-hover-color: var(--bs-emphasis-color-rgb);
	}
	</style>

   <form class="form-horizontal" >

     <input type="hidden" id ="tipo" name="tipo"/>
     <fieldset>

			 <div class="form-group">
				<div class="col-sm-2">
					<br>
			      	<label class="control-label" for="inputAnnio">Aņo a Configurar: </label>
			    </div>	 				
		      	<div class="col-sm-3">		
					<br>
					<select id="anio" class="form-control-sm" required>
			          <option value="-1"> Seleccione el a&ntilde;o</option>			            
		            </select>
		      	</div> 
		      	<div class="col-sm-3">
		    		<button id="buscar" class="btn btn-default" type="button" style="margin-top: 14px;" >Consultar</button>
		    		<button id="redis"  class="btn btn-info"    type="button" style="margin-top: 14px; display:none;" >Redistribuir</button>		    		
		    	</div>		    	     	
		    </div>

			<br><br><br>
       
			<div id="divAmortizable" style="display:none">       
				<div id="divMontos" class="row">
					      	
			      	<div class="col-sm-3">
			      		<label class="control-label" for="inputMontoAmortizable">Autorizado: </label>
			        	<input type="text" id="montoAmortizableVal" class="form-control" cssStyle="text-align: right;" readOnly/>		        			        
			      	</div>        	
			           	      	
			      	<div class="col-sm-3" id="idMonto">
			      		<label class="control-label" for="inputTotalMontoAsignado">Asignado: </label>
			        	<input type="text" id="montoTotalAsignado" class="form-control"  cssStyle="text-align: right;" readOnly/>		        	  
			      	</div>       	
			      	     	      	
			      	<div class="col-sm-3" id="idDisponble">
			      		<label class="control-label" for="inputTotalMontoAsignado">Disponible: </label>
			        	<input type="text" id="montoDisponible" class="form-control"  cssStyle="text-align: right;" readOnly/>		        	
			      	</div>   	
			    </div>
		            
		        <div class="row">
					<br><br><br>		      	
			    </div>
			    
				<div id="divApartados" class="row">
							      	
			    </div>
			 </div>
			 
			 <div id="divNAmortizable" style="display:none">       
				<div id="divMontos" class="form-group">					      	
			      	<div class="col-sm-3" id="idMonto">
			      		<label class="control-label" for="inputTotalMontoAsignado">Monto Total Asignado: </label>
			        	<input type="text" id="montoAsignadoNo" class="form-control"  disabled="true"  cssStyle="text-align: right;"/>		        	  
			      	</div>       				      	     	      	
			    </div>
	
				<div id="divNApartados" class="form-group">		      	
			    </div>
			 </div>
		    		    		      
		   <div class="col-sm-2">
		        <a href="../../presupuestos/catalogoPresupuestos/index?pmn=${pmn}" class="btn btn-default" roll="button" >Regresar</a>		      			      	
		   </div>
           <div class="col-sm-2">		        		      	
		      	<button id="btnGuardar" type="button" class="btn btn-success" >Guardar</button>
		   </div> 
		   
		   <div class ="row">
                 <div class ="col-sm-1"></div>
   		         <label id="labelProcesando" class="col-sm-2 text-danger" for="porcentaje" style="display:none">Procesando Informaci&oacute;n....</label>
      		</div>
               
    </fieldset>  
   </form>
   
   
   <div id="modalRedistribucion" class="modal" role="dialog">
	  <div class="modal-dialog">
	
	    <!-- Modal content-->
	    <div class="modal-content">
	      <div class="modal-header">
	      	<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
	        <h4 class="modal-title">Redistribuci&oacute;n Presupuestos</h4>
	      </div>
	      
	      
	      <div class="modal-body">
	      	
	      	<div class="form-group">
				<div class="col-sm-3">
					<input id="chmontoDisponible" type="checkbox" value="1" onclick="cambiaMontoDisponible();llenarApartado('disponible');">
					<label class="control-label" for="input" >Monto disponible </label> 
				</div>		
				<div class="col-sm-4">
					<input type="text" id="redismontoDisponible" class="form-control"  readOnly/>
				</div>	
		  	</div>
		 
	      	<table class="table table-bordered">
			    <thead>
			      <tr>
			        <th></th>
			        <th>Apartado Origen</th>
			        <th>Apartado Destino</th>
			      </tr>
			    </thead>
			    <tbody>
			      <tr>
			        <td>
			        	<input type="hidden" class="form-control" id="maOrigenHid"  	readOnly>
			        	<input type="hidden" class="form-control" id="maDestinHid"  	readOnly>
			        	<input type="hidden" class="form-control" id="mDisponibleHid"  	readOnly>
			        </td>
			        <td>
			          <select id="apOrigen"  onchange="llenarApartado('origen');" class="form-control-sm" />
		            </td>
			        <td>
			          <select id="apDestino" onchange="llenarApartado('destino');" class="form-control-sm" />			          
			        </td>
			      </tr>
			      <tr>
			        <td>Monto Asignado</td>
			        <td><input type="text" class="form-control" id="maOrigen"  readOnly></td>
			        <td><input type="text" class="form-control" id="maDestino" readOnly></td>
			      </tr>
			      <tr>
			        <td>Monto Comprometido</td>
			        <td><input type="text" class="form-control" id="mcOrigen"  readOnly></td>
			        <td><input type="text" class="form-control" id="mcDestino" readOnly></td>
			      </tr>
			      <tr>
			        <td>Monto Redistribuir</td>
			        <td></td>
			        <td><input type="text" class="form-control" id="mRedistribur" placeholder="Monto Redistribuir" onchange="onChangeMonto()"></td>
			      </tr>
			    </tbody>
		     </table>
		     
		     <label id="redLabel" style="display:none">La redistribuci&oacute;n no se puede aplicar, el monto comprometido no se cumple.</label>
		     
		      <div class ="row">
                 <div class ="col-sm-4"></div>
   		         <label id="labelProcesandoDis" class="col-sm-4 text-danger" for="porcentaje" style="display:none">Procesando Informaci&oacute;n....</label>
      		  </div>
	       	        	       	        
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Cancelar</button>
	        <button type="button" id="btnGudDis"class="btn btn-primary" data-bs-dismiss="modal" onclick="guardarRedistribucion()">Redistribuir</button>
	      </div>
	    </div>
	
	  </div>
	</div>
   	         
   <script src="${contextPath}/js/dda/admin/presupuestos/editarPresupuesto.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/dda/admin/presupuestos/presupuestoAmortizable.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/dda/admin/presupuestos/presupuestoNoAmortizable.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/dda/admin/presupuestos/redistribuirPresupuesto.js?v=${versionJS}"></script>
   
      	       
   <script src="${contextPath}/js/dda/admin/presupuestos/Presupuesto.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/dda/admin/presupuestos/Apartado.js?v=${versionJS}"></script>
   <script src="${contextPath}/js/dda/admin/presupuestos/PresupuestoService.js?v=${versionJS}"></script>		

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