<%@page import="br.com.centralit.citcorpore.util.CitCorporeConstantes"%>
<%@page import="br.com.centralit.citcorpore.util.WebUtil"%>
<%@page import="br.com.centralit.citcorpore.bean.UsuarioDTO"%>
<%@page import="br.com.citframework.dto.Usuario"%>

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

<!doctype html public "">
<html <%=(iframe != null) ? "data-iframe=\"" + iframe + "\"" : "" %>>

<head>
<%@include file="/novoLayout/common/include/libCabecalho.jsp"%>
<%@include file="/novoLayout/common/include/titulo.jsp"%>
<link type="text/css" rel="stylesheet" href="css/planoMelhoria.css" />
<link type="text/css" rel="stylesheet"
	href="../../novoLayout/common/include/css/template.css" />
<%@include file="/include/javaScriptsComuns/javaScriptsComuns.jsp"%>
<script type="text/javascript">
	var ctx = "${ctx}";
</script>
</head>

<cit:janelaAguarde id="JANELA_AGUARDE_MENU"
	title="Aguarde... Processando..."
	style="display:none;top:100px;width:300px;left:200px;height:50px;position:absolute;">
</cit:janelaAguarde>

<body>
	<%@include file="/novoLayout/common/include/customtip.jsp"%>
	<div class="<%=(iframe == null) ? " container-fluid fixed " : " "%>">
		<!-- Top navbar (note: add class "navbar-hidden" to close the navbar by default) -->
		<div
			class="navbar <%=(iframe == null) ? " main " : "nomain "%> hidden-print">

			<%
				if (iframe == null) {
			%>
			<%@include file="/novoLayout/common/include/cabecalho.jsp"%>
			<%@include file="/novoLayout/common/include/menuPadrao.jsp"%>
			<%
				}
			%>

		</div>

		<div id="wrapper" class="<%=(iframe == null) ? " " : "nowrapper "%>">
			<div id="content">
				<div class="separator top"></div>
				<div class="row-fluid">
					<div id="innerLR" class="innerLR">
						<div class="widget">
							<div class="widget-head">
								<h4 class="heading">
									<fmt:message key="planoMelhoria.titulo" />
								</h4>
							</div>
							<div class="widget-body">

								<div class="tabsbar">
									<ul>
										<!-- ABA DE CADASTRO/EDIÇÃO -->
										<li class="active"><a href="#tabCadastro"
											data-toggle="tab"><fmt:message
													key="construtorconsultas.cadastro" /></a></li>

										<!-- ABA DE BUSCA/PESQUISA/LOOKUP -->
										<li><a href="#tabPesquisa" data-toggle="tab"><fmt:message
													key="construtorconsultas.pesquisa" /></a></li>
									</ul>
								</div>


								<div class="tab-content">
									<div class="tab-pane active" id="tabCadastro">
										<div class='row-fluid'>
											<form name='form'
												action='${ctx}/pages/planoMelhoria/planoMelhoria'>
												<input type='hidden' name='idObjetivoMonitoramento'
													id='idObjetivoMonitoramento' /> <input type='hidden'
													name='idObjetivoPlanoMelhoria' id='idObjetivoPlanoMelhoria' />
												<input type='hidden' name='idAcaoPlanoMelhoria'
													id='idAcaoPlanoMelhoria' /> <input type='hidden'
													name='idPlanoMelhoria' id='idPlanoMelhoria' /> <input
													type='hidden' name='idGrupo' id='idGrupo' /> <input
													type='hidden' name='idResponsavel' id='idResponsavel' /> <input
													type='hidden' name='nomeResponsavel' id='nomeResponsavel' />
												<input type='hidden' name='tipoResponsavel'
													id='tipoResponsavel' />

												<!-- CADASTRAR O PLANO DE MELHORIA - START-->
												<h4 class="heading-arrow">
													<strong><fmt:message
															key="planoMelhoria.planomelhoria" /></strong>
												</h4>
												<div class="row-fluid">
													<!-- LINHA 1 -->
													<div class="span4">
														<label class="strong campoObrigatorio"><fmt:message
																key="planoMelhoria.tituloplano" /></label> <input type='text'
															name='titulo' id='titulo' maxlength='100' size='100'
															class='span12 Valid[Required] Description[<fmt:message key="planoMelhoria.tituloplano"/>]' />
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.fornecedor" /></label> <select
															class='span12' name='idFornecedor' id='idFornecedor'></select>
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.contrato" /></label> <select class='span12'
															name='idContrato' id='idContrato'></select>
													</div>
												</div>

												<!-- LINHA 2 -->
												<div class="row-fluid">
													<div class="span4">
														<label class="strong campoObrigatorio"><fmt:message
																key="planoMelhoria.datainicio" /></label> <input type='text'
															name='dataInicioPlano' id='dataInicioPlano'
															maxlength='10' size='10' class='span12 datepicker Format[Date] Valid[Required,Date] Description[<fmt:message key="planoMelhoria.datainicio"/>]' />
													</div>
													<div class="span4">
														<label class="strong campoObrigatorio"><fmt:message
																key="planoMelhoria.datafim" /></label> <input type='text'
															name='dataFimPlano' id='dataFimPlano' maxlength='10'
															size='10' class='span12 datepicker Format[Date] Valid[Date] Description[<fmt:message key="planoMelhoria.datafim"/>]' />
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.situacao" /></label> <select name='situacao'
															class='span12' id='situacao'>
															<option value='E'><fmt:message
																	key="planoMelhoria.situacao.emdesenv" /></option>
															<option value='A'><fmt:message
																	key="planoMelhoria.situacao.ativo" /></option>
															<option value='C'><fmt:message
																	key="planoMelhoria.situacao.cancelado" /></option>
														</select>
													</div>
												</div>

												<!-- LINHA 3 -->
												<div class="row-fluid">
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.objetivo" /></label>
														<textarea name='objetivo' id='objetivo' rows='5'
															class='span12' cols='100'></textarea>
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.visaogeral" /></label>
														<textarea name='visaoGeral' id='visaoGeral' rows='5'
															class='span12' cols='100'></textarea>
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.escopo" /></label>
														<textarea name='escopo' class='span12' id='escopo'
															rows='5' cols='100'></textarea>
													</div>
												</div>

												<!-- LINHA 4 -->
												<div class="row-fluid">
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.visao" /></label>
														<textarea name='visao' id='visao' class='span12' rows='5'
															cols='100'></textarea>
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.missao" /></label>
														<textarea name='missao' id='missao' class='span12'
															rows='5' cols='100'></textarea>
													</div>
													<div class="span4">
														<label class="strong lfloat"><fmt:message
																key="planoMelhoria.notas" /></label>
														<textarea name='notas' id='notas' class='span12' rows='5'
															cols='100'></textarea>
													</div>
												</div>

												<!-- LINHA 5-->
												<div class="row-fluid">
													<div class="span12 text-left">
														<button type='button' name='btnGravarPlano'
															class="btn btn-primary span2 btnGravar" onclick='gravarPlano();'>
															<fmt:message key="citcorpore.comum.gravar" />
														</button>
														<button type='button' name='btnLimparPlano'
															class="btn btn-primary span2" onclick='limparPlano();'>
															<fmt:message key="citcorpore.comum.limpar" />
														</button>
														<button type='button' name='btnExcluirPlano'
															class="btn btn-primary span2 btnExcluir" style="display:none;"
															onclick='excluirPlano();'>
															<fmt:message key="botaoacaovisao.excluir" />
														</button>
													</div>
												</div>

												<!-- SELECIONAR O PLANO DE MELHORIA - END -->

												<div id="conteudo" style="display: none; margin-top: 1%;">

													<!-- BOX DE OBJETIVOS - START -->
													<div class="row-fluid">
														<div class="widget widget-collapse"
															data-toggle="collapse-widget"
															data-collapse-closed="false">
															<div class="widget-head">
																<h4 class="heading glyphicons file">
																	<fmt:message key="plano.melhoria.objetivos" />
																</h4>
															</div>
															<div class="widget-body">
																<div class="row-fluid">
																	<button type='button' id='btnVincularServicoApoio'
																		class="botaoNovo lFloat btn btn-icon btn-secondary span4"
																		onclick="abrirModalNovoObjetivo();">
																		<i></i>
																		<fmt:message key="planoMelhoria.objetivo.cadastrar" />
																	</button>
																</div>

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

																<div class="row-fluid" id="divTabelaObjetivos"></div>
															</div>
														</div>
													</div>
													<!-- BOX DE OBJETIVOS - END -->

													<div id="subconteudo">
													<!-- BOX DE AÇÕES - START -->
													<div class="row-fluid">
														<div class="span6">
															<div class="widget widget-collapse"
																data-toggle="collapse-widget"
																data-collapse-closed="false">
																<div class="widget-head">
																	<h4 class="heading glyphicons file">
																		<fmt:message key="plano.melhoria.acoes" />
																	</h4>
																</div>
																<div class="widget-body">
																	<div class="row-fluid">
																		<button id="cadastrarAcao" type='button'
																			class="botaoNovo lFloat btn btn-icon btn-secondary"
																			onclick="abrirModalAcao();" style="width: 100%; display: none;">
																			<fmt:message key="planoMelhoria.acoes.cadastrar" />
																		</button>
																	</div>

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

																	<div class="row-fluid" id="divTabelaAcoes"></div>

																	<h4 id="listaVaziaAcoes">
																		<i><fmt:message
																				key="planoMelhoria.objetivo.selecione" /></i>
																	</h4>
																</div>
															</div>
														</div>
														<!-- BOX DE AÇÕES - END -->

														<!-- BOX DE MONITORAMENTO - START -->
														<div class="span6">
															<div class="widget widget-collapse"
																data-toggle="collapse-widget"
																data-collapse-closed="false">
																<div class="widget-head">
																	<h4 class="heading glyphicons file">
																		<fmt:message key="plano.melhoria.monitoramento" />
																	</h4>
																</div>
																<div class="widget-body">
																	<div class="row-fluid">
																		<button id="cadastrarMonitoramento" type='button'
																			class="botaoNovo lFloat btn btn-icon btn-secondary"
																			onclick="abrirModalMonitoramento();"
																			 style="width: 100%; display: none;">
																			<fmt:message
																				key="planoMelhoria.monitoramento.cadastrar" />
																		</button>
																	</div>

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

																	<div class="row-fluid" id="divTabelaMonitoramento"></div>

																	<h4 id="listaVaziaMonitoramento">
																		<i><fmt:message
																				key="planoMelhoria.objetivo.selecione" /></i>
																	</h4>
																</div>
															</div>
														</div>
														<!-- BOX DE MONITORAMENTO - END -->
													</div>

													</div>

													<!-- BOTÃO DE GERAR RELATÓRIO - START -->
													<div class="row-fluid">
														<button type='button' class="btn btn-icon btn-primary"
															onclick='gerarRelatorioEmPDF();' style="float:left; width:20%;">
															<fmt:message key="citcorpore.comum.gerarrelatorio" />
														</button>
													</div>
													<!-- BOTÃO DE GERAR RELATÓRIO - END -->
												</div>
											</form>
										</div>
									</div>

									<!-- ABA DE PESQUISA -->
									<div class="tab-pane" id="tabPesquisa">
										<div class="section">
											<form name="formPesquisaPlanoMelhoria">
												<cit:findField formName="formPesquisaPlanoMelhoria"
													lockupName="LOOKUP_PLANO_DE_MELHORIA"
													id="LOOKUP_PLANO_DE_MELHORIA" top="0" left="0" len="550"
													heigth="400" javascriptCode="true" htmlCode="true" />
											</form>
										</div>
									</div>

								</div>
								<!-- FECHA TABS CONTENT -->
							</div>
							<!-- WIDGET-BODY -->


						</div>
					</div>
				</div>
			</div>
		</div>
		<%@include file="/novoLayout/common/include/rodape.jsp"%>
		<script type="text/javascript" src="js/planoMelhoria.js"></script>
	</div>
	</div>
