<!-- [INICIO] gerenciamentoPortfolioVinculoServicoContrato.jsp -->
<div class='row-fluid'>
	<div id="divFormularioVinculoServicoContrato">
		<form name='formVinculoServicoContrato' action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioVinculoServicoContrato/gerenciamentoPortfolioVinculoServicoContrato'>
			<input type='hidden' name='idPortfolioServico' id='idPortfolioServicoVinculo'/>
			<input type='hidden' name='idServicoRelacionado' id='idServicoRelacionadoVinculo'/>
			<input type='hidden' name='idContrato' id='idContratoVinculo'/>
			<input type='hidden' name='idServicoSelecionado' id='idServicoSelecionadoVinculo'/>
			<input type='hidden' name='expandir' id='expandirVinculo'/>
			<input type='hidden' name='reiniciaSla' id='reiniciaSlaReabrir'/>
			<input type='hidden' name='listaFluxosSerializados' id='listaFluxosSerializadosVinculo'/>

			<input type='hidden' name='paginaSelecionadaRequisicao' id='paginaSelecionadaRequisicaoVinculo'/>
			<input type='hidden' name='filtroServicoRequisicao' id='filtroServicoRequisicaoVinculo'/>

			<input type='hidden' name='paginaSelecionadaIncidente' id='paginaSelecionadaIncidenteVinculo'/>
			<input type='hidden' name='filtroServicoIncidente' id='filtroServicoIncidenteVinculo'/>
			
			<input type='hidden' name='paginaSelecionadaProcedimento' id='paginaSelecionadaProcedimentoVinculo'/>
			<input type='hidden' name='filtroServicoProcedimento' id='filtroServicoProcedimentoVinculo'/>
			
			<input type='hidden' name='tipoServico' id='tipoServico'/>
			<input type='hidden' name='idServicoContratoTempoAtendimento' id='idServicoContratoTempoAtendimento'/>
			<input type='hidden' name='listaIdsStrServicosContratoVinculados' id='listaIdsStrServicosContratoVinculados'/>
			<input type="hidden" id="colAllLOOKUP_SERVICOS_VINCULAR_CONTRATO" name="colAllLOOKUP_SERVICOS_VINCULAR_CONTRATO"/>

			<input type="hidden" id="editar" name="editar"/>

			<div class='row-fluid' id="divNomeServicoVinculoContrato">
				<div class='span12'>
					<label class="strong"><fmt:message key="gerenciaportfolio.nomeServico" /></label>
					<input class='span12' type='text' name='nomeServico' id='nomeServicoVinculo' readonly/>
				</div>
			</div>

			<div class='row-fluid'>
				<div class='span4'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.condicaoOperacao" /></label>
					<select class='span12 Valid[Required] Description[visao.condicaoOperacao]' id="idCondicaoOperacaoVinculo" name="idCondicaoOperacao" ></select>
				</div>
				<div class='span4'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.dataDeInicio" /></label>
					<input class='span12 Format[Date] Valid[Date] Valid[Required] Description[visao.dataDeInicio] datepicker' type='text' name='dataInicio' id='dataInicioVinculo' size='10' maxlength="10"/>
				</div>
				<div class='span4'>
					<label class="strong"><fmt:message key="citcorpore.comum.datafim" /></label>
					<input class='span12 Format[Date] Valid[Date] datepicker' type='text' name='dataFim' id='dataFimVinculo' size='10' maxlength="10"/>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.observacao" /></label>
					<textarea class="span12" name="observacao" id="observacaoVinculo" rows="2"></textarea>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.restricoesPressuposto" /></label>
					<textarea class="span12" name="restricoesPressup" id="restricoesPressupVinculo" rows="2"></textarea>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.objetivo" /></label>
					<textarea class="span12" name="objetivo" id="objetivoVinculo" rows="2"></textarea>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.descricaoProcesso" /></label>
					<textarea class="span12" name="descricaoProcesso" id="descricaoProcessoVinculo" rows="2"></textarea>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.linkProcesso" /></label>
					<input class="span12" name="linkProcesso" id="linkProcessoVinculo"  type='text' maxlength="256" />
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.areaRequisitante" /></label>
					<input class="span12" name="areaRequisitante" id="areaRequisitanteVinculo" type='text' maxlength="256" />
				</div>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.vincular.modEmailAberturaIncidente" /></label>
					<select class='span12 Valid[Required] Description[gerenciaportfolio.vincular.modEmailAberturaIncidente]' name="idModeloEmailCriacao" id="idModeloEmailCriacaoVinculo" ></select>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="gerenciaportfolio.vincular.modEmailFinalizacaoIncidente" /></label>
					<select class='span12' name="idModeloEmailFinalizacao" id="idModeloEmailFinalizacaoVinculo" ></select>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span3'>
					<label class="strong"><fmt:message key="gerenciaportfolio.vincular.modEmailDemaisAcoes" /></label>
					<select class='span12' name="idModeloEmailAcoes" id="idModeloEmailAcoesVinculo" ></select>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.grupoEscalacaoNivel1" /></label>
					<select class='span12' name="idGrupoNivel1" id="idGrupoNivel1Vinculo" ></select>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.grupoExecutor" /></label>
					<select class='span12' name="idGrupoExecutor" id="idGrupoExecutorVinculo" ></select>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="visao.grupoAprovador" /></label>
					<select class='span12' name="idGrupoAprovador" id="idGrupoAprovadorVinculo" ></select>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span4'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.calendario" /></label>
					<select class='span12 Valid[Required] Description[visao.calendario]' name="idCalendario" id="idCalendarioVinculo" ></select>
				</div>
				<div class='span4'>
					<label class="strong"><fmt:message key="tempoAtendimento.descTempoAtendimento" /></label>
					<input type="text" id="servicoContratoTempoAtendimento" name="" maxlength="" onclick="onClickTempoAtendimento();" style="cursor: pointer"
					class="span12 Description[tempoAtendimento.descTempoAtendimento]" readonly="readonly"/>
				</div>
				<div class='span4' id='divCustoServico'>
					<label class="strong"><fmt:message key="servicoContrato.valorServico" /></label>
					<input type='text' id="custo"  name="custo" class="span12 Format[Moeda]"/>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span2'>
					<label class="strong"><fmt:message key="servicoContrato.expandirTela" /></label>
					<div class="widget-body uniformjs">
						<label class="radio">
							<input type="radio" class="radio" id="expandiTelaN" name="radioExpandirTela" value="N" checked="checked" />
							<fmt:message key="citcorpore.comum.nao" />
						</label>
						<label class="radio" style="margin-left: 10px;">
							<input type="radio" class="radio" id="expandiTelaS" name="radioExpandirTela" value="S" />
							<fmt:message key="citcorpore.comum.sim" />
						</label><br/>
					</div>
				</div>
				<div class='span2'>
					<label class="strong"><fmt:message key="servicoContrato.reiniciarSla" /></label>
					<div class="widget-body uniformjs">
						<label class="radio">
							<input type="radio" class="radio" id="reiniciaSlaN" name="reiniciaSlaRadio" value="N" checked="checked" />
							<fmt:message key="citcorpore.comum.nao" />
						</label>
						<label class="radio" style="margin-left: 10px;">
							<input type="radio" class="radio" id="reiniciaSlaS" name="reiniciaSlaRadio" value="S" />
							<fmt:message key="citcorpore.comum.sim" />
						</label><br/>
					</div>
				</div>
			</div>
			<div class="separator top"></div>
			
			<div class='row-fluid' id="divListaServicosVinculoContrato">
				<div class="widget widget-collapse" data-toggle="collapse-widget" data-collapse-closed="false">
					<div class="widget-head" onclick="openCloseCollapseWidget(this);">
						<h4 id="titleListaServicosContrato" class="heading"><i></i></h4>
					</div>
					<div class="widget-body">
						<div class="separator top"></div>
						<div class="row-fluid">	
							<button type='button' id='buttonListaServicosContratos' class="botaoNovo lFloat btn btn-icon btn-secondary glyphicons circle_plus" ><i></i><fmt:message key="citcorpore.comum.adicionar" /></button>
						</div>

						<div class="separator"></div>

						<div class="row-fluid" id="divDinamicoListaServicosVincular" style="margin-bottom: 5px;">
							<!-- conteúdo gerado dinamicamente -->
							<!-- <h4><fmt:message key="citcorpore.comum.vincular" /></h4> -->
						</div>
					</div>
				</div>
			</div>
			
			<div class="separator top"></div>
			
			<div class="widget widget-collapse" data-toggle="collapse-widget" data-collapse-closed="false">
				<div class="widget-head" onclick="openCloseCollapseWidget(this);">
					<h4 class="heading"><i></i><fmt:message key="gerenciaportfolio.vinculoServicoContrato.fluxoServico" /></h4>
				</div>
				<div class="widget-body">
					<div class="separator top"></div>
					<div class="row-fluid">	
						<button type='button' class="botaoNovo lFloat btn btn-icon btn-secondary glyphicons circle_plus" onclick="abrePopupFluxoServico();">
							<i></i><fmt:message key="citcorpore.comum.adicionar" />
						</button>
					</div>

					<div class="separator"></div>

					<div class="row-fluid" id="divDinamicoFluxoServico" style="margin-bottom: 5px;">
						<!-- conteúdo gerado dinamicamente -->
					</div>
				</div>
			</div>
			
			<div class="separator"></div>
			
			<div class='row-fluid'>
				<div class='span12'>
					<button type='button' name='btnGravar' class="lFloat btn btn-icon btn-primary btnGravar" onclick='gravarVinculoServicoContrato();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
					<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='limparVinculoServicoContrato();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
				</div>
			</div>
			
		</form>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-vinculo-contrato-add-fluxo">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="visao.fluxoServico" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formVinculoServicoContratoFluxo' action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioVinculoServicoContrato/gerenciamentoPortfolioVinculoServicoContrato'>
			<input type='hidden' name='listaTempFluxosSerializados' id='listaTempFluxosSerializadosVinculo'/>
				
			<div class='row-fluid'>
				<div class='span12'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.fluxo" /></label>
					<select class='span12 Valid[Required] Description[visao.fluxo]' name="idTipoFluxo" id="idTipoFluxoVinculo" ></select>
				</div>
			</div>
			<div class='row-fluid'>
				<div class='span12'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.fase" /></label>
					<select class='span12 Valid[Required] Description[visao.fase]' name="idFase" id="idFaseVinculo" ></select>
				</div>
			</div>
			<div class='row-fluid'>
				<div class='span12'>
					<label class="strong campoObrigatorio"><fmt:message key="visao.fluxoPrincipal" /></label>
					<select class='span12 Valid[Required] Description[visao.fluxoPrincipal]' name="principal" id="principalVinculo" >
						<option value=""><fmt:message key="citcorpore.comum.selecione"/></option>
						<option value="N"><fmt:message key="citcorpore.comum.nao"/></option>
						<option value="S"><fmt:message key="citcorpore.comum.sim"/></option>
					</select>
				</div>
			</div>
			<div class='row-fluid' style="margin-top:10px;">
				<div class='span12'>
					<button type='button' name='btnGravar' class="lFloat btn btn-icon btn-primary btnGravar" onclick='gravarFluxoVinculoServicoContrato();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
				</div>
			</div>
		</form>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-servicos-vincular-contrato">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="gerenciaportfolio.vinculoServicoRequisicao" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formLookupServicosVincularContrato'>
			<cit:findField formName='formLookupServicosVincularContrato' lockupName='LOOKUP_SERVICOS_VINCULAR_CONTRATO' id='LOOKUP_SERVICOS_VINCULAR_CONTRATO' heigth='400' javascriptCode='true' htmlCode='true' 
			checkbox='true' formCheckbox="formVinculoServicoContrato"/>
		</form>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-vinculo-contrato-add-tempo-atendimento">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="tempoAtendimento.descTempoAtendimento" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name="formPesquisaServicoContratoTempoAtendimento">
			<cit:findField id="LOOKUP_SERVICOCONTRATO_ACORDONIVELSERVICO_MULTINIVEL_GLOBAL_E_CLIENTE" formName="formPesquisaServicoContratoTempoAtendimento" lockupName="LOOKUP_ACORDONIVELSERVICO_MULTINIVEL_GLOBAL_E_CLIENTE" heigth="400" javascriptCode="true" htmlCode="true" />
		</form>
	</div>
</div>

<!-- [FIM] gerenciamentoPortfolioVinculoServicoContrato.jsp -->