<%@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="../../novoLayout/common/include/css/template.css"/>
		<link type="text/css" rel="stylesheet" href="css/histManualFuncao.css"/>
		<link type="text/css" rel="stylesheet" href="../../novoLayout/common/include/css/jqueryautocomplete.css"/>
	</head>
	<cit:janelaAguarde id="JANELA_AGUARDE_MENU"  title="" style="display:none;top:325px;width:300px;left:500px;height:50px;position:absolute;"></cit:janelaAguarde>
	<body>
		<div class="container-fluid fixed">
			<div class="navbar main hidden-print">
				<%@include file="/novoLayout/common/include/cabecalho.jsp" %>
				<%@include file="/novoLayout/common/include/menuPadrao.jsp" %>
			</div>

			<div id="wrapper">
				<!-- Inicio conteudo -->
				<div id="content">
					<div class="separator top"></div>
					<div class="row-fluid">
						<div class="innerLR">
							<div class="widget">
								<div class="widget-head">
									<h4 class="heading"><fmt:message key="ManualFuncao.Titulo" /></h4>
								</div>
								<div class="widget-body collapse in">

									<form name='form' action='${ctx}/pages/manualFuncao/manualFuncao'>
									 	<input type='hidden' name="idManualFuncao" id="idManualFuncao"/>
									 	<input type='hidden' name="idDescricao" id="idDescricao"/>
									 	<input type='hidden' name="idCertificacaoRA" id="idCertificacaoRA"/>
									 	<input type='hidden' name="idCertificacaoRF" id="idCertificacaoRF"/>
									 	<input type='hidden' name="idCursoRA" id="idCursoRA"/>
									 	<input type='hidden' name="idCursoRF" id="idCursoRF"/>
									 	<input type='hidden' name="idComportamento" id="idComportamento"/>
									 	<input type='hidden' name='colResponsabilidades_Serialize' id='colResponsabilidades_Serialize'/>
									 	<input type='hidden' name='colCertificacoes_Serialize' id='colCertificacoes_Serialize'/>
									 	<input type='hidden' name='colCursos_Serialize' id='colCursos_Serialize'/>
									 	<input type='hidden' name='colCertificacoesRF_Serialize' id='colCertificacoesRF_Serialize'/>
									 	<input type='hidden' name='colCursosRF_Serialize' id='colCursosRF_Serialize'/>
									 	<input type='hidden' name='colCompetencias_Serialize' id='colCompetencias_Serialize'/>
									 	<input type='hidden' name='colPerspectivaComportamental_Serialize' id='colPerspectivaComportamental_Serialize'/>

										<div class="innerLR">
											<div class='row-fluid'>
												<div class='span12'>
													<div class='row-fluid'>
														<div class='span6'>
															<label class="strong"><fmt:message key="ManualFuncao.TituloCargo" /></label>
															<input id="tituloCargo" name="tituloCargo" type='text'  class="span12 Description[ManualFuncao.TituloCargo]" />
														</div>
														<div class='span3'>
															<label class="strong"><fmt:message key="ManualFuncao.CBO" /></label>
															<input id="codCBO" type="text" name="codCBO"  class="Description[ManualFuncao.CBO]" />
														</div>
														<div class='span2'>
															<label class="strong"><fmt:message key="citcorpore.comum.versao" /></label>
															<input id="versao" type="text" name="versao"  class="Description[citcorpore.comum.versao]" />
														</div>
													</div>
													<div class='row-fluid'>
														<div class='span8'>
															<label class="strong"><fmt:message key="ManualFuncao.tituloFuncao" /></label>
															<input id="tituloFuncao" name="tituloFuncao" type='text'  class="span12 Description[ManualFuncao.tituloFuncao]" />
														</div>
														<div class='span4'>
															<label class="strong"><fmt:message key="ManualFuncao.Codigo" /></label>
															<input id="codigo" type="text" name="codigo"  class="Description[ManualFuncao.Codigo]" />
														</div>
													</div>
													<div class='row-fluid'>
														<div class='span12'>
															<label class="strong"><fmt:message key="ManualFuncao.ResumoFuncao" /></label>
															<textarea class="widthTextArea Description[ManualFuncao.ResumoFuncao]" id="resumoFuncao" name="resumoFuncao" rows="4" cols="1" maxlength="500"></textarea>
														</div>
													</div>
												</div>
											</div>
										</div>

										<div class="widget">
											<div class="widget-body collapse in">
												<div class="tabsbar">
													<ul>
														<li class="active"><a href="#tab1-6" data-toggle="tab"><fmt:message key="ManualFuncao.PerspectivaComplexidade" /></a></li>
														<li><a href="#tab2-6" data-toggle="tab"><fmt:message key="ManualFuncao.PerspectivaTecnica" /></a></li>
														<li><a href="#tab3-6" data-toggle="tab"><fmt:message key="ManualFuncao.CompetenciaTecnica" /></a></li>
														<li><a href="#tab4-6" data-toggle="tab"><fmt:message key="ManualFuncao.PerspectivaComportamental" /></a></li>
														<li><a href="#tab5-6" data-toggle="tab"><fmt:message key="ManualFuncao.PesoDasPerspectiva" /></a></li>
													</ul>
												</div>
												<div class="tab-content">
												<!-- INICIO - Atribuições e Responsabilidades  -->
													<div class="tab-pane active" id="tab1-6">
														<div class="widget">
															<div class="widget-head">
																<h4 class="heading"><fmt:message key="ManualFuncao.AtribuicaoResponsabilidade" /></h4>
															</div>
															<div class="innerLR">
																<div class='row-fluid'>
																	<div class='row-fluid'>
																		<div class='innerTB'>
																			<div class="row-fluid">
												                            	<div class="span9">
												                                    <table id="tblResponsabilidades" class="table table-condensed" style="overflow: auto">
												                                        <tr>
												                                        	<th width="40%"><fmt:message key="ManualFuncao.Descricao" /></th>
												                                        	<th width="10%"><fmt:message key="ManualFuncao.Nivel" /></th>
												                                        </tr>
												                                    </table>
												                               </div>
												                            </div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<!-- FIM - Atribuições e Responsabilidades  -->

													<!-- INICIO - Perspectiva Tecnica  -->
													<div class="tab-pane" id="tab2-6">
														<div class="tab-pane active" id="tab1-4">
															<div class="widget">
																<div class="widget-head">
																	<h4 class="heading"><fmt:message key="ManualFuncao.RequisitosAcesso" /></h4>
																</div>
																<div class="innerTB">
																	<div class="innerLR">
																		<div class='row-fluid'>
																			<div class='row-fluid'>
																				<div class="span12">
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.FormacaoAcademica" /></label>
																								<select class="span8" id="idFormacaoRA" name="idFormacaoRA"></select>
																							</div>
																						</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.Idioma" /></label>
																								<select class="span8" id="idIdiomaRA" name="idIdiomaRA" ></select>
																							</div>
																						</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.escrita'/></label>
																								<select class="span8" name='idNivelEscritaRA' id="idNivelEscritaRA">
																							        <option  value="0"><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.leitura'/></label>
																								<select class="span8"name='idNivelLeituraRA' id="idNivelLeituraRA">
																							        <option  value=""><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.conversacao'/></label>
																								 <select class="span8" name='idNivelConversaRA' id="idNivelConversaRA">
																							        <option  value=""><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																			  			<div class="row-fluid">
																				  			<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.ExperienciaAnterior" /></label>
																								<input class="span8" type="text" id="expAnteriorRA" name="expAnteriorRA" placeholder="Digite a Experiência Anterior" />
																							</div>
																						</div>
																					</div>
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class='span8'>
																								  <table id="tblCertificacoesRA" class="table table-condensed" style="overflow: auto">
															                                        <tr>
															                                        	<th width="30%"><fmt:message key="ManualFuncao.Certificacao" /></th>
															                                        </tr>
															                                    </table>
																							</div>
																						</div>
																					</div>
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class='span8'>
																								  <table id="tblCursosRA" class="table table-condensed" style="overflow: auto">
															                                        <tr>
															                                        	<th width="30%"><fmt:message key="ManualFuncao.Cursos" /></th>
															                                        </tr>
															                                    </table>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
															<div class="widget">
																<div class="widget-head">
																	<h4 class="heading"><fmt:message key="ManualFuncao.RequistosDaFuncao" /></h4>
																</div>
																<div class="innerTB">
																	<div class="innerLR">
																		<div class='row-fluid'>
																		<div class='row-fluid'>
																				<div class="span12">
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.FormacaoAcademica" /></label>
																								<select class="span8" id="idFormacaoRF" name="idFormacaoRF"></select>
																							</div>
																						</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.Idioma" /></label>
																								<select class="span8" id="idIdiomaRF" name="idIdiomaRF" ></select>
																							</div>
																						</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.escrita'/></label>
																								<select class="span8" name='idNivelEscritaRF' id="idNivelEscritaRF">
																							        <option  value=""><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.leitura'/></label>
																								<select class="span8"name='idNivelLeituraRF' id="idNivelLeituraRF">
																							        <option  value=""><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																						<div class="row-fluid">
																							<div class="span12">
																								<label class="strong"><fmt:message key='rh.conversacao'/></label>
																								 <select class="span8" name='idNivelConversaRF' id="idNivelConversaRF">
																							        <option  value=""><fmt:message key='citcorpore.comum.selecione'/></option>
																							        <option  value="1"><fmt:message key='rh.naoTem'/></option>
																									<option  value="2"><fmt:message key='citcorpore.comum.complexidadeIntermediaria'/></option>
																									<option  value="3"><fmt:message key='rh.boa'/></option>
																									<option  value="4"><fmt:message key='rh.avancada'/></option>
																  								</select>
																				  			</div>
																			  			</div>
																			  			<div class="row-fluid">
																				  			<div class="span12">
																								<label class="strong"><fmt:message key="ManualFuncao.ExperienciaAnterior" /></label>
																								<input class="span8" type="text" id="expAnteriorRF" name="expAnteriorRF" placeholder="Digite a Experiência Anterior" />
																							</div>
																						</div>
																					</div>
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class='span8'>
																								  <table id="tblCertificacoesRF" class="table table-condensed" style="overflow: auto">
															                                        <tr>
															                                        	<th width="30%"><fmt:message key="ManualFuncao.Certificacao" /></th>
															                                        </tr>
															                                    </table>
																							</div>
																						</div>
																					</div>
																					<div class='span4'>
																						<div class="row-fluid">
																							<div class='span8'>
																								  <table id="tblCursoRF" class="table table-condensed" style="overflow: auto">
															                                        <tr>
															                                        	<th width="30%"><fmt:message key="ManualFuncao.Cursos" /></th>
															                                        </tr>
															                                    </table>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<!-- FIM - Perspectiva Tecnica  -->

													<!-- INICIO - Competências Técnicas  -->
													<div class="tab-pane" id="tab3-6">
														<div class="widget">
															<div class="widget-head">
																<h4 class="heading"><fmt:message key="ManualFuncao.CompetenciaTecnicas" /></h4>
															</div>
															<div class="innerTB">
																<div class="innerLR">
																	<div class='row-fluid'>
																		<div class='span8 alinhaBotao'>
																			  <table id="tblCompetencias" class="table table-condensed" style="overflow: auto">
										                                        <tr>
										                                        	<th width="30%"><fmt:message key="ManualFuncao.CompetenciaTecnicas" /></th>
										                                        	<th width="30%"><fmt:message key="ManualFuncao.NivelCompetenciaAcesso" /></th>
										                                        	<th width="30%"><fmt:message key="ManualFuncao.NivelCompetenciaFuncao" /></th>
										                                        </tr>
										                                    </table>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<!-- FIM - Competências Técnicas  -->

													<!-- INICIO - Perspectiva Comportamental  -->
													<div class="tab-pane" id="tab4-6">
														<div class="widget">
															<div class="widget-head">
																<h4 class="heading"><fmt:message key="ManualFuncao.PerspectivaComportamental" /></h4>
															</div>
															<div class="innerTB">
																<div class="innerLR">
															  			<div class='row-fluid'>
																			<div class='span8 alinhaBotao'>
																				  <table id="tblPerspectivaComportamental" class="table table-condensed" style="overflow: auto">
											                                        <tr>
											                                        	<th width="30%" ><fmt:message key="ManualFuncao.CompetenciaComportamental" /></th>
											                                        	<th width="30%"><fmt:message key="ManualFuncao.Comportamento" /></th>
											                                        </tr>
											                                    </table>
																			</div>
																		</div>
																</div>
															</div>
														</div>
													</div>
													<!-- FIM - Perspectiva Comportamental  -->

													<!-- INICIO - Peso das Perspectiva  -->
													<div class="tab-pane" id="tab5-6">
														<div class="widget">
															<div class="widget-head">
																<h4 class="heading"><fmt:message key="ManualFuncao.PesoPerspectiva" /></h4>
															</div>
															<div class="innerTB">
																<div class="innerLR">
																	<div class='row-fluid'>
																		<div class='row-fluid'>
																			<div class='span10'>
																				<div class='span1'>
																					<label class="strong"><fmt:message key="ManualFuncao.Perspectiva" /></label>
																				</div>
																				<div class='span1'>
																					<label class="strong"><fmt:message key="ManualFuncao.Peso" /></label>
																				</div>
																			</div>
																		</div>
																		<div class='row-fluid'>
																			<div class='span10'>
																				<div class='span1'>
																					<label><fmt:message key="ManualFuncao.Complexidade" /></label>
																				</div>
																				<div class='span1'>
																					<input class="span12" type="text" id="pesoComplexidade" name="pesoComplexidade" />
																				</div>
																			</div>
																		</div>
																		<div class='row-fluid'>
																			<div class='span10'>
																				<div class='span1'>
																					<label><fmt:message key="ManualFuncao.Tecnica" /></label>
																				</div>
																				<div class='span1'>
																					<input class="span12" type="text" id="pesoTecnica" name="pesoTecnica" />
																				</div>
																			</div>
																		</div>
																		<div class='row-fluid'>
																			<div class='span10'>
																				<div class='span1'>
																					<label><fmt:message key="ManualFuncao.Comportamental" /></label>
																				</div>
																				<div class='span1'>
																					<input class="span12" type="text" id="pesoComportamental" name="pesoComportamental" />
																				</div>
																			</div>
																		</div>
																		<div class='row-fluid'>
																			<div class='span10'>
																				<div class='span1'>
																					<label><fmt:message key="ManualFuncao.Resultados" /></label>
																				</div>
																				<div class='span1'>
																					<input class="span12" type="text" id="pesoResultados" name="pesoResultados" />
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<!-- FIM - Peso das Perspectiva  -->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!--  Fim conteudo-->
				<%@include file="/novoLayout/common/include/rodape.jsp" %>
			</div>
		</div>
		<script type="text/javascript" src="${ctx}/cit/objects/AtribuicaoResponsabilidadeDTO.js"></script>
		<script type="text/javascript" src="${ctx}/cit/objects/CertificacaoDTO.js"></script>
		<script type="text/javascript" src="${ctx}/cit/objects/CursoDTO.js"></script>
		<script type="text/javascript" src="${ctx}/cit/objects/ManualCompetenciaTecnicaDTO.js"></script>
		<script type="text/javascript" src="${ctx}/cit/objects/AtitudeIndividualDTO.js"></script>
		<script type="text/javascript" src="js/histManualFuncao.js"></script>
	</body>
</html>