<%@include file="/jsp/common/taglibs.jsp"%>
    
<div class="modal fade bs-example-modal-lg" id="modalImportarArchivo">
	<div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">        
        <h4 class="modal-title">Subir Archivo</h4>
      </div>
      <div class="modal-body">
			<div id="esperaDiv" align="center" ></div>                
	        <s:form id="idFormCargaAlgo" class="form-horizontal col-md-10" action="#">
				<fieldset>
					<div class="form-group">
						<label for="inputEmail3" class="col-md-2  control-label">Selecccione archivo: </label>
						<div class="col-md-4">
							<div id="cargaFeesDiv">Upload</div>
						</div>
					</div>
				</fieldset>
			</s:form>                
      </div>
      <div class="modal-footer">
        	<button type="button" class="btn btn-default" ng-click="verificarDatos()">Cerrar</button>
			<button type="button" class="btn btn-primary" ng-click="cargarDatos()">Aceptar</button>
      </div>
    </div>

  </div>
</div>
 
 
<div id='modificarPeriodo' name='modificarPeriodo' class='modal fade bs-example-modal-sm' >
		<input type="hidden" id="tipo" >
		<input type="hidden" id="columna" >
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Modificar Periodo</h3>
				</div>
				<div class='modal-body'>				
					<div class='row'>
					    <input type="hidden" id="idPerFecha"/>
						<div class="col-xs-1">
						    <label>Fecha Inicio : </label>																					
						</div>						
						<div class="col-xs-2">
							<input type="text" id="fechaPerInicio" class="datepicker form-control"/>					
						</div>
						<div class="col-xs-2">																											
						</div>
						<div class="col-xs-1">
							<label>Fecha Fin : </label>																					
						</div>
						<div class="col-xs-2">				
							<input type="text" id="fechaPerFin" class="datepicker form-control"/>																	
						</div>
					</div>														
					<label id="labErroPer" style="color:red; display:none;"></label>
				</div>
				<div class='modal-footer'>					
				    	<button type='button' id="aceptarPer" class='btn btn-default' ng-click="actualizarFechasMinimos()">Aceptar</button>				    					    					
				</div>
			</div>
		</div>
</div>
 
 <div id='agregarPeriodo' name='agregarPeriodo' class='modal fade bs-example-modal-sm' >
		<input type="hidden" id="tipo" >
		<input type="hidden" id="columna" >
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Agregar Periodo</h3>
				</div>
				<div class='modal-body'>
					<div class='row'>
							
							<div class="col-xs-3">
					    		<label class="radio-inline"><input type="radio" id="perAnt"   name="optPer">Replica Último Periodo</label>
					    	</div>
					    	<div class="col-xs-2">
								<label class="radio-inline"><input type="radio" id="perNuevo" name="optPer">Nuevo Periodo</label>							
							</div>
							<div class="col-xs-2">
							</div>
							<div class="col-xs-2">
								<label class="checkbox-inline"><input type="checkbox" id="chInflacion" value="">Inflación</label>
							</div>
					</div>				
					<br><br>
					<label>Fechas del Periodo</label>
					<br><br>
					<div class='row'>
					    <input type="hidden" id="idPerFecha"/>
						<div class="col-xs-1">
						    <label>Fecha Inicio : </label>																					
						</div>						
						<div class="col-xs-2">
							<input type="text" id="fechaAgInicio" class="datepicker form-control"/>					
						</div>
						<div class="col-xs-2">																											
						</div>
						<div class="col-xs-1">
							<label>Fecha Fin : </label>																					
						</div>
						<div class="col-xs-2">				
							<input type="text" id="fechaAgFin" class="datepicker form-control"/>																	
						</div>
					</div>														
					<label id="labErroAgPer" style="color:red; display:none;"></label>
				</div>
				<div class='modal-footer'>					
				    	<button type='button' id="aceptarAg" class='btn btn-default' ng-click="agregarNuevoPeriodo()">Aceptar</button>				    					    					
				</div>
			</div>
		</div>
</div>

