	
 <div ng-app="${contextPath}" ng-controller="reporteAcumulateBuysController">
 
    <div class="form-group">							
							 <div  class="form-group row" >
							    <div class="col-sm-3">
							         <label for="estudio" class="col-md-2 control-label" style="width: 280px; padding-right: 0px;">Estudio: </label>
							    </div>
								<div class="col-md-6">								    																																			
									<select id="selectEstudios" name="selectEstudios" class="form-control-sm required" 
									        ng-model="estudioSeleccionado"
									        ng-options="estudio as estudio.desc_estudio for estudio in estudios track by estudio.id_estudio" required>
									        <option value="">Selecciona un Estudio</option>
									</select>									
								</div>	
							</div>
							<div class="form-group row">
							    <div class="col-sm-3">
							         <label for="type" class="col-md-2 control-label required" style="text-align: right; width: 300px; padding-right: 0px;">Type: </label>
							    </div>							    
								<div class="col-md-3">
									     <select style="width:200px;" class="form-control-sm" id="type">
									    	<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>		
	<div class="form-group">
	  <div  class="col-md-12" >
	          <label class="col-md-3 control-label required" for="peiodo">Fecha Inicio:</label>
		<div class="col-sm-2">								    																																			
			<input class="form-control required" id="fechaInicio" name="fechaInicio" type="text">									
		</div>
	          <label class="col-md-2 control-label required" for="peiodo">Fecha Fin:</label>
		<div class="col-sm-2 centrar-elemento">
			 <input class="form-control required" id="fechaFin" name="fechaFin" type="text">
		</div>	
	  </div>
	</div>
	<div class="form-group">
	    <div class="col-sm-4"></div>
		<div class="col-sm-1">
			<button id="botonConsultar" class="btn btn-primary" type="button" ng-click="reporteAcumulateBuys()">Generar Reporte</button>
		</div>
		<div class="col-sm-1"></div>
		<div class="col-sm-2 centrar-elemento">
			</button>
			 <button id="imp" type="button" ng-click="printReport()">
			<img src="${contextPath}/design/img/common/print.png"/>
			
			</button>
			 <button id="botonExportar" type="button" ng-click="descargaExcel()">
					<img src="${contextPath}/design/img/common/excel.gif"/>
			 </button>
		</div>
	</div>
	
	</br>
	</br>
	
	<div id="TableDiv" class="form-group printable">
	        <div id="imgPrint" class="col-sm-1" style="display:none; "> 
			           <h3 style="font-weight:bold;"><img style="padding-right: 50px;" src="${contextPath}/design/img/common/Clarovideo.png"/>REPORTE DE SEGUIMIENTO AL PRESUPUESTO {{annio}}</h3>
		    </div>
			<table id="reporteTable" class="table">
			          <thead>
			                <tr class="encabezado" role="row">
								<th class="encabezados encabezadoTabla" ng-repeat="column in header track by $index" 
								ng-style="column.valor == 'TOTAL' ? { 'text-align': 'right'} : { 'text-align': 'center'}">{{column.valor}}</th>																									     	                			 	
				    		</tr>
			          </thead>
			          <body>
                            <tr ng-repeat="row in reporte track by $index" ng-init="outerIndex = $index" >                                                                    		                        		                      		                  		
		                        <td ng-style="setFormat(row, column, outerIndex, $index,reporte.length)" 
		                            ng-repeat="column in row track by $index" class="tdEditable">		                            
		                              {{($index > 0 ) ? (column|number:0) : column}}		                  		
		                        </td>		                  				                  		
		                    </tr>
			          </body>
			</table>	
	</div>
  </div> 
 