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

<form name="formPortfolioOcorrenciasServico" action="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioOcorrenciasServico/gerenciamentoPortfolioOcorrenciasServico">
	<input type="hidden" id="idServico" name="idServico" /> 
	<input type="hidden" id="paginaSelecionadaOcorrenciaServico" name="paginaSelecionadaOcorrenciaServico" /> 

	<div class="tabsbar">
		<ul>
			<li class="active"><a href="#tabOcorrenciasPortfolioRegistradas" data-toggle="tab"><fmt:message key="gerenciaPortfolio.ocorrenciasServico.ocorrenciasRegistradas"/></a></li>
			<li><a href="#tabCadastrarOcorrenciaPortfolio" data-toggle="tab"><fmt:message key="gerenciaPortfolio.ocorrenciasServico.cadastrarOcorrencias"/></a></li>
		</ul>
	</div>
	<div class="tab-content">
		<div class="tab-pane active" id="tabOcorrenciasPortfolioRegistradas">
			<div class="row-fluid">
				<div class="span4">
					<label class="strong"> <fmt:message key="citcorpore.comum.periodo.abertura" /> </label>
					<input class='span5 Format[Date] Valid[Date] Description[citcorpore.comum.dataInicio] datepicker' 
							type='text' name='dataFiltroInicioOcorrenciaServico' id='dataFiltroInicioOcorrenciaServico' 
							maxlength='10' />
					<label style="display: inline-block; padding: 0 5px;"> <fmt:message key="citcorpore.comum.ate" /> </label>
					<input class='span5 Format[Date] Valid[Date] Description[citcorpore.comum.dataFim] datepicker' 
							type='text' name='dataFiltroFimOcorrenciaServico' id='dataFiltroFimOcorrenciaServico' 
							maxlength='10' />
				</div>
				<div class="span4">
					<label class="strong"> <fmt:message key="citcorpore.comum.categoria" /> </label>
					<select class='span12 Description[citcorpore.comum.categoria]' id="categoriaFiltroOcorrenciaServico" name="categoriaFiltroOcorrenciaServico" ></select>
				</div>
				<div class="span4">
					<button type="button" name='btnBuscar' style="margin-top: 23px" class="lFloat btn btn-icon btn-primary glyphicons search" onclick='PortfolioOcorrencias.filtrarOcorrenciaServico();'><i></i><fmt:message key="citcorpore.comum.buscar" /></button>
					<button type="button" name='btnLimparBusca' style="margin-top: 23px" class="lFloat btn btn-icon btn-primary glyphicons delete" onclick='PortfolioOcorrencias.limpaFiltroOcorrenciaServico();'><i></i><fmt:message key="citcorpore.ui.botao.rotulo.Limpar" /></button>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span12">
					<div id="divOcorrenciasPortfolioRegistradas">
						<!-- Conteúdo gerado dinamicamente -->
					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane" id="tabCadastrarOcorrenciaPortfolio">
			<div class="row-fluid">
				<div class="span4">
					<label class="strong campoObrigatorio"> <fmt:message key="citcorpore.comum.categoria" /> </label>
					<select class='span12 Valid[Required] Description[citcorpore.comum.categoria]' id="categoriaOcorrenciaServico" name="categoriaOcorrencia" ></select>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span6">
					<label class="strong campoObrigatorio"> <fmt:message key="citcorpore.comum.descricao" /> </label>
					<textarea type="text" id="descricaoOcorrencia" name="descricaoOcorrencia" rows="5" class="span12 Valid[Required] Description[citcorpore.comum.descricao]"></textarea>
				</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='PortfolioOcorrencias.gravar();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
					<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='PortfolioOcorrencias.limpar();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
				</div>
			</div>
		</div>
	</div>
</form>