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

	<script src="${contextPath}/js/dda/reporte/pago/reportePago.js?v=${versionJS}"></script>
	
	<style type="text/css">
		.totalContratoRowClass { background-color: #ffffcc; background-image: none; }
        .contratoRowClass { background-color: #DCFFFF; background-image: none; }
    </style>
	
	
	<input type="hidden" id="pmn" name="pmn" value="${pmn}" />
	<input type="hidden" id="pmnReturn" name="pmnReturn" value="${pmnReturn}" />
	
	<div class="form-group">
	
		<div class="col-sm-1">
			<label class="control-label" for="campoEstudio">Estudio:</label>
		</div>
		<div class="col-sm-3">
			<select style="width: 300px;" class="form-control-sm" id="campoEstudio" name="campoEstudio" onclick="" onchange="llamaObtenerDetalleContratos()">
				<option value="">Seleccione</option>
				<s:iterator value="estudios" status="nestudio">
					<option value="<s:property value="idEstudio" />">
						<s:property value="descripcionEstudio" />
					</option>
				</s:iterator>
			</select>
		</div>
		<div class="col-sm-1"></div>
		<div class="col-sm-1">
			<label class="control-label" for="campoContrato">Contrato:</label>
		</div>
		<div class="col-sm-3">
			<select style="width: 250px;" class="form-control-sm" id="campoContrato" name="campoContrato" onclick="" disabled onchange="">
			</select>
		</div>
	
		<div class="col-sm-3"></div>
	</div>
	
	<div class="form-group">
	
		<div class="col-sm-1">
			<label class="control-label" for="peiodo">Periodo:</label>
		</div>
	
		<div class="col-sm-2">
			<input class="form-control datepicker required hidden-calendar" id="campoFechaInicio" name="campoFechaInicio" type="text" value="${fechaInicio}" onchange="colocaFechaFin()">
		</div>
	
		<div class="col-sm-1 centrar-elemento">
			<label class="control-label" for=""> ... </label>
		</div>
	
		<div class="col-sm-2">
			<input class="form-control datepicker required" id="campoFechaFin" name="campoFechaFin" onchange="" type="text" value="${fechaFin}" disabled>
		</div>
	
	
		<div class="col-sm-1">
			<button id="botonConsultar" class="btn btn-info" type="button" onclick="llamaReporteInfoAction()" disabled>Consultar</button>
		</div>
	
		<div class="col-sm-1"></div>
	
		<div class="col-sm-1 centrar-elemento">
			<button id="botonExportar" class="btn btn-success" type="button" onclick="descargarReporteEnExcel()" disabled>Exportar</button>
		</div>
		<div class="col-sm-3"></div>
		
	</div>
	
	</br>
	</br>
	
	<div id="reporteTableDiv" class="form-group">
			<table id="reporteTable"></table>
	</div>

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