<%@include file="/jsp/common/defaultTopLogin.jsp"%>
<%@include file="/jsp/dda/contrato/transaccion/comun/scripts.jsp"%>

 <style>
	.nopadding {
	   padding: 0 !important;
	   margin: 0 !important;
	}
	
		 /*estilo especifico para el scroll*/
	  .search-table-outter { overflow-x: scroll; }
	  
	  table.feesT { border-collapse: collapse; }
 
	  th, td      { border : 1px solid black; }  		 	      		 
		
	  table.feesT input{
		      border:0px solid #000; 
		      margin:0; 
		      background:transparent;
		      width:100%;
		      text-align: center;		      
	  }
	  
	  .encabezados{
	  	  text-align: center;
	  }
	  
	  .encabezadoTabla{
	  	color: #FFF;
    	background: #CB2C25;
    	font-size: 1.1em;
    	font-weight: 400;    	    	
    	width : 90px ;
	  }
	  
	  .labelEtiqueta {
		  background-color: #ffffff;
		  color: #CB2C25;		  
		  padding: 4px;
		  text-transform: uppercase;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: xx-small;
	  }
	  
	  .filSpan3{
	     rowspan:3;
	  }	  		  		
	  
	  .readInput{
		background-color:#DCDCDC;    	
	  }
	  
	  .tdPrecio{
		 min-width : 60px !important;    	
	  }
	  
	  .tdEditable{
		 min-width : 60px;		     	
	  }		
 </style>

<script type="text/javascript">

$(document).ready(function() {
    $('#tabs').tabs({
        load: function(event, ui) {
            $(ui.panel).delegate('a', 'click', function(event) {
                $(ui.panel).load(this.href);
                event.preventDefault();
            });
        }
    });

    $("#tabs").bind('tabsselect', function(event, ui) {
        window.location.href=ui.tab;
    });

});

</script> 

 <input type="hidden" id="idCto" value="${session.idContrato}"/>

 <div class="container nopadding" ng-app="${contextPath}">
                                             		
 	<div class="row nopadding col-xs-10" >  

		<div class="container" ng-controller="terminosController">
					 <jsp:include page="/jsp/dda/contrato/transaccion/terminos/secciones/terminosModales.jsp" />
					 <div class="row">
					 
						 <div class="form-inline">
							  <div class="form-group col-xs-1" >
							    <label>Fecha del Contrato</label>		    
							  </div>
							  <div class="form-group col-xs-4">		    
							    <input type="text" class="form-control" id="fechaInicioCto" ng-model="fechaInicioCto" value="{{fechaInicioCto}}" readonly="readonly">
							    <input type="text" class="form-control" id="fechaFinCto"    ng-model="fechaFinCto"  value="{{fechaFinCto}}" readonly="readonly"/>
							  </div>						  
							  <div class="form-group col-xs-1">
							    <label>Tipo de Cambio</label>
							  </div>
							  <div class="form-group col-xs-3">

 							  <select name="tipoCambio" id="tipoCambio" ng-model="tipoCambio">
                                 <option ng-repeat="option in tiposCambio" 
                                         value="{{option.value}}" 
                                         ng-selected="{{option.value == tipoCambio}}">{{option.desc}}
                                 </option>
                              </select> 

							  </div>
							  <div class="form-group col-xs-1" >
							    <label>Inflación</label>		    
							  </div>
							  <div class="form-group col-xs-1" >
							    <input type="text" id="inflacionTx" ng-model="inflacion" class="form-control"/>		    
							  </div>				
						 </div>
		 
		 			 </div>
		 			 		 			 		 			 
					  <br/>
					 
					
					
					  <nav class="navbar navbar-default col-xs-9"">
						  <div class="navbar-inner ">						    
						    <ul class="nav nav-tabs">
						      <li class="active"><a data-toggle="tab" href="#home"  ng-click="inicializarPremium()">Premium (Type 1)</a></li>
							  <li>               <a data-toggle="tab" href="#menu1" ng-click="inicializarPremier()">Premier (Type 1)</a></li>
							  <li>               <a data-toggle="tab" href="#menu2" ng-click="inicializarLibreria()">Librería (Type 2)</a></li>
							  <li>               <a data-toggle="tab" href="#menu3" ng-click="inicializarMovies()">Premier (EST 1) / Librería (EST 2)</a></li>
							  <li>               <a data-toggle="tab" href="#menu4" ng-click="inicializarSeries()">EPISODIOS DE SERIE (EST 8)</a></li>
						    </ul>
						  </div>
					</nav>
					  
					<br/>					  								 					 					 					
  		  		  
  		  		    <div class="form-group col-xs-10">				  		  									   
						   <div class="tab-content">
								  <div id="home" class="tab-pane fade in active">
								        <br>						    
								    	<jsp:include page="/jsp/dda/contrato/transaccion/terminos/rentaPremium.jsp" />
								  </div>
								  <div id="menu1" class="tab-pane fade">
								  		<br>
								    	<jsp:include page="/jsp/dda/contrato/transaccion/terminos/rentaPremier.jsp" />
								  </div>
								  <div id="menu2" class="tab-pane fade">
								  		<br>
								    	<jsp:include page="/jsp/dda/contrato/transaccion/terminos/rentaLibreria.jsp" />
								  </div>
								  <div id="menu3" class="tab-pane fade">
								  		<br>
								    	<jsp:include page="/jsp/dda/contrato/transaccion/terminos/ventaMovies.jsp" />
								  </div>
								  <div id="menu4" class="tab-pane fade">
								   		<br>
								    	<jsp:include page="/jsp/dda/contrato/transaccion/terminos/ventaSeries.jsp" />
								  </div>
						   </div>
					</div>
					   
		</div> 		 		 		 			  		  		  		  		  		  		  		        	      
    </div>
</div>


<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/fees/feesUpload.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/ventaMoviesController.js?v=${versionJS}"></script>

<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/revenueService.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/terminosValidateService.js?v=${versionJS}"></script>
                                                              
 
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/releaseService.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/precioService.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/minimosService.js?v=${versionJS}"></script>

<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/terminosController.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/terminos/terminosService.js?v=${versionJS}"></script>


<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/transaccion/comun/tablaService.js?v=${versionJS}"></script>

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