
<div id="statusRequisicao" ></div>
<div style='border-bottom: solid 1px #cccccc; width: 100%; position: relative; display: table;'>
	<b>Análises</b>
	<!--<button type="button" style="z-index: 999; float: right; margin-top: -10px;"  class="btnSuccess btnSn" onclick="altera_tipo_visualizacao_lista('card');" ><i style="color: #38597a;" class="fa-solid fa-grip"></i></button>
	<button type="button" style="z-index: 999; float: right; margin-top: -10px; " class="btnSuccess btnSn" onclick="altera_tipo_visualizacao_lista('table');" ><i style="color: #38597a;"class="fa-solid fa-table"></i></button>
	-->
	<div class="btn-group" role="group" aria-label="Visualização" style=" float: right; margin-top: -10px; display: table;">
	  <button type="button" class="btn btn-secondary" onclick="altera_tipo_visualizacao_lista('card');" ><i style="color: #38597a;" class="fa-solid fa-grip"></i></button>
	  <button type="button" class="btn btn-secondary" onclick="altera_tipo_visualizacao_lista('table');" ><i style="color: #38597a;"class="fa-solid fa-table"></i></button>
	</div>
</div>
<!--|
<a href="javaScript:void(0);" class="cor_verde" onclick="$('#btn_fechar_filtrobi_analise').click();  tableToExcel2('listtablebi_analise', 'listtablebi_analise')"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Excel</a>
|
<a href="javaScript:void(0);" class="cor_verde" onclick="$('#btn_fechar_filtrobi_analise').click();  tableTocsv('listtablebi_analise', 'listtablebi_analise')"><i class="fa fa-file-o" aria-hidden="true"></i> CSV</a>
--><br>
<form  action='src/controller/Bi_analiseControllerUser.php?mod=busca_por_campo_filtro_analise&carragar_formulario_seletor=<?php echo $_GET["carragar_formulario_seletor"];?>' id="formDadosbi_analiseFiltro" class="form_filtro">
	<div class='filtroForm' style="width: 80px;" >
		<label>Código</label>
		<input type="text" class="form" name="codigo" placeholder="Código"       />
	</div>
	<div class='filtroForm' >
		<label>Nome</label>
		<input type="text" class="form" name="nome" placeholder="Nome"       />
	</div>
	<div class='filtroForm' >
		<label>Área</label>
		<select  class="form" name="area" placeholder="Área"      >
			<option value=""></option>
			<?php foreach ($listaArea  as $umRegistroNome){ ?>
					<option value='<?php echo  $umRegistroNome->getCodigo(); ?>'><?php echo $umRegistroNome->getNome(); ?></option>
			<?php } ?>
 		</select>

	</div>
	<div class='filtroForm' >
		<label>Conexao</label>
		<select  class="form" name="conexao" placeholder="Conexao"   >
			<option value=""></option>
			<?php foreach ($listaConexao  as $umRegistroNome){ ?>
					<option value='<?php echo  $umRegistroNome->getCodigo(); ?>'><?php echo $umRegistroNome->getNome(); ?></option>
			<?php } ?>
 		</select>

	</div> 
 	<!-- fim conteudo-->
 	</div>
 		 <button type="button" class="btnSuccess btnSn"   onclick=" if(filtraDados('formDadosbi_analiseFiltro','resultadoBi_analise')) { $('#btn_fechar_filtrobi_analise').prop('disabled',false); $('#btn_fechar_filtrobi_analise').click(); }">Filtrar </button>
 	</div>
 </div> 
 </div> 
</form>
<div style="width: 100%; overflow: auto; position: relative; ">
 
 <table class="table tab_ou_card" id="listtablebi_analise" style="width: 1050px; min-width:100%; margin-bottom: 30px;   position: relative; " >
	<thead>
		<tr class="tableHead">
			<td>Editar</td>
			<td>Abrir</td>
			<td>Excluir</td>
			<td>Código</td>
			<td>Nome</td>
			<td>Área</td>
			<td>Descrição</td>
	
		</tr>
	</thead>
	<tbody id="resultadoBi_analise">
	</tbody>
</table>

</div>


<div class="cards" ></div>

<div class="modal" id="modaleditarbi_analise" > 

<div class="modal_documento modal_largo" style="max-width: 800px;"> 
	<div class="modal_titulo" style="border-color: white;"> 
		<button class="modal_fechar" fecha-modal="#modaleditarbi_analise"><i class="fa fa-times" aria-hidden="true"></i></button>
		<div id="titulo_modal_analide" ></div>
	</div>
	<div class="modal_conteudo" id="modal_conteudobi_analise" >
	</div>
	<!--<div class="modal_rodape"></div>-->
</div> 	
</div>

<div id="iniciar_tabulatorbi_analise"></div>

