<%@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.centralit.citcorpore.util.Enumerados.TipoExibicaoRelatorio"%>
<%@page import="br.com.citframework.util.UtilI18N"%>

<%@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="${ctx}/plugins/pivottablejs/pivot.min.css"/>
		<link type="text/css" rel="stylesheet" href="${ctx}/plugins/datatables/css/jquery.dataTables.min.css"/>
		
		<link type="text/css" rel="stylesheet" href="../../novoLayout/common/include/css/template.css"/>
		<link type="text/css" rel="stylesheet" href="css/smartReports.css"/>
	</head>
	<cit:janelaAguarde id="JANELA_AGUARDE_MENU"  title="" style="display:none;top:325px;width:300px;left:500px;height:50px;position:absolute;"></cit:janelaAguarde>
	<body>
		<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">
					<form id="formSmartReport" name="formSmartReport" action="${ctx}/pages/smartReports/smartReports">
						<input type="hidden" name="idCategoria" id="idCategoria" value="" />
						<input type="hidden" name="idSmartReport" id="idSmartReport" value="" />
						<input type="hidden" id="exibirParametroIdEspecifico" name="exibirParametroIdEspecifico" value="sim" />
						
						<div class="row-fluid fullscreen-container">
							<div id="smart-reports-widget-main" class="widget fullscreen-content">
								<div class="widget-head hidden-print">
									<h4 class="heading"><fmt:message key="smartReports.titulo" /></h4>
									
									<div class="pull-right">
										<h4 onclick="toggleFullScreen(this)" class="heading glyphicons resize_full" style="cursor: pointer;"><i></i></h4>
									</div>
								</div><!-- .widget-head -->
								
								<div class="widget-body">
									<div id="smart-reports-container" class="clearfix">
										<div id="menu" class="hidden-print">
											<ul id="smart-reports-menu-search" class="menu-0">
												<li>
													<div class="input-append">
														<input 
															type="text" 
															id="smart-reports-menu-search-input" 
															onkeyup="configureAutoComplete(this.value);"
															placeholder="<%=UtilI18N.internacionaliza(request, "citcorpore.comum.pesquisar")%>" />
														
														<span class="add-on">
															<i class="material-icons search md-18" onclick="document.getElementById('smart-reports-menu-search-input').focus()">search</i>
															<i class="material-icons clear md-18" onclick="clearAutoCompleteInput()">clear</i>
														</span><!-- .add-on -->
													</div><!-- .input-append -->
												</li>
											</ul>
											
											<ul id="smart-reports-menu-nav" class="menu-0"></ul>
										</div><!-- #menu -->
										
										<div id="smart-reports-container-inner">
											<div id="smart-reports-container-params" class="hidden hidden-print div-smart-report-params">
												<div class="widget" data-toggle="collapse-widget" data-collapse-closed="false">
													<div class="widget-head" onclick="UtilSmartReport.collapseWidget(this);">
														<h4 class="heading glyphicons search"><i></i><fmt:message key="citcorpore.comum.filtros" /></h4>
													</div><!-- .widget-head -->
													
													<div class="widget-body">
														<div class="body-params clearfix"></div>
													</div><!-- .widget-body -->
												</div><!-- .widget -->
											</div><!-- #smart-reports-container-params -->
											
											<div id="smart-reports-container-content" class="fullscreen-container hidden">
												<div class="fullscreen-content widget">
													<div class="widget-head hidden-print">
														<h4 class="widget-head-title heading"></h4>
														<div class="pull-right">
															<h4 onclick="SMART_REPORTS.print()" class="heading glyphicons print" style="cursor: pointer;"><i></i></h4>
															<h4 onclick="toggleFullScreen(this)" class="heading glyphicons resize_full" style="cursor: pointer;"><i></i></h4>
														</div>
													</div><!-- .widget-head -->
													<div class="widget-body">
														<div class="header-print">
															<div class="header-print-logo">
																<img src="${logo}" alt=" " />
															</div><!-- .header-print-logo -->
															
															<div class="header-print-title">
																<h3>Report name</h3>
															</div><!-- .header-print-description -->
														</div><!-- .header-print -->
														
														<div class="widget-body-inner smart-report-content"></div>
													</div><!-- .widget-body -->
												</div><!-- .widget -->
											</div><!-- #smart-reports-container-content -->
										</div><!-- #smart-reports-container-inner -->
									</div><!-- #smart-reports-container -->
								</div><!-- .widget-body -->
							</div><!-- .widget -->
						</div><!-- .row-fluid -->
					</form>
				</div><!-- #content -->
				
				<%@include file="/novoLayout/common/include/rodape.jsp" %>
			</div><!-- #wrapper -->
		</div><!-- .container-fluid -->
		
		<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
		<script>google || document.write('<script type="text/javascript" src="${ctx}/plugins/googlecharts/googlecharts.js"><\/script>')</script>
		<script type="text/javascript" src="${ctx}/plugins/pivottablejs/pivot.min.js"></script>
		<script type="text/javascript" src="${ctx}/plugins/pivottablejs/gchart_renderers.min.js"></script>
		<script type="text/javascript" src="${ctx}/plugins/datatables/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="${ctx}/plugins/chartjs/Chart.bundle.min.js"></script>
		
		<script type="text/javascript" src="${ctx}/js/jquery.printElement.js"></script>
		<script type="text/javascript" src="js/smartReports.js"></script>
	</body>
</html>