
<head>
	<style>
		.tabela_view tr:nth-child(even) {background-color: #f2f2f2;}
		.tabela_view { border-collapse: collapse;}
		.tabela, td, th {
		  padding: 10px;
		}
		/*#table, td, th {
		  border: 1px solid;
		}*/
	</style>
</head>
<script>
listaInfoArmazenada = "<?php echo $bi_analise->getColunas_informarcao_analise_vertical(); ?>";
listaColunaVerticalInfoArmazenada = "<?php echo $bi_analise->getColuna_analise_vertical(); ?>";
listaInfoValoresArmazenada = "<?php echo $bi_analise->getColunas_valores_analise_vertical(); ?>";
listaQuebraArmazenada = "<?php echo $bi_analise->getColunas_quebrar_parcial_analise_vertical(); ?>";
listaSeqColOrdenarArmazenada = "<?php echo $bi_analise->getColunas_sequencia_ordenacao(); ?>";
listaInfoArmazenada = listaInfoArmazenada.replaceAll("`","");
listaColunaVerticalInfoArmazenada = listaColunaVerticalInfoArmazenada.replaceAll("`","");
listaInfoValoresArmazenada = listaInfoValoresArmazenada.replaceAll("`","");
listaQuebraArmazenada = listaQuebraArmazenada.replaceAll("`","");
listaSeqColOrdenarArmazenada = listaSeqColOrdenarArmazenada.replaceAll("`","");
$("#titulo_modal_analide").html("<b>Gráfico</b>");
</script>
<script src="js/analise_grafico.js"></script>
<?php include("Etapa1_criacao.php"); ?>

<div id="etapa3" class="etapas_criar_analise" style=" display: none; width: 100%; margin: 0 auto; padding: 10px; padding-top: 0px;">
	<b style="color: #a6a6a6;">Etapa 3 de 4 - Configurar gráfico</b> <Br>
	<a href="javaScript:void(0)" style=" font-weight: bold;" onclick="voltar_etapa2()"><i class="fa-solid fa-left-long"></i> Voltar etapa</a>
	<Br>
	<b>Título Gráfico</b> <br>
	<input type="text"  class="form " id="titulo" placeholder="Título" style="width: 100%;" value="<?php echo $bi_analise->getTitulo_widget_grafico(); ?>">
	<br>
	<b>Colunas info</b>
	<select class="form" id="select_colunas_info" placeholder="Tipo" multiple  style="width: 100%; padding: 5px;">
			<option value=""></option>
	</select>
	<Br><Br>
	<b>Colunas Valor</b>
	<select class="form" id="select_colunas_valores_vertical"  placeholder="Tipo" multiple style="width: 100%; padding: 5px;">
		<option value=""></option>
	</select>
	<Br><Br>
	<div class='filtroForm' >
		<label>Gráfico</label>
		<select  class="form" name="grafico" id="grafico" placeholder="Gráfico"  value='<?php echo  $bi_analise->getGrafico()->getCodigo();?>' valueDefault='<?php echo  $bi_analise->getGrafico()->getCodigo();?>'  >
			<option value=""></option>
			<?php foreach ($listaGrafico  as $umRegistroTipo){ ?>
					<option <?php if($bi_analise->getGrafico()->getCodigo() == $umRegistroTipo->getCodigo()) {echo "selected";} ?> value='<?php echo  $umRegistroTipo->getCodigo(); ?>'><?php echo $umRegistroTipo->getTipo(); ?></option>
			<?php } ?>
 		</select>

	</div>
	<div class='filtroForm' >
		<label>Opções de label</label>
		<select  class="form" name="opc_label" id="opc_label" placeholder="Opções de label"  value='<?php echo  $bi_analise->getIcone_widget();?>' valueDefault='<?php echo  $bi_analise->getIcone_widget();?>'  >
			<option value=""></option>
			<option value="exibir_valor" <?php if($bi_analise->getIcone_widget() == "exibir_valor") {echo "selected";} ?> >Exibir valor</option>
			<option value="porcemtagem_divide_pelo_valor_total_de_todos" <?php if($bi_analise->getIcone_widget() == "porcemtagem_divide_pelo_valor_total_de_todos") {echo "selected";} ?>>Exibir porcentagem divide pela soma de todos valores</option>
			<option value="porcemtagem_divide_primeira_colVal_pela_segunda_colVal" <?php if($bi_analise->getIcone_widget() == "porcemtagem_divide_primeira_colVal_pela_segunda_colVal") {echo "selected";} ?>>Exibir porcentagem divide primeira coluna de valor pela segunda</option>
			<option value="porcemtagem_divide_segunda_colVal_pela_primeira_colVal" <?php if($bi_analise->getIcone_widget() == "porcemtagem_divide_segunda_colVal_pela_primeira_colVal") {echo "selected";} ?>>Exibir porcentagem divide segunda coluna de valor pela primeira</option>
 		</select>

	</div>
	<Br>	
	<button class="btnSuccess btnSn" style="float: left;" onclick="avancar_analise_etapa4_grafico()">Avançar etapa 4</button>
	<button class="btnSuccess btnSn" style="float: left; margin-left: 15px;" onclick="abrirAbaTipoData()"> Alterar tipo dado</button>
	<button class="btnSuccess btnSn"  style="float: left; margin-left: 15px;" onclick="abrirAbaSequencOrder()"> Sequência ordernar</button>
	<?php include("Alterar_tipo_dado.php"); ?>
	<br>
	<div id="sequencia_ordenar" style="display: none; clear: both;">
		<label>Sequencia de colunas ordenar, (order by)</label>
		<select class="form" id="select_sequenc_colunas_ordenar"  placeholder="Tipo" multiple   style="width: 150px; padding: 5px;">
				<option value=""></option>
		</select> 
	</div>
	
</div>

<div id="etapa4"  style=" display: none; width: 100%; max-width: 800px; margin: 0 auto; padding: 10px; padding-top: 0px;">
	<b style="color: #a6a6a6;">Etapa 4 de 4 - Configurar colunas</b> <Br>
	<a href="javaScript:void(0)" style=" font-weight: bold;" onclick="voltar_etapa3()"><i class="fa-solid fa-left-long"></i> Voltar etapa</a>
	<Br>
	
	<div id="config_coluna"  style="width: 100%; padding: 10px;">
	
	</div>
	
	<button class="btnSuccess btnSn" onclick="finalizar_analise_grafico()">Finalizar</button>
</div>
	
<script>
	$("#select_sequenc_colunas_ordenar").select2({ width: '100%' });
	//abaixo codigo para colocar na sequencia de clique
	$("#select_sequenc_colunas_ordenar").on("select2:select", function (evt) {var element = evt.params.data.element; var $element = $(element); $element.detach(); $(this).append($element); $(this).trigger("change");});
		
</script>