doctype html
html
	head
		title
			- unless @configuracao.nome_da_prefeitura.nil?
				= "#{@configuracao.nome_da_prefeitura} - Portal da Transparência"
			- else
				' Gerencial - Portal da Transparência
		- if @configuracao.existe_imagem?
			= favicon_link_tag @configuracao.brasao.url(:thumb)

		= stylesheet_link_tag 'application', media: 'all'
		= stylesheet_link_tag 'portal_da_transparencia/geral', media: 'all'
		= csrf_meta_tags
		link[rel="shortcut icon" href="favicon.ico"]
		meta[name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"]
		meta[name="description" content=""]
		meta[name="author" content=""]
		meta[charset="utf-8"]
		meta[http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"]
		javascript:
			ROOT_PATH = "#{root_url}"
			/* yeah we need this empty stylesheet here. It's cool chrome & chromium fix
			chrome fix https://code.google.com/p/chromium/issues/detail?id=167083
			https://code.google.com/p/chromium/issues/detail?id=332189 */
		= javascript_include_tag 'application'
	
	body style="height: auto"
		= render 'layouts/menu_do_portal_da_transparencia'

		.container style="margin-top: 100px; margin-bottom: 100px"
			main#content.content_portal_da_transparencia[role="main"]
				= yield

	footer.page-footer.card-footer.rodape
		= render 'layouts/rodape_portal_da_transparencia'

	.loader-wrap.hiding.hide
		i.fa.fa-circle-o-notch.fa-spin-fast
	= yield :js
	- if alert
		javascript:
			Messenger.options = { extraClasses: 'messenger-fixed messenger-on-top messenger-on-right alert', theme: 'flat' };
			Messenger().post({message: "#{alert}", type: 'error'});
	- elsif success
		javascript:
			Messenger.options = { extraClasses: 'messenger-fixed messenger-on-top messenger-on-right alert', theme: 'flat' };
			Messenger().post({message: "#{success}", type: 'success'});

javascript:
	root_url = "#{root_url(:only_path => false)}"

	$(function() {
		$(".opcao").on("click", function(){
			id =  $(this).attr('id')
			id = parseInt(id.split("_").pop());
			for(i = 1; i <= 12; i++){
				if(i == id){
					$("#menu_"+i).toggle();
				} else {
					$("#menu_"+i).hide();
				}
			}
		});

		/* Código de do Accordion por Julia Rietveld - https://codepen.io/MrsColombo/pen/mEeQwy/ com alterações*/
		var Accordion = function(el, multiple) {
			this.el = el || {};
			// more then one submenu open?
			this.multiple = multiple || false;

			var dropdownlink = this.el.find('.dropdownlink');
			dropdownlink.on('click',
				{ el: this.el, multiple: this.multiple }, this.dropdown);
		};

		Accordion.prototype.dropdown = function(e) {
			var $el = e.data.el,
					$this = $(this),
					//this is the ul.submenuItems
					$next = $this.next();

			$next.slideToggle();
			$this.parent().toggleClass('open');

			if(!e.data.multiple) {
				//show only one menu at the same time
				$el.find('.submenuItems').not($next).slideUp().parent().removeClass('open');
			}
		}

		var accordion = new Accordion($('.accordion-menu'), false);
		/* fim Accordion */

		//A SER USADO NA ACESSIBILIDADE
		checar_css_exibido();
		$(".modo_exibicao").on("click", function() {
			mudar_css();
		});

		checar_tamanho_da_fonte()

		$("#diminuir_fonte").on("click", function(){
			diminuir_fonte();
		})
		$("#reiniciar_fonte").on("click", function(){
			reiniciar_fonte();
		})
		$("#aumentar_fonte").on("click", function(){
			aumentar_fonte();
		})
	});

	//A SER USADO NA ACESSIBILIDADE
	function checar_css_exibido(){ //executado uma vez
		if("modo_de_pagina" in localStorage){
			if( localStorage.getItem("modo_de_pagina") == "diurno" ){
				$("#diurno").hide();
				$("#noturno").show();
				$("#modo_exibicao_texto").html("Ativar Modo Noturno")
			} else {
				mudar_esquema_de_cores();
				mudar_cor_dos_botoes("noturno")
				$("#diurno").show();
				$("#noturno").hide();
				$("#modo_exibicao_texto").html("Desativar Modo Noturno")
				$( ".diurno-color" ).each(function() {
					$( this ).removeClass( "diurno-color" ).addClass( "noturno-color" );
				});
				$( ".diurno-back" ).each(function() {
					$( this ).removeClass( "diurno-back" ).addClass( "noturno-back" );
				});
				$("body").css("background-color", "#000");
				$("main").css("background-color", "#000");
				$(".rodape").css("border-top", "1px #FFF solid");
			}
		} else {
			localStorage.modo_de_pagina = "diurno"
			$("#diurno").hide();
			$("#modo_exibicao_texto").html("Ativar Modo Noturno")
		}
	}

	function mudar_css(){
		mudar_esquema_de_cores();
		if( localStorage.getItem("modo_de_pagina") == "diurno" ){
			mudar_cor_dos_botoes("noturno")
			localStorage.setItem("modo_de_pagina", "noturno");
			$("#diurno").show();
			$("#noturno").hide();
			$( ".diurno-color" ).each(function() {
				$( this ).removeClass( "diurno-color" ).addClass( "noturno-color" );
			});
			$( ".diurno-back" ).each(function() {
				$( this ).removeClass( "diurno-back" ).addClass( "noturno-back" );
			});
			$("body").css("background-color", "#000");
			$("main").css("background-color", "#000");
			$(".rodape").css("border-top", "1px #FFF solid");
			$("#modo_exibicao_texto").html("Desativar Modo Noturno")
		} else {
			localStorage.setItem("modo_de_pagina", "diurno");
			mudar_cor_dos_botoes("diurno")
			$("#diurno").hide();
			$("#noturno").show();
			$( ".noturno-color" ).each(function() {
				$( this ).removeClass( "noturno-color" ).addClass( "diurno-color" );
			});
			$( ".noturno-back" ).each(function() {
				$( this ).removeClass( "noturno-back" ).addClass( "diurno-back" );
			});
			$("body").css("background-color", "#eee");
			$("main").css("background-color", "#eee");
			$(".rodape").css("border-top", "none");
			$("#modo_exibicao_texto").html("Ativar Modo Noturno")
		}
	}

	function mudar_cor_de_textos_dos_cards(){
		$(".titulo_1").css("color", "#FFF");
		$(".titulo_2").css("color", "#FFF");
		$(".titulo_3").css("color", "#FFF");
		$(".titulo_4").css("color", "#FFF");
	}

	function mudar_cor_dos_botoes( estilo ){
		if(estilo == "diurno"){
			$(".btn").each(function(){
				$(this).css("background-color", "rgb(0, 123, 255)");
				$(this).css("color", "#FFF");
			});
		} else {
			$(".btn").each(function(){
				$(this).css("background-color", "#FFF");
				$(this).css("color", "rgb(0, 123, 255)");
			});
		}
	}

	//============ Códigos para alternar cores
	function alternar_esquema_de_cor_da_classe( classe ){
		$(classe).each(function(){
			background = $(this).css("background-color");
			if(classe.indexOf("card_cor") >= 0){
				if(classe.indexOf("1") >= 0){
					border = "rgb(0, 123, 255)";
				} if(classe.indexOf("2") >= 0){
					border = "rgb(40, 167, 69)";
				} if(classe.indexOf("3") >= 0){
					border = "rgb(255, 193, 7)";
				} if(classe.indexOf("4") >= 0){
					border = "rgb(220, 53, 69)";
				}
				$(this).css("border", "solid #FFF 3px");
				$(this).css("background-color", border);
			} else {
				cor = $(this).css("color");
				$(this).css("color", background);
				if(classe != ".card"){
					$(this).css("background-color", cor);
				}
			}
		})
	}

	function mudar_esquema_de_cores(){
		alteracoes = [".area_icone", ".card_cor_1", ".card_cor_2", ".card_cor_3", ".card_cor_4"]
		for(i = 0; i < alteracoes.length; i++){
			alternar_esquema_de_cor_da_classe( alteracoes[i] )
		}
		mudar_cor_de_textos_dos_cards()
	}
	//FIM ============ Códigos para alternar cores

	//============ Códigos para fontes
	function checar_tamanho_da_fonte(){
		if("tamanho_da_fonte" in localStorage){
			tamanho_desejado = parseInt(localStorage.getItem("tamanho_da_fonte"));
			if(tamanho_desejado != 3){
				alterar_tamanho_da_fonte(tamanho_desejado, 3);
			}
		} else {
			localStorage.tamanho_da_fonte = "3"
		}
	}

	function alterar_tamanho_da_fonte(tamanho_desejado, tamanho_atual = 3){
		diferenca = (tamanho_desejado - tamanho_atual)*2;
		$("body").each(function(){
			tamanho_da_fonte = parseInt( $(this).css("fontSize").replace("px", "") );
			$(this).css("fontSize", tamanho_da_fonte+diferenca +"px" );
		})
		localStorage.tamanho_da_fonte = tamanho_desejado;
	}

	function aumentar_fonte(){
		tamanho_atual = parseInt(localStorage.getItem("tamanho_da_fonte"));
		if(tamanho_atual < 5){
			alterar_tamanho_da_fonte(tamanho_atual+1, tamanho_atual);
		}
	}

	function diminuir_fonte(){
		tamanho_atual = parseInt(localStorage.getItem("tamanho_da_fonte"));
		if(tamanho_atual > 1){
			alterar_tamanho_da_fonte(tamanho_atual-1, tamanho_atual);
		}
	}

	function reiniciar_fonte(){
		tamanho_atual = parseInt(localStorage.getItem("tamanho_da_fonte"));
		if(tamanho_atual != 3){
			alterar_tamanho_da_fonte(3, tamanho_atual);
		}
	}
	//FIM ============ Códigos para fontes