<div id='modificarPeriodoRev' name='modificarPeriodoRev' class='modal fade bs-example-modal-sm' >
		
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Modificar Periodo</h3>
				</div>
				<div class='modal-body'>				
					<div class='row'>					   
						<div class="col-xs-1">
						    <label>Fecha Inicio : </label>																					
						</div>						
						<div class="col-xs-2">
							<input type="text" id="fechaPerInicioRev" class="datepicker form-control"/>					
						</div>
						<div class="col-xs-2">																											
						</div>
						<div class="col-xs-1">
							<label>Fecha Fin : </label>																					
						</div>
						<div class="col-xs-2">				
							<input type="text" id="fechaPerFinRev" class="datepicker form-control"/>																	
						</div>
					</div>														
					<label id="labErroPerRev" style="color:red; display:none;"></label>
				</div>
				<div class='modal-footer'>					
						<button type='button' id="aceptarPerEdRev" class='btn btn-default' ng-click="editarPeriodoRevenue()" style="display:none">Aceptar</button>
				    	<button type='button' id="aceptarPerRev" class='btn btn-default' ng-click="agregarPreiodoRevenue()" style="display:none">Aceptar</button>				    					    					
				</div>
			</div>
		</div>
</div>

<div id='excepcionDialog' name='excepcionDialog' class='modal fade bs-example-modal-sm' >
		
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
 				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
				<!--	<h3 class='modal-title'>Modificar Periodo</h3>-->
				</div> 
				<div class='modal-body'>				
				<div class='form-group'>
<!-- 				   <div class="container">
 -->					  <div class="col-xs-2" >
					          <label >Titulos en Contrato</label>		    
					      </div>
					      <div class="col-xs-3">
					      <select id="tipoCambio"  class="form-control" ng-model="tituloExcepcionEleccion"
					      	ng-options="titulo as titulo[1].valor for titulo in tablaExcepciones.titulos" >						       						      
						  </select>
					      </div>
					      <div class="col-xs-2"><button type="button" class="btn btn-primary btn-sm btn-agregar" ng-click="eligeTituloExcepcion(tituloExcepcionEleccion, tablaExcepciones.titulos, tablaExcepciones.excepciones)" >Seleccionar Titulo</button></div>
					      <div class="col-xs-2"></div>
					  	  <div class="col-xs-2"><button type="button" class="btn btn-primary btn-sm btn-agregar" ng-click="abrirModalPeriodosExcepcion('premium', 'AGREGAR')" >Agregar Periodo</button></div>
<!-- 				    </div>
 -->		    </div> 
 				<div class='row'>
				   
				   <div id="scrollExcepciones" class="search-table-outter wrapper" style="max-width: 750px;">                    				
 				   <table id="revPremimumDiv"class="table table-responsive feesT">
	              		<col style="width: 100px; min-width: 100px;"/>
	                	<thead class="">                		
				      		<tr>
								<th class="encabezados encabezadoTabla" colspan="1"></th>
								<th class="encabezados encabezadoTabla" colspan="1"></th>
								<th class="encabezados encabezadoTabla" colspan="2"  ng-repeat="x in tablaExcepciones.periodos" ng-click="abrirModalPeriodosExcepcion('premium', 'EDITAR', tablaExcepciones.periodos, $index)">{{x.valor}}</th>
								<th class="encabezados encabezadoTabla"></th>
				    		</tr>
				    		<tr>
								<th class="encabezados encabezadoTabla">Id Broadview</th>
								<th class="encabezados encabezadoTabla">Titulo</th>																				
								<th class="encabezados encabezadoTabla"  ng-repeat="y in tablaExcepciones.conceptos track by $index">{{y}}</th>
								<th class="encabezados encabezadoTabla"></th>
				    		</tr>				    		
				        <thead>
				        <tbody>
		                    <tr ng-repeat="fila in tablaExcepciones.excepciones" >                                                                        		                        		                      		                  		
		                        <td  ng-repeat="columna in fila" class="tdEditable">		                            
		                            <input ng-if="$index == 0" type="text" ng-model="columna.valor" readonly />
		                            <input ng-if="$index == 1" type="text" ng-model="columna.valor" readonly />
		                            <input class="tdEditable" ng-if="($index % 2) != 0 && $index != 1"  type="text" ng-model="columna.valor" readonly />
		                            <input class="tdEditable" ng-if="($index % 2) == 0 && $index != 0"" type="text" ng-model="columna.valor" ng-change="calculaRevenueCelda($parent.$parent.$index, $index, tablaExcepciones.excepciones)" ng-model-options="{updateOn: 'blur'}" />		                            		                             		                            			                                                       	                           	                          		                                              
		                  		</td>	
		                  		<td> 
		                  		   <!--  <label> {{tablaReleasePrem.mensajes[$index] }} </label>  -->
		                  		    <i role="button" class="fa fa-times" ng-click="eligeTituloExcepcion(fila, tablaExcepciones.excepciones, tablaExcepciones.titulos)"></i>
		                  		</td>		                  		 	
		                    </tr>	
		                    <tr>
		                    	<td></td><td></td>
		                        <td colspan="2"  ng-repeat="x in tablaExcepciones.periodos">		                            
		                     	    <i role="button" class="fa fa-times" ng-click="eliminaPeriodoExcepcion($index, tablaExcepciones)"></i>
		                        </td>	
		                        <td></td>
		                    </tr>
		                    	                    
	                    </tbody>
	                </table> 
	                </div>	           
	                   
