<!-- Modal -->
<div class="modal  bs-example-modal-lg" id="modalSolicitaFechaCancelacion">

	<div class="modal-dialog  modal-lg">
		
		<div class="modal-content">
		
			<form id="cancelaForm" action="opcionesContrato_cancela">
				
				<input type="hidden" id="pmn" name="pmn" value="${pmn}" />
				<input type="hidden" id="pmnReturn" name="pmnReturn" value="${pmnReturn}" />
				<input type="hidden" id="idContrato" name="idContrato"  value="${idContrato}" />
				<input type="hidden" id="expedienteUsuario" name="expedienteUsuario" value="${usuario.expediente}" />
				<input type="hidden" id="tipoContrato" name="tipoContrato" value="${tipoContrato}" />  
				
				<div class="modal-header">
					<h3 class="modal-title"><b>Ingrese fecha de cancelaci&oacute;n</b></h3>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
				</div>
					
					<div class="modal-body">
		
						<div class="form-group">
							<div class="col-sm-2">
								<label class="control-label" >N&uacute;mero de contrato:</label>
							</div>
							
							<div class="col-sm-4">
								<input class="form-control text-right" type="text" value="${numeroContrato}" disabled>
							</div>
							
							<div class="col-sm-6"></div>
						</div> 
						
						<div class="form-group">
							<div class="col-sm-2">
								<label class="control-label">Estudio:</label>
							</div>
							
							<div class="col-sm-4">
								<input class="form-control text-right" type="text" value="${descripcionEstudio}" disabled>
							</div>
							
							<div class="col-sm-6"></div>
						</div>
						
						<div class="form-group">
							<div class="col-sm-2"></div>
							<div class="col-sm-2">
								<label class="control-label">Fecha Inicio:</label>
							</div>
							
							<div class="col-sm-2">
								<input class="form-control text-right" type="text" value="${fechaInicio}" disabled>
							</div>
							
							<div class="col-sm-6"></div>
						</div>
						
						<div class="form-group">
							<div class="col-sm-2"></div>
							<div class="col-sm-2">
								<label class="control-label text-right">Fecha Fin:</label>
							</div>
							
							<div class="col-sm-2">
								<input class="form-control text-right" type="text" value="${fechaFin}" disabled>
							</div>
							
							<div class="col-sm-6"></div>
						</div>
						
						<div class="form-group">
							<div class="col-sm-2"></div>
							<div class="col-sm-2">
								<label class="control-label text-right">Fecha de cancelaci&oacute;n:</label>
							</div>
									
							<div class="col-sm-2">
								<input class="form-control datepicker required text-right" id="fechaCancelacion" 
								name="fechaCancelacion" type="text" value="${fechaFin}" onchange="validaFechaCancelacion()">
							</div>
							<div class="col-sm-6"></div>  
						</div>
							
					</div>
					
	
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-bs-dismiss="modal">Regresar</button>
						<button type="submit" class="btn btn-success" onclick="seleccionaTodo()">Guardar</button>
					</div>
				
			</form>
			
		</div>
	</div>

</div>

<script type="text/javascript">
function validaFechaCancelacion(){
	
	var fcancelacion = new Date($("#fechaCancelacion").val());
	var fiOrg = new Date($("#fechaInicioOrg").val());
	var ffOrg = new Date($("#fechaFinOrg").val());
	
	if((fcancelacion < fiOrg) || (fcancelacion > ffOrg)) {
		$("#fechaCancelacion").val($("#fechaFinOrg").val());
	}
	
}
</script>