</body>

<div class="modal hide fade in" id="modal_listarServicosNegocioTecnico"
	aria-hidden="false">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">×</button>
		<h3>
			<fmt:message key="portal.carrinho.listagem" />
		</h3>
	</div>
	<div class="modal-body">
		<div class='slimScrollDiv'>
			<div class='slim-scroll'>
				<div id="divInfoServicosNegocioTecnico">
					<div class="filter-bar">
						<div class='row-fluid'>
							<input type='text' class='span12'
								id='filtroTableServicosNegocioTecnico'
								placeholder="<fmt:message key=" portal.carrinho.filtroBusca " />"
								onkeyup="filtroTableJs(this, 'tblListaServicosNegocioTecnico')">
						</div>
					</div>
					<table id='tblListaServicosNegocioTecnico'
						class='dynamicTable table  table-bordered table-condensed dataTable'>
						<tr>
							<th></th>
							<th><fmt:message key="citcorpore.comum.servico" /></th>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<div style="margin: 0;" class="form-actions">
			<a href="#" class="btn btn-primary" data-dismiss="modal"> <fmt:message
					key="citcorpore.comum.fechar" />
			</a>
		</div>
	</div>
</div>

<div class="modal hide fade in" id="modal_listarServicos"
	aria-hidden="false">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">×</button>
		<h3>
			<fmt:message key="portal.carrinho.listagem" />
		</h3>
	</div>
	<div class="modal-body">
		<div class='slimScrollDiv'>
			<div class='slim-scroll'>
				<div id="divInfoServicos">
					<div class="filter-bar">
						<div class='row-fluid'>
							<input type='text' class='span12' id='filtroTableServicos'
								placeholder="<fmt:message key=" portal.carrinho.filtroBusca " />"
								onkeyup="filtroTableJs(this, 'tblListaServicos')">
						</div>
					</div>
					<table id='tblListaServicos'
						class='dynamicTable table  table-bordered table-condensed dataTable'>
						<tr>
							<th></th>
							<th><fmt:message key="citcorpore.comum.servico" /></th>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<div style="margin: 0;" class="form-actions">
			<a href="#" class="btn btn-primary" data-dismiss="modal"> <fmt:message
					key="citcorpore.comum.fechar" />
			</a>
		</div>
	</div>
