const configsSite = {
	url: '',
	location: document.querySelector('body').className.split(' ')
}

const textos = {
	header_text: "",
	header_subtext: "",
	header_paragraph: "",

	slide_text: "",
	slide_subtext: "",
	slide_paragraph: "",

	h_product_text:"SEU CABELO CRESCE",
	h_product_subtext:"MUITO MAIS RÁPIDO",
	h_product_paragraph:"Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim"
}

const breakpoint = {
	desktop: window.matchMedia("(min-width: 1200px)").matches,
	largeTablets: window.matchMedia("(min-width: 992px) and (max-width: 1190px)").matches,
	middleTablets: window.matchMedia("(min-width: 768px) and (max-width: 991.98px)").matches,
	phones: window.matchMedia("(min-width: 340px) and (max-width: 767.98px)").matches,
	smallPhones: window.matchMedia("(max-width: 339.98px)").matches

}

//Mostra Parcelas do produtos
function criarSpan(position) {
    var cardPlots = document.querySelectorAll(".preco-produto>div");

    cardPlots.forEach(function(item){
    	var novoItem = document.createElement("span");

    	novoItem.className = "parcelas"

        if (position == "baixo") {
            item.append(novoItem)
        } else {
            item.prepend(novoItem)
        }
    	novoItem.innerHTML = "Em até 3x S/Juros";

    	//console.log(item.getElementsByTagName("strong"));

    });
}

//Instancia o MiniCart
function instantiateMiniCart(){
	$.ajax({
	    type: 'POST',
	    url: 'https://tepeguei.lojaintegrada.com.br/carrinho/listar_produtos',
	    success: function(data){
	        $(".mini-cart").html(data);
	    },
	    error: function (xhr, ajaxOptions, thrownError) {
	            alert(xhr.status);
	            alert(thrownError);
	    }
	});
}

//Cria o botão de comprar nos produtos da home
function createButtonProduct(){
	if(configsSite.location[0] == 'pagina-inicial' || configsSite.location[0] == 'pagina-categoria' || configsSite.location[0] == 'pagina-busca'){
		var produtos = document.querySelectorAll(".trustvox-stars");

		produtos.forEach(function(item){
		    var idItem = item.dataset.trustvoxProductCode;
		    var href = item.parentNode.getElementsByTagName('a')[0].href;
		    $(item).next().after("<div class='botao-comprar'><a href='"+href+"'>Comprar</a></a>");
		});
	}else{
		var produtos = document.querySelectorAll(".info-produto");
		produtos.forEach(function(item){
		    var href = item.parentNode.getElementsByTagName('a')[0].href;
		    $(item).next().after("<div class='botao-comprar'><a href='"+href+"'>Comprar</a></a>");
		});
	}
}

//Ativa ou remove elemento
function setActive(IsVisible, className){
    if(IsVisible){
        $(className).css("display", "block");
    }else{
        $(className).remove();
    }
}

//Adicionar estilos
function addStyle(url){
    $('head').append('<link rel="stylesheet" href="'+url+'">');
}

function addScriptOnHead(url){
    var script = document.createElement( 'script' );
    script.type = 'text/javascript';
    script.src = url;
    $('head',document).append(script);
}

function addScriptOnFooter(url){
    var script = document.createElement( 'script' );
    script.type = 'text/javascript';
    script.src = url;
    $('body').append(script);
}

//Adiciona background no navbar
function navigationBackground(){

	if(configsSite.location[0] == "pagina-inicial"){
		$(window).scroll(function (event) {
	    var scroll = $(window).scrollTop();
	    if(scroll <= 89){
	    	$(".container-fluid.navigation").css("background-color", "transparent")
	    }else if(scroll > 89){
	    	$(".container-fluid.navigation").css("background-color", "#9D19BA")
	    }
	});
	}else{
		$(".container-fluid.navigation").addClass("navigation-clearfix");
	}
}

//Remove elementos do site
function removeElements(element){
	var elements = element.length;

	for(i=0; i < elements; i++){
		$(element[i]).remove();
	}

}

//Adicionar Classe em Objetos
function addClass(theClass, myClass){
	$(theClass).addClass(myClass);
}

//Cria Sliders
function createSlider(slider){
	var sliders = slider.length;

	for(i = 0; i < sliders; i++){
		$(slider[i]).flexslider({
			animation: "slide"
		});
	}
}

//Cria o background do corpo, seta os textos etc..
// function createCorpoInfos(){
// 	$(".conteiner-principal #corpo").prepend("<div class='top-banner'><div class='textos'><h1>"+textos.h_product_text+"</h1><h2>"+textos.h_product_subtext+"</h2><p>"+textos.h_product_paragraph+"</p></div><div class='bottom-banner'></div></div>");
// }

//Cria/Ativa o Carousel em locais pré definidos
function createCarousel(locations){
	if(breakpoint.phones || breakpoint.smallPhones){
		for(i=0; i<locations.length; i++){
			$(locations[i]).flexslider({
				animation: "slide",
				animationLoop: false,
				itemWidth: 300,
				itemMargin: 5,

			});
		}
	}
}

