<%@page import="br.com.centralit.citcorpore.util.CitCorporeConstantes"%>
<%@page import="br.com.centralit.citcorpore.util.WebUtil"%>
<%@page import="br.com.centralit.citcorpore.bean.UsuarioDTO"%>
<%@page import="br.com.citframework.dto.Usuario"%>
<%@page import="br.com.citframework.util.UtilDatas"%>
<%@page import="br.com.centralit.citcorpore.util.Enumerados"%>

<%@include file="/novoLayout/common/include/iframe.jsp" %>

<!doctype html public "">
<html <%=(iframe != null) ? "data-iframe=\"" + iframe + "\"" : "" %>>
	<head>
		<%@include file="/novoLayout/common/include/libCabecalho.jsp" %>
		<%@include file="/novoLayout/common/include/titulo.jsp" %>
		<link type="text/css" rel="stylesheet" href="css/gerenciamentoPortfolio.css"/>
		<link type="text/css" rel="stylesheet" href="gerenciamentoPortfolioMapaDesenhoApoio/css/gerenciamentoPortfolioMapaDesenhoApoio.css"/>
		<link type="text/css" rel="stylesheet" href="../../novoLayout/common/include/css/template.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/common/modal.css">
		<script type="text/javascript" src="${ctx}/js/UploadUtils.js"></script>
	</head>
	<cit:janelaAguarde id="JANELA_AGUARDE_MENU"  title="" style="display:none;top:325px;width:300px;left:500px;height:50px;position:absolute;"></cit:janelaAguarde>
	<body>
		<%@include file="/novoLayout/common/include/customtip.jsp"%>
		<div class="container-fluid fixed">
			<div class="navbar main hidden-print">
					<%@include file="/novoLayout/common/include/cabecalho.jsp" %>
					<%@include file="/novoLayout/common/include/menuPadrao.jsp" %>
			</div>

			<div id="wrapper">
				<div id="content">
					<div class="separator top"></div>
					<div class="row-fluid">
						<div id="innerLR" class="innerLR">
							<div class="widget">
								<div id="mainWidgetHead" class="widget-head">
									<h4 class="heading"><fmt:message key="gerenciaportfolio.gerenciamentoPortfolio" /></h4>
									<div class="pull-right">
										<h4 onclick="maximizaMinimizaJanela(this)" class="heading glyphicons resize_full" style="cursor: pointer;"><i></i></h4>
									</div>
								</div>

								<div id="mainWidgetBody" class="widget-body">
									<form name='form' style="display: none;" action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolio'>
										<input type='hidden' name='idPortfolioServicoAtual' id='idPortfolioServicoAtual'/>
										<input type='hidden' name='idServicoNegocioAtual' id='idServicoNegocioAtual'/>
										<input type='hidden' name='idContratoAtual' id='idContratoAtual'/>
										<input type='hidden' name='idServicoApoioAtual' id='idServicoApoioAtual'/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_APOIO" name="colAllLOOKUP_SERVICO_VINCULAR_APOIO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_REQUISICAO_NEGOCIO" name="colAllLOOKUP_SERVICO_VINCULAR_REQUISICAO_NEGOCIO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_INCIDENTE_NEGOCIO" name="colAllLOOKUP_SERVICO_VINCULAR_INCIDENTE_NEGOCIO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_REQUISICAO_APOIO" name="colAllLOOKUP_SERVICO_VINCULAR_REQUISICAO_APOIO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_VINCULAR_INCIDENTE_APOIO" name="colAllLOOKUP_SERVICO_VINCULAR_INCIDENTE_APOIO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_BUSINESS_USER_VINCULAR_GRUPO" name="colAllLOOKUP_SERVICO_BUSINESS_USER_VINCULAR_GRUPO"/>
										<input type="hidden" id="colAllLOOKUP_SERVICO_BUSINESS_USER_VINCULAR_USUARIO" name="colAllLOOKUP_SERVICO_BUSINESS_USER_VINCULAR_USUARIO"/>
										<input type="hidden" id="colAllLOOKUP_GRUPO_VINCULAR_DONONEGOCIO" name="colAllLOOKUP_GRUPO_VINCULAR_DONONEGOCIO"/>
										<input type="hidden" id="colAllLOOKUP_EMPREGADO_VINCULAR_DONONEGOCIO" name="colAllLOOKUP_EMPREGADO_VINCULAR_DONONEGOCIO"/>
									</form>

									<div class='row-fluid' class='span12'>
										<ol id="breadcrumb" class="breadcrumb">
											<li class="active breadCrumbInicio" onclick="onClickBreadCrumb(this, 0, '');"><fmt:message key="gerenciaportfolio.portfolios" /></li>
										</ol>
									</div>
									<div class='row-fluid'>
										<div class='row-fluid' id='divCadastroPortfolio'></div>

										<div class='row-fluid' id='divServicosNegocio' style="display: none;">
											<div class='span12 conteudo' data-loaded="false">
												<div class="carregando"></div>
											</div>
										</div>

										<div id='divServicoNegocioInfo' class='row-fluid' style="display: none;">
											<div class='span12' data-loaded="false">
												<div class="carregando"></div>
											</div>
										</div>

										<div class='row-fluid' id='divServicoApoioInfo' style="display: none;">
											<div class='span12' data-loaded="false">
												<div class="carregando"></div>
											</div>
										</div>

										<div class='row-fluid' id='divContratoInfo' style="display: none;">
											<div class='span12' data-loaded="false">
												<div class="carregando"></div>
											</div>
										</div>

										<div class='row-fluid' id='divServicoReqIncOSInfo' style="display: none;">
											<div id="headingArrowInfoServicoReqIncOS" class='row-fluid'>
												<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.infoServico" /></h4>
											</div>
											<div id="tabsServicoReqIncOS" class="tabsbar">
												<ul>
													<li class="active">
														<span href="#detalhesServicoReqIncOS" data-toggle="tab">
															<a class="glyphicons book_open" data-toggle="tooltip" data-original-title="<fmt:message key="gerenciaportfolio.detalhes" />" data-placement="bottom"><i></i></a>
														</span>
													</li>
												</ul>
											</div>
											<div class="tab-content">
												<div class="tab-pane active" id="detalhesServicoReqIncOS">
													<div class='row-fluid'>
														<div class='span12'>
															<%@include file="/pages/gerenciamentoPortfolio/gerenciamentoPortfolioVinculoServicoContrato/gerenciamentoPortfolioVinculoServicoContrato.jsp"%>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-servico-apoio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.cadastroServicoApoio" /> </h3>
										</div>
										<div class="modal-body">
											<div class="row-fluid">
												<div id="divPopupCadastroServicoApoio" class='span12 formularioCadastroServicoApoio' data-notificacao="true"></div>
											</div>
										</div>
									</div>
									
									<div class="modal modal-big hide fade" id="modal-portfolio-servico-negocio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.cadastroServicoNegocio" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<div class="row-fluid">
												<div class="span12 formularioServicoNegocio">
													
												</div>
											</div>
										</div>
									</div>
									
									<div class="modal modal-big hide fade" id="modal-portfolio-servico-requisicao-incidente">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"></h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<%@include file="/pages/gerenciamentoPortfolio/gerenciamentoPortfolioCadastroServico/gerenciamentoPortfolioCadastroServico.jsp" %>
										</div>
									</div>
									
									<div class="modal modal-bigger hide fade" id="modal-portfolio-vinculo-servico-req-inc-contrato">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-selecionar-servico-categoria">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="categoriaServico.categoriaServico" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<%@include file="/pages/categoriaServico/categoriaServicoConteudo/categoriaServicoConteudo.jsp" %>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-servico-apoio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.vincularServico" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<form name='formPesquisaServicoApoioVincular'>
												<cit:findField formName='formPesquisaServicoApoioVincular' lockupName='LOOKUP_SERVICO_VINCULAR' id='LOOKUP_SERVICO_VINCULAR_APOIO' heigth='400' javascriptCode='true' htmlCode='true' distinct='true' checkbox='true'/>
											</form>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-requisicao-negocio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.vinculoServicoRequisicao" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<form name='formPesquisaServicoVincularRequisicaoNegocio'>
												<cit:findField formName='formPesquisaServicoVincularRequisicaoNegocio' lockupName='LOOKUP_SERVICO_VINCULAR' id='LOOKUP_SERVICO_VINCULAR_REQUISICAO_NEGOCIO' heigth='400' javascriptCode='true' htmlCode='true' distinct='true' checkbox='true'/>
											</form>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-incidente-negocio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.vinculoServicoIncidente" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<form name='formPesquisaServicoVincularIncidenteNegocio'>
												<cit:findField formName='formPesquisaServicoVincularIncidenteNegocio' lockupName='LOOKUP_SERVICO_VINCULAR' id='LOOKUP_SERVICO_VINCULAR_INCIDENTE_NEGOCIO' heigth='400' javascriptCode='true' htmlCode='true' distinct='true' checkbox='true'/>
											</form>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-requisicao-apoio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.vinculoServicoRequisicao" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<form name='formPesquisaServicoVincularRequisicaoApoio'>
												<cit:findField formName='formPesquisaServicoVincularRequisicaoApoio' lockupName='LOOKUP_SERVICO_VINCULAR' id='LOOKUP_SERVICO_VINCULAR_REQUISICAO_APOIO' heigth='400' javascriptCode='true' htmlCode='true' distinct='true' checkbox='true'/>
											</form>
										</div>
									</div>
									
									<div class="modal modal-medium hide fade" id="modal-portfolio-vincular-incidente-apoio">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
											<h3 class="title"> <fmt:message key="gerenciaportfolio.vinculoServicoIncidente" /> </h3>
										</div>
										<div class="modal-body modal-body-max-height">
											<form name='formPesquisaServicoVincularIncidenteApoio'>
												<cit:findField formName='formPesquisaServicoVincularIncidenteApoio' lockupName='LOOKUP_SERVICO_VINCULAR' id='LOOKUP_SERVICO_VINCULAR_INCIDENTE_APOIO' heigth='400' javascriptCode='true' htmlCode='true' distinct='true' checkbox='true'/>
											</form>
										</div>
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--  Fim conteudo-->
				<%@include file="/novoLayout/common/include/rodape.jsp" %>
			</div>
		</div>
		<script type="text/javascript" src="js/gerenciamentoPortfolio.js"></script>
		<script type="text/javascript" src="${ctx}/pages/categoriaServico/js/categoriaServico.js"></script>
		<script type="text/javascript" src="js/gerenciamentoPortfolioControleAbas.js"></script>
		
		<script type="text/javascript" src="gerenciamentoPortfolioVinculoServicoContrato/js/gerenciamentoPortfolioVinculoServicoContrato.js"></script>
		<script type="text/javascript" src="gerenciamentoPortfolioCadastroServico/js/gerenciamentoPortfolioCadastroServico.js"></script>
		<script type="text/javascript" src="${ctx}/novoLayout/common/theme/scripts/plugins/calendars/fullcalendar/lib/moment.min.js"></script>
	</body>
</html>