</div>

<div id="POPUP_SERVICO" title="<fmt:message key=" servico.servico " />"
	class="dialogServico section hide">
	<form name='formServico'>
		<cit:findField formName='formServico' lockupName='LOOKUP_SERVICO'
			id='LOOKUP_SERVICO' heigth='400' javascriptCode='true'
			htmlCode='true' />
	</form>
</div>

<div id="POPUP_GRUPO" title="<fmt:message key=" grupo.grupo " />"
	class="dialogGrupo section hide">
	<form name='formGrupo'>
		<cit:findField formName='formGrupo' lockupName='LOOKUP_GRUPO'
			id='LOOKUP_GRUPO' heigth='400' javascriptCode='true' htmlCode='true' />
	</form>
</div>

<div id="POPUP_SOLICITANTE"
	title="<fmt:message key=" citcorpore.comum.pesquisacolaborador " />"
	class="dialogSolicitante section hide">
	<form name='formPesquisaUsuario'>
		<cit:findField formName='formPesquisaUsuario'
			lockupName='LOOKUP_SOLICITANTE' id='LOOKUP_SOLICITANTE' heigth='400'
			javascriptCode='true' htmlCode='true' />
	</form>
</div>


<!-- MODAIS / DIALOGS-->

<!-- CADASTRAR OBJETIVO - START -->
<div id="modalObjetivo"
	title="<fmt:message key="planoMelhoria.objetivo.cadastrar" />"
	class="modalObjetivo section hide">
	<div id='divObjetivos' style='width: 100%; height: 100%;'>
		<form name='formObjetivo' action='${ctx}/pages/planoMelhoria/planoMelhoria'>
			<input type='hidden' name='idObjetivoMonitoramento' id='idObjetivoMonitoramento' />
			<input type='hidden' name='idObjetivoPlanoMelhoria' id='idObjetivoPlanoMelhoria' />
			<input type='hidden' name='idAcaoPlanoMelhoria' id='idAcaoPlanoMelhoria' />
			<input type='hidden' name='idPlanoMelhoria' id='idPlanoMelhoria' />
			<input type='hidden' name='idGrupoRespObj' id='idGrupoRespObj' /> 
			<input type='hidden' name='idRespObj' id='idRespObj' />

			<div class="row-fluid">

				<div class="span4">
					<label class="strong campoObrigatorio"><fmt:message
							key="planoMelhoria.objetivo.titulo" /></label> <input type='text'
						name='tituloObjetivo' id='tituloObjetivo' maxlength='255'
						class='span12' size='100'
						class='Valid[Required] Description[<fmt:message key="planoMelhoria.objetivo.titulo"/>]' />
					<label class="strong"><fmt:message
							key="planoMelhoria.objetivo.medicao" /></label> <input type='text'
						name='medicaoObjetivo' id='medicaoObjetivo' maxlength='255'
						class='span12' size='100' /> 
				</div>

				<div class="span4">
					<label class="strong"><fmt:message
							key="planoMelhoria.objetivo.detalhamento" /></label>
					<textarea name='detalhamentoObjetivo' id='detalhamentoObjetivo'
						class='span12' rows='5' cols='100'></textarea>
				</div>

				<div class="span4">
					<label class="strong"><fmt:message
							key="planoMelhoria.objetivo.resultado" /></label>
					<textarea name='resultadoEsperado' id='resultadoEsperado' rows='5'
						cols='100' class='span12'></textarea>
				</div>

			</div>

			<div class="row-fluid">

				<div class="span4">
					<label class="strong"> <fmt:message
							key="itemConfiguracaoTree.tipoResponsavel" />
					</label> <select id="tipoResponsavelObjetivo"
						name="tipoResponsavelObjetivo" class='span12'
						class="span12 Valid[Required] Description[<fmt:message key="itemConfiguracaoTree.tipoResponsavel" />]"></select>
				</div>

				<div class="span8">
					<label class="strong"> <fmt:message key="lookup.nomeResp" />
						<span class="pull-right clear label"
						onclick="limparResponsavelObjetivo();"><i
							class="material-icons md-14">clear</i></span>
					</label> <input type="text" id="responsavelObjetivo"
						name="responsavelObjetivo"
						class="span12 Valid[Required] Description[<fmt:message key="lookup.nomeResp" />]"
						value="" />
				</div>
				
			</div>

			<div class="row-fluid">

				<div class="span6">
					<button type='button' name='btnGravarObj'
						class="btn btn-block btn-primary btnGravar" onclick='gravarObjetivo();'>
						<fmt:message key="citcorpore.comum.gravar" />
					</button>
				</div>

				<div class="span6">
					<button type='button' name='btnLimparObj'
						class="btn btn-block btn-primary" onclick='document.formObjetivo.clear();'>
						<fmt:message key="citcorpore.comum.limpar" />
					</button>
				</div>

			</div>
		</form>
	</div>