//Une as .listagem-linha e as transforma em uma única
function unitCarousel(){
	var linhas = document.querySelectorAll(".listagem-linha ul");
	var linhas_fluid = document.querySelectorAll(".listagem-linha .row-fluid li");

	linhas_fluid.forEach(function(item){
		$(linhas[0]).append(item);
	});
	$(".listagem-linha").last().remove();
}

//Atualiza css
function updateCSS(item, prop, value){
	$(item).css(prop, value);
}

//Pega total de itens no carrinho e adiciona na nova Classe
function getItemsInCart(){
	var totalItems = document.querySelectorAll(".carrinho .qtd-carrinho");
	var itemsInCart = totalItems[0].innerHTML;

	if(itemsInCart > 0){
		$(".shopping-cart").append("<span class='qtd-carrinho'>"+itemsInCart+"</span>");
	}
}

//Corrige elementos
function setDefaultPositions(){
	removeElements(['.show', '.top-banner','.main-banner','.after-color']);
	addClass(".listagem", "corrigePosicao");
	addClass(".conteiner-principal", "corrigeCor");
	addClass(".conteiner-principal .conteiner", "corrigeCor");
}

//Cria o novo filtro na página de categoria
(function(){
	if(configsSite.location[0] == "pagina-categoria"){
	var items =
		[
			"<li>Filtrar Por:</li>",
			"<li><a href='?sort=%2Bnome'>Ordem Alfabética</a></li>",
			"<li><a href='?sort=mais_vendidos'>Mais Vendidos</a></li>",
			"<li><a href='?sort=%2Bpreco'>Menor Preço</a></li>",
			"<li><a href='?sort=-preco'>Maior Preço</a></li>"
		]
		$(".pagina-categoria .topo .row-fluid").html("<ul class='filtro-categoria'></ul>");

		for(i=0; i < items.length; i++){
			$(".filtro-categoria").append(items[i]);
		}
	}
})();


//cria função de login

(function(){

var accountUser = document.querySelectorAll('.btn-group .botao')

if (accountUser.length > 0 ) {
	var splitUser = accountUser[0].text.split(",")
	var user = splitUser[1]

	$('.log').html("<a href='/conta/index'>"+user+"</a>")
	$(".log").css("border","none")

	$(".acount-wrapper ul li:first-child").remove()

	$(".acount-wrapper ul").append("<li><a href='/conta/logout'>Sair</a></li>")

	// mobile

	$(".navigation-mobile-content li:nth-child(3)").html("<a href='/conta/logout'>Sair</a>")


} else {
	$('.log').html("<a href='/conta/login'>Login</a>")
	console.log("deslogar");

		$('.acount-wrapper ul li:first-child').html("<a href='/conta/index'>Criar conta</a>")
}
	  console.log(accountUser)

})();



$(document).ready(function(){

	//Menu Mobile
	$(".bar-menu").click(function(){
        $(".navigation-mobile-content").toggle("slow");
    });

    //Instancia Botão de pagar
    createButtonProduct();

	//Instancia MiniCart
	instantiateMiniCart();

	//Cria slidrs
	createSlider(['.show-foto']);

	//Adiciona Classe
	addClass(".listagem-linha", "flexslider");

	//Adiciona o fundo no menu
	navigationBackground();

	// //Instancia o Corpo e suas funções
	// createCorpoInfos();

	//Instancia as parcelas
	criarSpan("baixo");

	//Cria Scripts
	addStyle('https://fonts.googleapis.com/css?family=Josefin+Sans:100,400,700&display=swap');
	addStyle('//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');

	addScriptOnHead('//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js');

	//Pega o total de itens no carrinho
	getItemsInCart();

	//Remove elementos da página
	removeElements(['.barra-inicial','#cabecalho','.secao-banners','.institucional', '#barraTopo', '.pagamento-selos', '.bandeiras-produto', "#rodape"]);

	//Verifica em qual página estou e realiza as alterações
	switch(configsSite.location[0]){
		case "pagina-inicial":
			if(breakpoint.phones || breakpoint.smallPhones){
				unitCarousel();
				$(".listagem-linha ul").addClass("slides");
				createCarousel(['.listagem-linha','.flexslider2']);
			}
		break;

		case "pagina-produto":
			setDefaultPositions();
			createCarousel(['.listagem-linha .row-fluid','.flexslider2']);
		break;

		case "pagina-carrinho":
			setDefaultPositions();
		break;

		case "pagina-categoria":
			setDefaultPositions();
			removeElements(['div.coluna.span3']);
			$("div.conteudo.span9").removeClass("span9").addClass("span12");
			createCarousel(['.listagem-linha','.flexslider2']);
		break;

		case "pagina-busca":
			setDefaultPositions();
		break;

		case "pagina-login":
			setDefaultPositions();
		break;

		case "pagina-conta":
			setDefaultPositions();
		break;

		case "pagina-pedido-listar":
			setDefaultPositions();
		break;

		case "pagina-favorito-listar":
			setDefaultPositions();
		break;

	}



	$('.whatsay').flexslider({
	    animation: "slide",
	    animationLoop: true,
	    itemWidth: 210,
	    itemMargin: 5,
	    maxItems: 2
	  });





});