<div class="modal" id="modaltestebi_analise"> 
	<div class="modal_documento modal_largo"> 
		<div class="modal_titulo">
			<button class="modal_fechar" fecha-modal="#modaltestebi_analise"><i class="fa fa-times" aria-hidden="true"></i></button>
			
		</div>
		<div class="modal_conteudo" id="conteudo_carga_tabelabi_analise">
			<div class="formulario_esquerda" id="formulario_esquerda_carga"></div>
			<div class="formulario_direita" id="formulario_direita_carga"></div>
		</div>
		<div class="modal_rodape"></div>
	</div> 	
</div>
<script>
	tipo_table ="card";
	iniciar_tabulator("#iniciar_tabulatorbi_analise", "#listtablebi_analise");
	
</script>
<script src="js/formulario.js"></script>
<script src="js/relatorio.js"> </script>
<script>
	altera_tipo_visualizacao_lista(tipo_table);
	
	
	
	function escolher_tipo_analise_filtro()
	{	
		html = '<center><b>Escolha o tipo da análise</b></center>';
		html += '';
		html += '<br><br>';
		html += '<div style="margin: 0 auto; width: 100%; max-width: 495px;  " class="cabecalho_escolha_tipo">';
		
			html += '<div class="escolher_tipo_analise_filtro" style="" onclick="borda_selecao_tipo_escolha(this)">';
			html += '	<input type="radio" id="tabela"  name="tipo_analise" value="tabela"/> ';
			html += '	<br><img style="max-height: 100px;" src="images/icons/tipo_tabela_icon.png"/>';
			html += '	<br><center><b>Tabela</b></center>';
			html += '</div>';
			
			html += '<div class="escolher_tipo_analise_filtro" style="margin-left: 50px;" onclick="borda_selecao_tipo_escolha(this)">';
			html += '	<input type="radio" id="grafico"  name="tipo_analise"  value="grafico"/> ';
			html += '	<br><img style="max-height: 100px;" src="images/icons/tipo_grafico_icon.png"/>';
			html += '	<br><center><b>Gráfico</b></center>';
			html += '</div>';
			
			html += '<div class="escolher_tipo_analise_filtro" style="margin-left: 50px;" onclick="borda_selecao_tipo_escolha(this)">';
			html += '	<input type="radio" id="widget"  name="tipo_analise"  value="widget"/> ';
			html += '	<br><img style="max-height: 100px;" src="images/icons/tipo_card_icon.png"/>';
			html += '	<br><center><b>Widget</b></center>';
			html += '</div>';
			html += '<div style="width: 100%; clear: both;"></div>';
			html += '<div class="escolher_tipo_analise_filtro" style="" onclick="borda_selecao_tipo_escolha(this)">';
			html += '	<input type="radio" id="mapa"  name="tipo_analise"  value="mapa"/> ';
			html += '	<br><img style="max-height: 100px;" src="images/icons/tipo_mapa_icon.png"/>';
			html += '	<br><center><b>Mapa</b></center>';
			html += '</div>';
		
		html += '</div>';
		html += '<div style="clear: both;"></div>';
		html += '<br><br>';
		html += '<center><button type="button" class="btnSuccess btnSn" onclick="finalizar_escolha_tipo_analise_filtro()">Iniciar criação</button></center>';
		$("#modal_conteudobi_analise").html(html);
		//finalizar_escolha_tipo_analise_filtro()
	}
	function finalizar_escolha_tipo_analise_filtro()
	{
		
		if($(".cabecalho_escolha_tipo").find('[name="tipo_analise"]:checked').length == 0)
		{
			alert("Escolha uma opção!");
		}
		else
		{
			tipo_analise = $(".cabecalho_escolha_tipo").find('[name="tipo_analise"]:checked').val();
			if(tipo_analise == "tabela")
			{
				$("#modal_conteudobi_analise").load("src/controller/Bi_analiseControllerUser.php?mod=form_analise");
			}
			else if(tipo_analise == "grafico")
			{
				$("#modal_conteudobi_analise").load("src/controller/Bi_analiseControllerUser.php?mod=form_grafico");
			}
			else if(tipo_analise == "widget")
			{
				$("#modal_conteudobi_analise").load("src/controller/Bi_analiseControllerUser.php?mod=form_widget");
			}
			else if(tipo_analise == "mapa")
			{
				$("#modal_conteudobi_analise").load("src/controller/Bi_analiseControllerUser.php?mod=form_mapa");
			}
		}
	}
	
	function borda_selecao_tipo_escolha(seletor)
	{
		$(".escolher_tipo_analise_filtro").css("background", "none");
		$(seletor).css("background", "#d9d9d9");
		$(seletor).find('[name="tipo_analise"]').prop('checked', true);
	}
	
</script>