</div>
<!-- CADASTRAR OBJETIVO - END -->

<!-- CADASTRAR AÇÃO - START -->
<div id="modalAcao"
	title="<fmt:message key="planoMelhoria.acoes.acao" />"
	class="modalAcao section hide">
	<div id='divAcoes' style='width: 100%; height: 100%;'>
		<form name="formAcao"
			action='${ctx}/pages/planoMelhoria/planoMelhoria'>
			<input type='hidden' name='idObjetivoMonitoramento' id='idObjetivoMonitoramento' /> 
			<input type='hidden' name='idObjetivoPlanoMelhoria' id='idObjetivoPlanoMelhoria' /> 
			<input type='hidden' name='idAcaoPlanoMelhoria' id='idAcaoPlanoMelhoria' />
			<input type='hidden' name='idPlanoMelhoria' id='idPlanoMelhoria' />
			<input type='hidden' name='idGrupoRespAcao' id='idGrupoRespAcao' />
			<input type='hidden' name='idRespAcao' id='idRespAcao' />

			<div class="row-fluid">
				<label class="campoObrigatorio strong"><fmt:message
						key="planoMelhoria.acoes.titulo" /></label> <input type='text'
					name='tituloAcao' id='tituloAcao' maxlength='255' size='100'
					class='span12 Valid[Required] Description[<fmt:message key="planoMelhoria.acoes.titulo"/>]' />
			</div>

			<div class="row-fluid">
				<div class="span4">

					<label class="campoObrigatorio strong"><fmt:message
							key="planoMelhoria.acoes.datainicio" /></label> <input type='text'
						name='dataInicioAcao' id='dataInicioAcao' maxlength='10' size='10' 
						class='span12 datepicker Format[Date] Valid[Required,Date] Description[<fmt:message key="planoMelhoria.datainicio"/>]' />

					<label class="campoObrigatorio strong"><fmt:message
							key="planoMelhoria.acoes.datafim" /></label> <input type='text'
						name='dataFimAcao' id='dataFimAcao' maxlength='10' size='10'
						class='span12 datepicker Format[Date] Valid[Date] Description[<fmt:message key="planoMelhoria.datafim"/>]' />
				</div>

				<div class="span4">
					<label class="strong"> <fmt:message
							key="itemConfiguracaoTree.tipoResponsavel" />
					</label> <select id="tipoResponsavelAcao" name="tipoResponsavelAcao"
						class="span12 Valid[Required] Description[<fmt:message key="itemConfiguracaoTree.tipoResponsavel" />]"></select>

					<label class="strong"> <fmt:message key="lookup.nomeResp" />
						<span class="pull-right clear label"
						onclick="limparResponsavelAcao();"><i
							class="material-icons md-14">clear</i></span>
					</label> <input type="text" id="responsavelAcao" name="responsavelAcao"
						class="span12 Valid[Required] Description[<fmt:message key="lookup.nomeResp" />]"
						value="" />
				</div>

				<div class="span4">
					<label class="strong"><fmt:message
							key="planoMelhoria.acoes.detalhamento" /></label>
					<textarea name='detalhamentoAcao' id='detalhamentoAcao' rows='5'
						class='span12' cols='100'></textarea>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<button type='button' name='btnGravarAcao'
						class="btn btn-block btn-primary btnGravar" onclick='gravarAcao();'>
						<fmt:message key="citcorpore.comum.gravar" />
					</button>
				</div>
				<div class="span6">
					<button type='button' name='btnLimparAcao'
						class="btn btn-block btn-primary"
						onclick='document.formAcao.clear();'>
						<fmt:message key="citcorpore.comum.limpar" />
					</button>
				</div>
			</div>
		</form>
	</div>
