<div class=' row-fluid '>
	<div id="divFormularioHabilidade" class='widget-body collapse in'>
		<div id="tabCadastroHabilidade" class="tabsbar">
			<ul>
				<li class="active">
					<a href="#tab1-3" data-toggle="tab">
						<fmt:message key="cadastroHabilidade.cadastrarHabilidade" />
					</a>
				</li>
				<li>
					<a href="#tab2-3" data-toggle="tab">
						<fmt:message key="cadastroHabilidade.pesquisarHabilidade" />
					</a>
				</li>
			</ul>
		</div>
		
		<div class="tab-content">
			<!-- PRIMEIRA ABA - Habilidade -->
			<div class="tab-pane active" id="tab1-3">
				<div id="divCadastroHabilidade" class="span8">
					<form name='formCadastroHabilidade' action='${ctx}/pages/cadastroHabilidade/cadastroHabilidade'>
						<input type='hidden' name='idHabilidade' id="idHabilidade"/>
						<input type='hidden' name='colAllLOOKUP_VINCULAR_COLABORADOR' id="colAllLOOKUP_VINCULAR_COLABORADOR"/>
						<input type='hidden' name='listaColaboradores' id="listaColaboradores"/>
						<input type='hidden' name='listaColaboradores_Serialize' id="listaColaboradores_Serialize"/>
						<input type='hidden' name='paginaSelecionadaColaborador' id='paginaSelecionadaColaborador'/>
						<input type='hidden' name='dataHoraInicio' id='dataHoraInicio'/>
							<div class='row-fluid'>
								<div class='span7'>
									<label class="strong campoObrigatorio"><fmt:message key="cadastroHabilidade.nomeHabilidade" /></label>
									<input class="span12 Valid[Required] Description[cadastroHabilidade.nomeHabilidade]"
											id="nomeHabilidade" 
											name="nomeHabilidade"
											type='text'
											maxlength="255" />
								</div>
								<div class='span5'>
									<button type='button' style="margin-top:26px;" name='btnGravar' class="lFloat btn btn-icon btn-primary" onclick='Colaborador.abrirModal();'><i></i><fmt:message key="cadastroHabilidade.btnVincularColaborador" /></button>
								</div>
							</div>
							
							<div class='row-fluid'>
								<div class='span12'>
									<label class="strong"><fmt:message key="cadastroHabilidade.descricao" /></label>
									<textarea class='span12 Description[cadastroHabilidade.descricao]' name='descricao' id='descricao' rows="3" maxlength="255"></textarea>
								</div>
							</div>
							
							<div class="separator"></div>
							<div class="row-fluid" id="divTabelaColaboradorHabilidade">
								<!-- conteúdo gerado dinamicamente -->
								<h4><fmt:message key="cadastroHabilidade.nenhumColaborador" /></h4>
							</div>
							
							<div class="separator"></div>
							<div class='row-fluid' style="margin: 10px 0px 5px 5px;">
								<div class='span12'>
									<button type='button' name='btnGravar' class="lFloat btn btn-icon btn-primary btnGravar" onclick='salvarHabilidade();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
									<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='limparHabilidade();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
									<button type='button' name='btnUpDate' class="lFloat btn btn-icon btn-primary btnUpDate" onclick='excluirHabilidade();'><i></i><fmt:message	key="citcorpore.comum.excluir" /></button>
								</div>
							</div>
					</form>
				</div>
			</div>
			
			<!-- SEGUNDA ABA - LISTAGEM DE Habilidades cadastradas -->
			<div class="tab-pane" id="tab2-3">
				<div class="section">
					<form name='formPesquisaHabilidadeListagem'>
						<cit:findField formName='formPesquisaHabilidadeListagem' lockupName='LOOKUP_CADASTRO_HABILIDADE' id='LOOKUP_CADASTRO_HABILIDADE' heigth='400' javascriptCode='true' htmlCode='true' />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-habilidade-vincular-colaborador">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="cadastroHabilidade.vincularColaborador" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formHabilidadeVincularColaborador'>
			<cit:findField formName='formHabilidadeVincularColaborador' lockupName='LOOKUP_EMPREGADO' checkbox='true' id='LOOKUP_VINCULAR_COLABORADOR' heigth='400' javascriptCode='true' htmlCode='true' formCheckbox="formCadastroHabilidade" />
		</form>
	</div>
</div>