	
 <div ng-controller = "reporteOveragesYPaymentsController">
	
	<div class="form-group row">
		<div class="col-xs-1"><label class="control-label" for="estudio">Estudio:</label></div>
		<div class="col-xs-3">
		   <select class="form-control" id="estudios" ng-model="estudio">
               <option value="">Seleccione</option>
               <option ng-repeat="option in estudios" 
                       value="{{option.idEstudio}}" 
                       ng-selected="{{option.idEstudio == estudio}}">{{option.descripcionEstudio}}
               </option>
           </select> 
<!-- 			<select class="form-control" id="estudio" ng-model="estudio">
				<option value="">Seleccione</option>
				<option value="mensual">Dummy</option>
				<option value="anual"  >Dummy2</option>
			</select> -->
		</div>
	</div>

	<div class="form-group row">
		<div class="col-xs-1"><label class="control-label" for="tipoPago">Type:</label></div>
		<div class="col-xs-3">
			<select class="form-control" id="tipoPago" ng-model="tipoPago">
				<option value="">Seleccione</option>
				<option value="Type 1 Premium">Type 1 Premium</option>
				<option value="Type 1 Premier">Type 1 Premier</option>
				<option value="Type 2">Type 2</option>
				<option value="EST 1/EST 2">EST 1/EST 2</option>
				<option value="EST 8">EST 8</option>
			</select>
		</div>
	</div>	
	
	<div class="form-group row">
		<div class="col-xs-1"><label class="control-label" for="mesInicial">Mes inicio:</label></div>
		<div class="col-xs-2">
			<input class="form-control required" id="mesInicial" name="mesInicial" type="text" ng-model="fechaInicio" ng-change="cambioFecha()">
		</div>
		<div class="col-xs-1"><label class="control-label" for="mesFinal">Mes fin:</label></div>
		<div class="col-xs-2">
			<input class="form-control required" id="mesFinal" name="mesFinal" type="text" ng-model="fechaFin" ng-change="cambioFecha()">
		</div>
	</div>	
	
	<div class="form-group row">
        <div class="col-xs-6"></div>
		<div class="col-xs-2">
			<button class="btn btn-success" type="button" ng-click="muestraReporte(fechaInicio, fechaFin, tipoPago, estudio)" >Generar Reporte</button>
		</div>
		
	    <div class="col-xs-2">
			<button ng-disabled="header == null || tabla == null" 
			   type="button" ng-click="imprime('areaImpresion', fechaInicio, fechaFin)" >
			      <img src="${contextPath}/design/img/common/print.png" />
			</button>
			<button ng-disabled="header == null || tabla == null" 
			   id="botonExportar" type="button" 
			   ng-click="descargaReporte(fechaInicio, fechaFin, tipoPago, 'ROP', estudio)" >
			      <img src="${contextPath}/design/img/common/excel.gif" />
			</button>
		</div>
	
		<div class="col-xs-1"></div>
		
	</div>
	
	<br>
	<br>
	
         <div ng-if="header != null && muestraInformacion" id ="tablaReporteCostoPerView" class="search-table-outter wrapper" >                    				
	              <div id ="areaImpresion">
	              <table class="table table-responsive feesT">
	                	<thead class="">                		
				      		<tr ng-repeat="row in header track by $index" >
								<th ng-if="mostrarColumna(column.cname)" class="encabezados encabezadoTabla" ng-repeat="column in row track by $index" ><div class="angular-with-newlines">{{column.valor}}</div></th>																									     	                			 	
				    		</tr>				    		
				        <thead>
				        <tbody>
<%-- 		                    <tr ng-if="tabla != null" ng-repeat="row in tabla track by $index" >                                                                        		                        		                      		                  		
		                        <td  ng-repeat="column in row track by $index" class="tdEditable"
		                        ng-style="$index == 0 && $parent.$index < tabla.length-1 ? { 'text-align':'left' } : { 'text-align': 'right' }">		                            
		                              {{ ($index > 0 && column != "") ? (column|number:2) : column}}		                  		
		                        </td>		                  				                  		
		                    </tr> --%>	
		                    <tr ng-if="tabla != null" ng-repeat="row in tabla track by $index"  ng-hide="ocultaFila(row[1].valor, row[2].valor, row[0].valor)">                                                                        		                        		                      		                  		
		                        <td  ng-if="mostrarColumna(column.cname)" ng-repeat="column in row track by $index" class="tdEditable">		                            
		                           <div ng-if="esLink(row, column)"  ng-style="obtenEstilo(row, column, $parent.$parent.$parent.$index, $index,  tabla.length)"><a  ng-click="ocultarFilas(row[1].valor, row[2].valor)">{{column.valor}}</a></div>  
		                       	   <div ng-if="!esLink(row, column)" ng-style="obtenEstilo(row, column, $parent.$parent.$parent.$index, $index,  tabla.length)">{{obtenFiltro(column.valor, row, column, $parent.$parent.$parent.$index, $index,  tabla.length)}}</div>
		                        </td>		                  				                  		
		                    </tr>
		                    <tr ng-if="tabla == null"  >                                                                        		                        		                      		                  		
		                        <td colspan="{{header[0].length}}" align="center" >	
		                          No se encontr&oacute; informaci&oacute;n	                            
 		                        </td>		                  				                  		
		                    </tr> 	                    
	                    </tbody>
	                </table>
	                </div>
	    </div> 
	
	
	</div>
