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

<!-- INÍCIO gerenciamentoPortfolioRNS.jsp -->
<div class='row-fluid'>
	<div class='span12'>
		<form name='formRequisitosNivelServico' action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioRNS/gerenciamentoPortfolioRNS'>
			<input type="hidden" id="idRequisitosNivelServico" name="idRequisitosNivelServico"/>
			<input type="hidden" id="idServicoNegocio" name="idServicoNegocio"/>
			<input type="hidden" id="idEmpregado" name="idEmpregado"/>
 			
			<div id="tabsRequisitosNivelServico" class="tabsbar">
				<ul> 
					<li class="active">
						<a href="#dadosRNS" data-toggle="tab"><fmt:message key="gerenciaportfolio.requisitosNivelServico"/></a>
					</li>
					<li>
						<a href="#documentosRNS" data-toggle="tab"><fmt:message key="citcorpore.comum.documentosAnexos"/></a>
					</li>
				</ul>
			</div>
			
			<div class="tab-content">
				<div class="tab-pane active" id="dadosRNS">
					<div class="row-fluid ">
						<div class='span2'>
							<label class="lfloat strong campoObrigatorio"><fmt:message key="gerenciaportfolio.requisitosNivelServico.dataCriacao"/></label>
							<input class='span12 Format[Date] Valid[Date,Required] Description[gerenciaportfolio.requisitosNivelServico.dataCriacao] datepicker' type='text' name='dataCriacao' id='dataCriacao' size='10' maxlength="10"/>
						</div>
						<div class='span2'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.dataInicioServico"/></label>
							<input class='span12 datepicker' type='text' name='dataInicioServico' id='dataInicioServico' size='10' maxlength="10"/>
						</div>
						<div class='span8'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.donoDoServico"/></label>
							<input class="span12" id="donoDoServico" name="donoDoServico" type='text' maxlength="256" readonly="readonly" style="cursor: pointer;" />
						</div>
					</div>
					<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.requisitosNivelServico.utilidadeDoServico"/></h4>
					<div class="row-fluid">
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.especificacao"/></label>
							<label id="especificacaoLabel"></label>
							<textarea class="span12" name="especificacao" id="especificacao" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.contexto"/></label>
							<label id="contextoLabel"></label>
							<textarea class="span12" name="contexto" id="contexto" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.funcionalidadesEssenciais"/></label>
							<label id="funcionalidadesEssenciaisLabel"></label>
							<textarea class="span12" name="funcionalidadesEssenciais" id="funcionalidadesEssenciais" rows="3"></textarea>
						</div>
					</div>
					<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.requisitosNivelServico.garantiaDoServico"/></h4>
					<div class="row-fluid">
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.seguranca"/></label>
							<label id="segurancaLabel"></label>
							<textarea class="span12" name="seguranca" id="seguranca" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.disponibilidade"/></label>
							<label id="disponibilidadeLabel"></label>
							<textarea class="span12" name="disponibilidade" id="disponibilidade" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.capacidade"/></label>
							<label id="capacidadeLabel"></label>
							<textarea class="span12" name="capacidade" id="capacidade" rows="3"></textarea>
						</div>
					</div>
					<div class="row-fluid">
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.continuidadeDoNegocio"/></label>
							<label id="continuidadeDoNegocioLabel"></label>
							<textarea class="span12" name="continuidadeDoNegocio" id="continuidadeDoNegocio" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.performanceDesempenho"/></label>
							<label id="performanceDesempenhoLabel"></label>
							<textarea class="span12" name="performanceDesempenho" id="performanceDesempenho" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.interrupcoesPlanejadas"/></label>
							<label id="interrupcoesPlanejadasLabel"></label>
							<textarea class="span12" name="interrupcoesPlanejadas" id="interrupcoesPlanejadas" rows="3"></textarea>
						</div>
					</div>
					<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.requisitosNivelServico.suporteDeServico"/></h4>
					<div class="row-fluid">
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.gestaoDeIncidentes"/></label>
							<label id="gestaoDeIncidentesLabel"></label>
							<textarea class="span12" name="gestaoDeIncidentes" id="gestaoDeIncidentes" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.gestaoDeProblemas"/></label>
							<label id="gestaoDeProblemasLabel"></label>
							<textarea class="span12" name="gestaoDeProblemas" id="gestaoDeProblemas" rows="3"></textarea>
						</div>
						<div class='span4'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.gestaoDeMudancas"/></label>
							<label id="gestaoDeMudancasLabel"></label>
							<textarea class="span12" name="gestaoDeMudancas" id="gestaoDeMudancas" rows="3"></textarea>
						</div>
					</div>
					<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.requisitosNivelServico.conformidade"/></h4>
					<div class="row-fluid">
						<div class='span6'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.conformidade.interna"/></label>
							<label id="conformidadeInternaLabel"></label>
							<textarea class="span12" name="conformidadeInterna" id="conformidadeInterna" rows="3"></textarea>
						</div>
						<div class='span6'>
							<label class="lfloat strong"><fmt:message key="gerenciaportfolio.requisitosNivelServico.conformidade.externa"/></label>
							<label id="conformidadeExternaLabel"></label>
							<textarea class="span12" name="conformidadeExterna" id="conformidadeExterna" rows="3"></textarea>
						</div>
					</div>
				</div>
				<div class="tab-pane" id="documentosRNS">
					<div class='row-fluid' >
						<div id="adicionarRequisitosNivelServico" class="span12" style="height: 400px !important; min-height: 400px; max-height: 600 px; overflow: auto;" >
							<cit:uploadComSelect id="uploadRequisitosNivelServico" title="<% <fmt:message key='citcorpore.comum.anexos'/> %>"  
									style="height:100% !important; width:100% !important; border:none !important;" 	
									form="formRequisitosNivelServico" 
									action="/pages/uploadRequisitosNivelServico/uploadRequisitosNivelServico.load" disabled="false" />
						</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='gravarRequisitosNivelServico();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
						<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='limparRequisitosNivelServico();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>
<!-- FIM gerenciamentoPortfolioRNS.jsp -->

<div class="modal modal-medium hide fade" id="modal-portfolio-rns-dono-servico">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="colaborador.colaborador" /> </h3>
	</div>
	<div class="modal-body modal-body-max-height">
		<form name='formPesquisaResponsavelRequisito'>
			<cit:findField formName='formPesquisaResponsavelRequisito' lockupName='LOOKUP_RESPONSAVEL_ITEM' id='LOOKUP_RESPONSAVEL_ITEM' top='0' left='0' len='1050' heigth='400' javascriptCode='true' htmlCode='true' />
		</form>
	</div>
</div>