</div>
<!-- CADASTRAR AÇÃO - END -->

<!-- CADASTRAR MONITORAMENTO - START -->
<div id="modalMonitoramento"
	title="<fmt:message key="plano.melhoria.monitoramento" />"
	class="modalMonitoramento section hide">
	<form name="formMonitoramento"
		action='${ctx}/pages/planoMelhoria/planoMelhoria'>
		<input type='hidden' name='idKpiObjetivoMonitoramento'
			id='idKpiObjetivoMonitoramento' /> <input type='hidden'
			name='idObjetivoMonitoramento' id='idObjetivoMonitoramento' /> <input
			type='hidden' name='idObjetivoPlanoMelhoria'
			id='idObjetivoPlanoMelhoria' /> <input type='hidden'
			name='idPlanoMelhoria' id='idPlanoMelhoria' /> <input type='hidden'
			name='idGrupoRespMon' id='idGrupoRespMon' /> <input type='hidden'
			name='idRespMon' id='idRespMon' />

		<div class="row-fluid">

			<div class="span6">
				<label class="strong campoObrigatorio"><fmt:message
						key="planoMelhoria.monitoramento.titulo" /></label> <input type='text'
					name='tituloMonitoramento' id='tituloMonitoramento' maxlength='255'
					size='100'
					class='span12 Valid[Required] Description[<fmt:message key="planoMelhoria.monitoramento.titulo"/>]' />
			</div>

			<div class="span6">
				<label class="strong campoObrigatorio"><fmt:message
						key="planoMelhoria.monitoramento.fatorcriticosucesso" /></label> <input
					type='text' name='fatorCriticoSucesso' id='fatorCriticoSucesso'
					maxlength='255' size='100'
					class='span12 Valid[Required] Description[<fmt:message key="planoMelhoria.monitoramento.fatorcriticosucesso"/>]' />
			</div>
		</div>

		<div class="row-fluid">

			<div class="span6">
				<label class="strong"> <fmt:message
						key="itemConfiguracaoTree.tipoResponsavel" />
				</label> <select id="tipoResponsavelMonitoramento"
					name="tipoResponsavelMonitoramento"
					class="span12 Valid[Required] Description[<fmt:message key="itemConfiguracaoTree.tipoResponsavel" />]"></select>
			</div>

			<div class="span6">
				<label class="strong"> <fmt:message key="lookup.nomeResp" />
					<span class="pull-right clear label"
					onclick="limparResponsavelMonitoramento();"><i
						class="material-icons md-14">clear</i></span>
				</label> <input type="text" id="responsavelMonitoramento"
					name="responsavelMonitoramento"
					class="span12 Valid[Required] Description[<fmt:message key="lookup.nomeResp" />]"
					value="" />
			</div>

		</div>

		<div class="row-fluid">
			<div class="span4">
				<label class="strong"><fmt:message
						key="planoMelhoria.monitoramento.metrica" /></label>
				<textarea name='metrica' id='metrica' class='span12' rows='5'
					cols='100'></textarea>
			</div>
			<div class="span4">
				<label class="strong"><fmt:message
						key="planoMelhoria.monitoramento.medicao" /></label>
				<textarea name='medicaoMonitoramento' id='medicaoMonitoramento'
					rows='5' class='span12' cols='100'></textarea>
			</div>
			<div class="span4">
				<label class="strong"><fmt:message
						key="planoMelhoria.monitoramento.relatorios" /></label>
				<textarea name='relatorios' class='span12' id='relatorios' rows='5'
					cols='100'></textarea>
			</div>
		</div>

		<!-- KPI - START -->
		<div id="boxKpi" style="display: none;">
			<label class="strong campoObrigatorio"><fmt:message
					key="planoMelhoria.monitoramento.kpi" /></label>
			<div class="row-fluid" style="margin-top: 10px;">
				<input type='text' name='kpi' id='kpi' maxlength='255' size='100'
					style="float: left; width: 78%;"
					placeholder='<fmt:message key="scripts.nome" />' />

				<button type='button' name='btnGravarMon'
					style="width: 20%; float: right;" class="btn btn-block btn-primary btnGravar"
					onclick='gravarKpi();'>
					<fmt:message key="citcorpore.comum.inserir" />
				</button>
			</div>

			<div class="row-fluid">
				<div class="separator"></div>
				<div class="row-fluid" id="divTabelaKpi"></div>
			</div>
		</div>
		<!-- KPI - END -->

		<div class="row-fluid" style="margin-top:7px;">
			<div class="span6">
				<button type='button' name='btnGravarMon'
					class="btn btn-block btn-primary btnGravar"
					onclick='gravarMonitoramentoComValidacaoDeKpi();'>
					<fmt:message key="citcorpore.comum.gravar" />
				</button>
			</div>

			<div class="span6">
				<button type='button' name='btnLimparMon'
					class="btn btn-block btn-primary" onclick='limparMonitoramento();'>
					<fmt:message key="citcorpore.comum.limpar" />
				</button>
			</div>
		</div>

	</form>