<!--  						<div class="col-xs-1">
						    <label>Fecha Inicio : </label>																					
						</div>						
						<div class="col-xs-2">
							<input type="text" id="fechaPerInicioRev" class="datepicker form-control"/>					
						</div>
						<div class="col-xs-2">																											
						</div>
						<div class="col-xs-1">
							<label>Fecha Fin : </label>																					
						</div>
						<div class="col-xs-2">				
							<input type="text" id="fechaPerFinRev" class="datepicker form-control"/>																	
						</div>  -->
						
					</div>														
				<label id="etiquetaErrorExcepcion" style="color:red; display:none;"></label>
				</div>
				<div class='modal-footer'>	
<!-- 				 		<button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
 -->								
						<button type='button' id="aceptarExcepcionesBoton" class='btn btn-default'  ng-click="aceptarModalExcepciones( tablaExcepciones )" >Aceptar</button>
						<button type='button' id="cancelarExcepcionesBoton" class='btn btn-default' ng-click="cancelarModalExcepciones( tablaExcepciones )">Cancelar</button>				    					    					
						
				</div>
			</div>
		</div>
</div>

<div id='periodosExcepcion' name='periodosExcepcion' class='modal fade bs-example-modal-sm' >
		
		 <div class='modal-dialog  modal-lg'>
		    <div class='modal-content'>
				<div class='modal-header'>
				 <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>X</button>
					<h3 class='modal-title'>Modificar Periodo</h3>
				</div>
				<div class='modal-body'>				
					<div class='row'>					   
						<div class="col-xs-1">
						    <label>Fecha Inicio : </label>																					
						</div>						
						<div class="col-xs-2">
							<input type="text" id="fechaInicialPeriodoExcepcion" class="datepicker form-control"/>					
						</div>
						<div class="col-xs-2">																											
						</div>
						<div class="col-xs-1">
							<label>Fecha Fin : </label>																					
						</div>
						<div class="col-xs-2">				
							<input type="text" id="fechaFinalPeriodoExcepcion" class="datepicker form-control"/>																	
						</div>
					</div>														
					<label id="etiquetaErrorPeriodo" style="color:red; display:none;"></label>
				</div>  
				<div class='modal-footer'>					
 						<button type='button' id="botonAceptarAgregarPeriodoExcepcion" class='btn btn-default' ng-click="operaPeriodoExcepcion( tablaExcepciones )" style="display:none">Aceptar</button>
<!-- 				    	<button type='button' id="botonAceptarAgregarPeriodoExcepcion" class='btn btn-default' ng-click="agregarPeriodoExcepcion()" style="display:none">Aceptar</button>				    					    					
 -->				</div>
			</div>
		</div>
</div>










