<%@ include file="/WEB-INF/templates/taglibs.jsp"%>

<form name="formVincularHabilidade" action="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioHabilidade/gerenciamentoPortfolioHabilidade">
	<input type="hidden" id="idServico" name="idServico" />
	<input type="hidden" id="idHabilidade" name="idHabilidade" />
	<input type="hidden" id="idHabilidadeVinculo" name="idHabilidadeVinculo" />
	<input type="hidden" id="filtroHabilidade" name="filtroHabilidade" />
	<input type="hidden" id="paginaSelecionadaHabilidade" name="paginaSelecionadaHabilidade" />
	<input type="hidden" id="listaIdsHabilidadesVinculadas" name="listaIdsHabilidadesVinculadas" />
	<input type="hidden" id="listaServicoHabilidadeVinculados_Serialize" name="listaServicoHabilidadeVinculados_Serialize" />
	<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_HABILIDADE" name="colAllLOOKUP_SERVICO_VINCULAR_HABILIDADE" />
	<input type="hidden" id="idsHabilidadeOcorrenciaServico" name="idsHabilidadeOcorrenciaServico" />
	<input type="hidden" id="acaoHabilidadeOcorrenciaServico" name="acaoHabilidadeOcorrenciaServico" />
</form>

<div class='row-fluid'>
	<div class='row-fluid'>
		<button type='button' id='btnVincularHabilidade' class="botaoNovo lFloat btn btn-icon btn-primary glyphicons retweet btnGravar" onclick="VincularHabilidade.abrirPopup();"><i></i><fmt:message key="gerenciaportfolioHabilidade.vincularHabilidade" /></button>
		<button type='button' id='btnNovaHabilidade' class="botaoNovo lFloat btn btn-icon btn-primary glyphicons circle_plus" onclick="VincularHabilidade.abrirPopupNovoHabilidade(null);"><i></i><fmt:message key="gerenciaportfolioHabilidade.novaHabilidade" /></button>
	</div>

	<div class="row-fluid">
		<div class="span12 input-append">
			<div class="span12">
				<input class="campoPesquisa" type="text" id="inputFiltroHabilidade" value="">
				<span onclick="limpaFiltroHabilidade();" class="add-on remove xPesquisa"><i class="icon-remove" deluminate_imagetype="png"></i></span>
				<span onclick="pesquisaFiltroHabilidade();"  class="add-on lupaPesquisa xPesquisa"><i class="icon-search" deluminate_imagetype="png"></i></span>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class='span12' id="divDinamicoListaHabilidade"></div>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-cadastrar-habilidade">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<%@include file="/pages/cadastroHabilidade/cadastroHabilidadeConteudo.jsp" %>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-habilidade">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formLookupServicoVincularHabilidade'>
			<cit:findField formName='formLookupServicoVincularHabilidade' lockupName='LOOKUP_CADASTRO_HABILIDADE' id='LOOKUP_SERVICO_VINCULAR_HABILIDADE' heigth='400' javascriptCode='true' htmlCode='true' checkbox='true' formCheckbox="formVincularHabilidade"/>
		</form>
	</div>
</div>