<div class="widget-body">
	<div class="tabsbar">
		<ul>
			<li class="active"><a href="#tabProcessoNegocioCadastro" data-toggle="tab"><fmt:message key="processoNegocio.cadastro"/></a></li>
			<li><a href="#tabProcessoNegocioPesquisa" data-toggle="tab"><fmt:message key="processoNegocio.pesquisa"/></a></li>
		</ul>
	</div>
	<div class="tab-content">
		<div class="tab-pane active" id="tabProcessoNegocioCadastro">
			<form name="formProcessoNegocio" action="${ctx}/pages/processoNegocio/processoNegocio">
				<input type="hidden" id="idProcessoNegocio" name="idProcessoNegocio" /> 
				<input type="hidden" id="idCliente" name="idCliente" /> 
				<input type="hidden" id="listaIdsUnidadesVinculadas" name="listaIdsUnidadesVinculadas" /> 
				<input type='hidden' name='listaProcessoNegocioUnidades_Serialize' id="listaProcessoNegocioUnidades_Serialize"/>
				<input type="hidden" id="colAllLOOKUP_PROCESSO_NEGOCIO_VINCULAR_UNIDADE" name="colAllLOOKUP_PROCESSO_NEGOCIO_VINCULAR_UNIDADE"/>
				<input type='hidden' name='listaProcessoNegocioTiposFluxo_Serialize' id="listaProcessoNegocioTiposFluxo_Serialize"/>
				<!-- [deborah.ferreira][13/01/2016] Verificar Necessidade -->
				<!-- <input type='hidden' name='colAutoridades_Serialize' />  -->

				<div class="row-fluid">
					<div class="span4">
						<label class="strong campoObrigatorio"> <fmt:message key="citcorpore.comum.nome" /> </label>
						<input type="text" id="nomeProcessoNegocio" name="nomeProcessoNegocio" maxlength="100" class="span12 Valid[Required] Description[citcorpore.comum.nome]" />
					</div>
					<div class='span4'>
						<label class="strong campoObrigatorio"> <fmt:message key="processoNegocio.cliente" /> </label>
						<input type="text" name="processoNegocioCliente" id="processoNegocioCliente" required="required" class="span12 Valid[Required] Description[processoNegocio.cliente]" onclick="clickVinculaCliente();" readonly="readonly" style="cursor: pointer;" />
					</div>
					<div class="span2">
						<label class="strong"> <fmt:message key="processoNegocio.grupoExecutor" /> </label>
						<select name="idGrupoExecutor" id="idGrupoExecutor" class="span12 Description[processoNegocio.grupoExecutor]"> </select>
					</div>
					<div class="span2">
						<label class="strong"> <fmt:message key="processoNegocio.grupoAdministrador" /> </label>
						<select name="idGrupoAdministrador" id="idGrupoAdministrador" class="span12 Description[processoNegocio.grupoAdministrador]"> </select>
					</div>
				</div>
					
				<div class="row-fluid">
					<div class="span4">
						<div class="widget widget-collapse" data-toggle="collapse-widget" data-collapse-closed="false">
							<div class="widget-head">
								<h4 class="heading glyphicons roundabout"><i></i><fmt:message key="processoNegocio.fluxos"/></h4>
							</div>
							<div class="widget-body">

								<div class="row-fluid" id="divTiposDeFluxo">
									<!-- conteúdo gerado dinamicamente -->
								</div>
							</div>
						</div>
					</div>
					
					<div class="span8">
						<div class="widget widget-collapse" data-toggle="collapse-widget" data-collapse-closed="false">
							<div class="widget-head">
								<h4 class="heading glyphicons building"><i></i><fmt:message key="processoNegocio.unidade"/></h4>
							</div>
							<div class="widget-body">
								<div class="row-fluid">	
									<button type='button' id='btnVincularServicoApoio' class="botaoNovo lFloat btn btn-icon btn-secondary glyphicons retweet" 
									onclick="Unidade.abrirModal();"><i></i><fmt:message key="processoNegocio.vincularUnidade" /></button>
								</div>

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

								<div class="row-fluid" id="divTabelaProcessoNegocioUnidade">
									<!-- conteúdo gerado dinamicamente -->
									<h4><fmt:message key="processoNegocio.nenhumaUnidadeVinculada" /></h4>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- [deborah.ferreira][13/01/2016] Verificar Necessidade -->
				<!-- <div class="row-fluid">
					<div class="span7">
						<div class="widget widget-collapse" data-toggle="collapse-widget" data-collapse-closed="false">
							<div class="widget-head">
								<h4 class="heading glyphicons building"><i></i><fmt:message key="processoNegocio.autoridades"/></h4>
							</div>
							<div class="widget-body">
								<div class="row-fluid">																	
									<button type='button' id='btnVincularServicoApoio' class="botaoNovo lFloat btn btn-icon btn-secondary glyphicons retweet" 
									onclick="incluirAutoridade();"><i></i> Vincular Autoridade</button>
								</div>

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

								<div class="row-fluid" id="tabelaProcessoNegocioAutoridade">
									<div class="span12" style='overflow: auto;'>
										<cit:grid id="GRID_AUTORIDADES" columnHeaders="processoNegocio.cabecalhoGridAutoridades" styleCells="linhaGrid">
											<cit:column idGrid="GRID_AUTORIDADES" number="001">
												<select name='idNivelAutoridade#SEQ#' id='idNivelAutoridade#SEQ#' style='border: none; width: 200px' onchange='verificarAutoridade("#SEQ#");'>
													<option value=''><fmt:message key="citcorpore.comum.selecione" /></option>
													<%
                                                        /*if (colAutoridades != null){
                                                            for (NivelAutoridadeDTO obj : colAutoridades) {
                                                                out.println("<option value='" + obj.getIdNivelAutoridade() + "'>" +
                                                                obj.getNomeNivelAutoridade() + "</option>");
                                                            }
                                                        }*/
                                                        %>
												</select>
											</cit:column>
											<cit:column idGrid="GRID_AUTORIDADES" number="002">
												<select name='permiteAprovacaoPropria#SEQ#' id='permiteAprovacaoPropria#SEQ#' style='border: none; max-width: 80px;'>
													<option value='S'><fmt:message key="citcorpore.comum.sim" /></option>
													<option value='N'><fmt:message key="citcorpore.comum.nao" /></option>
												</select>
											</cit:column>
											<cit:column idGrid="GRID_AUTORIDADES" number="003">
												<input id="antecedenciaMinimaAprovacao#SEQ#" style="max-width: 80px;" type="text" maxlength="15" name='antecedenciaMinimaAprovacao#SEQ#' class="Format[Numero]" />
											</cit:column>
										</cit:grid>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="row-fluid">
					<div class="span3">
						<label class="strong"> <fmt:message key="processoNegocio.percDispensaNovaAprovacao" /> </label>
						<input id="percDispensaNovaAprovacao" type="text" maxlength="15" name='percDispensaNovaAprovacao' class="span12 Format[Moeda]" />
					</div>
					<div class="span4 offset1">
						<label class="strong campoObrigatorio"> <fmt:message key="processoNegocio.permiteAprovacaoInferior" /> </label>
						<div class="uniformjs">
							<label class="radio">
								<div class="radio" id="uniform-undefined">
									<input type="radio" class="radio" id="permiteAprovacaoNivelInferior" name="permiteAprovacaoNivelInferior" value="S" checked="checked" />
								</div>
								<fmt:message key="citcorpore.comum.sim" />
							</label>
							<label class="radio">
								<div class="radio" id="uniform-undefined">
									<input type="radio" class="radio" id="permiteAprovacaoNivelInferior" name="permiteAprovacaoNivelInferior" value="N" />
								</div>
								<fmt:message key="citcorpore.comum.nao" />
							</label>
						</div>
					</div>
					<div class="span4">
						<label class="strong campoObrigatorio"> <fmt:message key="processoNegocio.alcadaPrimeiroNivel" /> </label>
						<div class="uniformjs">
							<label class="radio">
								<div class="radio" id="uniform-undefined">
									<input type="radio" class="radio" id="alcadaPrimeiroNivel" name="alcadaPrimeiroNivel" value="S" class="Valid[Required] 
									Description[processoNegocio.alcadaPrimeiroNivel]" />
								</div>
								<fmt:message key="citcorpore.comum.sim" />
							</label>
							<label class="radio">
								<div class="radio" id="uniform-undefined">
									<input type="radio" class="radio" id="alcadaPrimeiroNivel" name="alcadaPrimeiroNivel" value="N" class="Valid[Required] 
									Description[processoNegocio.alcadaPrimeiroNivel]" checked="checked" />
								</div>
								<fmt:message key="citcorpore.comum.nao" />
							</label>
						</div>
					</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='ProcessoNegocio.gravar();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
						<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='ProcessoNegocio.limpar();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
						<button type="button" name='btnExcluir' class="lFloat btn btn-icon btn-primary btnExcluir" onclick='ProcessoNegocio.excluir();'><i></i><fmt:message key="citcorpore.comum.excluir" /></button>
					</div>
				</div>
			</form>
		</div>
		<div class="tab-pane" id="tabProcessoNegocioPesquisa">
			<div class="section">
				<form name="formProcessoNegocioPesquisa">
					<cit:findField formName="formProcessoNegocioPesquisa" lockupName="LOOKUP_PROCESSONEGOCIO" id="LOOKUP_PROCESSONEGOCIO" heigth="400" javascriptCode="true" htmlCode="true" />
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-processo-negocio-cliente">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="citcorpore.comum.pesquisarCliente" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formPesquisaProcessoNegocioPessoa'>
			<cit:findField formName='formPesquisaProcessoNegocioPessoa' lockupName='LOOKUP_CLIENTE' id='LOOKUP_CLIENTE_PROCESSO_NEGOCIO' top='0' left='0' len='1050' heigth='400' javascriptCode='true' htmlCode='true' />
		</form>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-processo-negocio-unidades">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="citcorpore.comum.unidade" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formPesquisaUnidadeProcessoNegocio'>
			<cit:findField formName='formPesquisaUnidadeProcessoNegocio' lockupName='LOOKUP_UNIDADE' id='LOOKUP_PROCESSO_NEGOCIO_VINCULAR_UNIDADE' heigth='400' javascriptCode='true' htmlCode='true' checkbox='true' formCheckbox='formProcessoNegocio'/>
		</form>
	</div>
</div>