</div>
<!-- CADASTRAR MONITORAMENTO - END -->

<!-- MODAIS -->

<div class="modal hide fade in wd-560" id="modal-responsavel">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">&times;</button>
		<h3 class="title">
			<fmt:message key="colaborador.colaborador" />
		</h3>
	</div>
	<div class="modal-body">
		<form name='formPesquisaResponsavel'>
			<cit:findField formName='formPesquisaResponsavel'
				lockupName='LOOKUP_RESPONSAVEL_ITEM' id='LOOKUP_RESPONSAVEL' top='0'
				left='0' len='1050' heigth='400' javascriptCode='true'
				htmlCode='true' />
		</form>
	</div>
</div>

<div class="modal hide fade in wd-560" id="modal-responsavel-grupo">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">&times;</button>
		<h3 class="title">
			<fmt:message key="controle.grupo" />
		</h3>
	</div>
	<div class="modal-body">
		<form name='formPesquisaResponsavelGrupo'>
			<cit:findField formName='formPesquisaResponsavelGrupo'
				lockupName='LOOKUP_GRUPO' id='LOOKUP_RESPONSAVEL_GRUPO' top='0'
				left='0' len='1050' heigth='400' javascriptCode='true'
				htmlCode='true' />
		</form>
	</div>
</div>

</html>