
<div class='row-fluid'>
	<div id="divFormularioServico">
		<form id='formCadastroServico' name='formCadastroServico' action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioCadastroServico/gerenciamentoPortfolioCadastroServico'>
			<input type='hidden' name='idContratoServico' id='idContratoServicoReqIncOS'/>
			
			<input type='hidden' name='idServico' id='idServicoReqIncOS'/>
			<input type='hidden' name='idServicoRelacionado' id='idServicoRelacionadoReqIncOS'/>
			<input type='hidden' name='idCategoriaServico' id='idCategoriaServicoReqIncOS'/>
			<input type='hidden' name='idPortfolioServico' id='idPortfolioServicoReqIncOS'/>
			<input type='hidden' name='idBaseconhecimento' id='idBaseConhecimentoReqIncOS'/>
			<input type='hidden' name='tipoServico' id='tipoServicoReqIncOS'/>
			<input type='hidden' name='tipoServicoRelacionado' id='tipoServicoRelacionado'/>
			
			<input type='hidden' name='idServicoDesvincular' id='idServicoDesvincular'/>
			<input type='hidden' name='paginaSelecionadaServico' id='paginaSelecionadaServicoReqIncOS'/>
			<input type='hidden' name='filtroServico' id='filtroServicoReqIncOS'/>
			<input type='hidden' name='imagemPortal' id='imagemPortal'/>
			
			<div class='row-fluid'>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.nomeServico" /></label>
					<input class="span12 Valid[Required] Description[gerenciaportfolio.nomeServico]" id="nomeServicoReqIncOS" name="nomeServico" type='text' maxlength="256" />
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="gerenciaportfolio.siglaAbrev" /></label>
					<input class="span12" id="siglaAbrevReqIncOS" name="siglaAbrev" type='text' maxlength="256" />
				</div>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.situacaoServico" /></label>
					<select class='span12 Valid[Required] Description[gerenciaportfolio.situacaoServico]' id="idSituacaoServicoReqIncOS" name="idSituacaoServico" ></select>
				</div>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.dataInicio" /></label>
					<input class='span12 Format[Date] Valid[Date,Required] Description[gerenciaportfolio.dataInicio] datepicker' type='text' name='dataInicio' id='dataInicioServicoReqIncOS' size='10' maxlength="10"/>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.tipoDemandaServico" /></label>
					<select class='span12 Valid[Required] Description[gerenciaportfolio.tipoDemandaServico]' id="idTipoDemandaServicoReqIncOS" name="idTipoDemandaServico" ></select>
				</div>
				<div class='span3'>
					<label class="strong campoObrigatorio"><fmt:message key="gerenciaportfolio.categoriaServico" /></label>
					<input class="span12 Valid[Required] Description[gerenciaportfolio.categoriaServico]" id="nomeCategoriaServicoReqIncOS" name="nomeCategoriaServico" type='text' onclick="clickCategoria()" readonly="readonly" maxlength="256" style="cursor: pointer;"/>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="gerenciaportfolio.templateAcompanhamento" /></label>
					<select class='span12' id="idTemplateAcompanhamentoReqIncOS" name="idTemplateAcompanhamento" ></select>
				</div>
				<div class='span3'>
					<label class="strong"><fmt:message key="gerenciaportfolio.templateSolicitacao" /></label>
					<select class='span12' id="idTemplateSolicitacaoReqIncOS" name="idTemplateSolicitacao" ></select>
				</div>
			</div>
			<div class='row-fluid'>
				<div class='span6'>
					<label class="strong"><fmt:message key="gerenciaportfolio.detalheServico" /></label>
					<textarea class="span12" name="detalheServico" id="detalheServicoReqIncOS" rows="3"></textarea>
				</div>
				<div class='span6'>
					<label class="strong"><fmt:message key="gerenciaportfolio.objetivoServico" /></label>
					<textarea class="span12" name="objetivo" id="objetivo" rows="3"></textarea>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span4'>
					<label class="strong"><fmt:message key="gerenciaportfolio.tipoEventoServico" /></label>
					<select class='span12' id="idTipoEventoServicoReqIncOS" name="idTipoEventoServico" ></select>
				</div>
				<div class="span4">
					<label class="pull-left strong"><fmt:message key="gerenciaportfolio.script" /></label>
					<label class="pull-right label" onmouseover="abreTooltip(this, 'citcorpore.ui.botao.rotulo.Limpar')" onclick="limparCampoScriptOrientacao()" onmouseout="fechaTooltip()"><i class="material-icons md-14">cancel</i></label>
					<label class="pull-right label label-success mr1" onmouseover="abreTooltip(this, 'citcorpore.comum.pesquisar')" onclick="clickBaseConhecimento()" onmouseout="fechaTooltip()"><i class="material-icons md-14">search</i></label>
					<input class="span12" id="tituloBaseConhecimentoReqIncOS" name="tituloBaseConhecimento" type='text' onclick="clickBaseConhecimento()" readonly="readonly" maxlength="256" style="cursor: pointer;"/>
				</div>
				<div id="divIncidenteCritico" class='span4' style="display: none;">
					<label class="strong"><fmt:message key="gerenciaportfolio.incidenteCritico" /></label>
					<select class='span12' id="incidenteCritico" name="incidenteCritico" class='span12 Valid[Required] Description[gerenciaportfolio.incidenteCritico]'></select>
				</div>
			</div>
			<div class='row-fluid'>
				<div class='span4'>
					<label class="strong"><fmt:message key="gerenciaportfolio.tipoServico" /></label>
					<select class='span12 Description[gerenciaportfolio.tipoServico]' id="idTipoServicoNegocioReqIncOS" name="idTipoServico" ></select>
				</div>
				<div class='span4'>
					<label class="strong"><fmt:message key="gerenciaportfolio.importanciaNegocio" /></label>
					<select class='span12 Description[gerenciaportfolio.importanciaNegocio]' id="idImportanciaNegocioReqIncOS" name="idImportanciaNegocio" ></select>
				</div>
				<div class='span4'>
					<label class="strong"><fmt:message key="gerenciaportfolio.localExecucaoServico" /></label>
					<select class='span12 Description[gerenciaportfolio.localExecucaoServico]' id="idLocalExecucaoServicoNegocioReqIncOS" name="idLocalExecucaoServico" ></select>
				</div>
			</div>
			
			<div class='row-fluid'>
				<div class='span12'>
					<label class="campoObrigatorio"><fmt:message key="gerenciaportfolio.dispPortal" /></label>
					<select class="span6" id="dispPortal" name="dispPortal">
						<option value="N" selected><fmt:message key="citcorpore.comum.nao" /></option>
						<option value="S"><fmt:message key="citcorpore.comum.sim" /></option>
					</select>
				</div>
			</div>
			
			<div class="portal-content hide">
				<div class='row-fluid'>
					<div class='span12'>
						<label class="campoObrigatorio"><fmt:message key="citcorpore.comum.nome" /></label>
						<input class="span12" id="nomePortal" name="nomePortal" type='text' maxlength="255" />
					</div>
				</div>
				
				<div class='row-fluid'>
					<div class='span12'>
						<label><fmt:message key="citcorpore.comum.descricao" /></label>
						<textarea class="span12" id="descricaoPortal" name="descricaoPortal" rows="2"></textarea>
					</div>
				</div>
				
				<div class='row-fluid'>
					<div class='span12'>
						<div class="widget portal-images-widget">
							<div class="widget-head">
								<h4 class="heading"><fmt:message key="citcorpore.comum.imagem" /></h4>
								
								<div class="pull-right">
									<span class="portal-images-widget-toggle heading glyphicons circle_minus" onclick="collapseWidgetCustom(this)">
										<i></i>
									</span>
								</div><!-- pull-right -->
							</div><!-- .widget-head -->
							
							<div class="widget-body"></div><!-- .widget-body -->
						</div><!-- .widget -->
					</div>
				</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='gravarCadastroServico();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
					<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='limparCadastroServico(tipoServico.value);'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
					<button type='button' name='btnUpDate' class="lFloat btn btn-icon btn-primary btnUpDate" onclick='excluirCadastroServico();'><i></i><fmt:message	key="citcorpore.comum.excluir" /></button>
				</div>
			</div>
			
		</form>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-portfolio-base-conhecimento">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="gerenciaportfolio.script" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formPesquisaBaseConhecimento'>
			<cit:findField formName='formPesquisaBaseConhecimento' lockupName='LOOKUP_BASECONHECIMENTO' id='LOOKUP_BASECONHECIMENTO' heigth='400' javascriptCode='true' htmlCode='true' />
		</form>
	</div>
</div>

