console.log('Theme JS');

const miniBannersHome = `<section id="jsMiniBanners">
							<div class="conteudojsMiniBanner">
								<div class="container">
									<div class="row d-flex align-items-center boxjsMinibanner">
										<div class="col-6 col-md-3">
											<a href="#"><img src="/central/theme/images/banner/mini-banner-1.png" alt="mini-banner-1" class="img-fluid"></a>
										</div>
										<div class="col-6 col-md-3">
											<a href="#"><img src="/central/theme/images/banner/mini-banner-2.png" alt="mini-banner-1" class="img-fluid"></a>
										</div>
										<div class="col-6 col-md-3">
											<a href="#"><img src="/central/theme/images/banner/mini-banner-3.png" alt="mini-banner-1" class="img-fluid"></a>
										</div>
										<div class="col-6 col-md-3">
											<a href="#"><img src="/central/theme/images/banner/mini-banner-4.png" alt="mini-banner-1" class="img-fluid"></a>
										</div>
									</div>
								</div>
							</div>
						</section>`

const setaBotaoProdutos = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<g clip-path="url(#clip0_1812_689)">
							<path d="M17 7L7 17" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M8 7H17V16" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</g>
							<defs>
							<clipPath id="clip0_1812_689">
							<rect width="24" height="24" fill="none"/>
							</clipPath>
							</defs>
							</svg>`

const siganosFooterJS = `<p class="jsSiga"><strong>Siga nossos canais oficiais:</strong></p>`

const textoNewsJS = `<span>Ganhe 5% de desconto na primeira compra</span><br>Fique por dentro das melhores ofertas!`

const depoimentosJS = `Depoimento de quem<br>realmente usa.`

const aspasDepoimentosJS = `
							<svg width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M19.0171 13.0438C19.0171 8.98029 19.7485 6.05458 21.2114 4.26665C22.9993 1.82857 26.0469 0.406347 30.3542 0V7.31426C27.9974 7.31426 26.6158 8.5333 26.2094 10.9714C26.1282 11.3777 26.0875 11.9873 26.0875 12.8V15.238H31.2075V28.1599H19.0171V13.0438ZM-3.8147e-06 13.0438C-3.8147e-06 9.06156 0.812691 6.01395 2.43808 3.90094C4.22601 1.70666 7.19235 0.406347 11.3371 0V7.31426C10.0368 7.31426 8.81775 7.92378 7.67997 9.14283C7.19236 9.71172 6.94855 10.9308 6.94855 12.8V15.238H12.1904V28.1599H-3.8147e-06V13.0438Z"/>
							</svg>
							`

const ctaHome1ColJS = `
						<section id="ctaHome1Col">
							<div class="conteudoCtaHome">
								<div class="container">
									<div class="row d-flex align-items-center justify-content-between boxCtaHomeContent1col">
										<div class="col-12 col-md-9">
											<h5>Parceria</h5>
											<h1>Conte com o suporte da kedu para garantir os melhores materiais para seus alunos.</h1>
										</div>
										<div class="col-12 col-md-3">
											<a href="#" target="_self" alt="Solicitar cota&ccedil;&atilde;o" class="btn btn-secondary btn-grad jsClickPadrao">Solicitar cota&ccedil;&atilde;o</a>
										</div>
									</div>
								</div>
							</div>
						</section>
						`

const horariosJS = `<p class="jsHorario"><strong>Hor&aacute;rio de funcionamento:</strong> Segunda &agrave;s sexta das 08h &agrave;s 19h</p>`

$( document ).ready(function() {
    setTimeout(function(){
	/*MINI BANNERS*/
        $('#s-categorias-blocos').before(miniBannersHome);

	/*MUDAR PRODUTOS EM DESTAQUE*/
		if ($("#s-produtos-destaque").length > 0){
			$('#s-produtos-destaque').insertAfter('#s-produtos-vendidos');
		}

	/*BOTÃO PRODUTOS*/
		if ($(".btn-grad.s-produtos-card-botao").length > 0){
			$('.btn-grad.s-produtos-card-botao').append(setaBotaoProdutos);
		}
		
	/*CHAMADA NEWSLETTER*/
		if ($("#s-newsletter").length > 0){
			document.querySelector("#s-newsletter .s-newsletter .s-newsletter-texto").innerHTML = textoNewsJS;
		}

	/*TEXTO REDES SOCIAIS*/
		if ($(".s-footer-social").length > 0){
			$('#footer .s-footer .s-footer-social').prepend(siganosFooterJS);
			$('#footer .s-footer .s-footer-social').append(horariosJS);
		}

	/*CTA*/
		if ($('#s-produtos-destaque').length > 0) {
		/*CTA 1 COL*/
			$('#s-produtos-destaque').after(ctaHome1ColJS);
		}

	/*DEPOIMENTOS*/
		if ($('#s-depoimentos-carousel').length > 0) {
		/*CHAMADA DEPOIMENTOS*/
			document.querySelector("#s-depoimentos-carousel .s-depoimentos-titulo").innerHTML = depoimentosJS;

		/*ASPAS DEPOIMENTOS*/
			$('#depoimentos-carousel .owl-stage-outer .owl-stage .owl-item .item .card .row').before(aspasDepoimentosJS);
		}

		if ($("#innerOrcamentoDetalhes").length > 0){
			$('#innerOrcamentoDetalhes').insertAfter('#innerResumo');
		}

		$('body').prepend(`
			<div id="zapFloat" style="position: fixed; bottom: 20px; right: 20px; z-index: 3;">
				<a href="https://api.whatsapp.com/send?phone=558540044871&text=Ol%C3%A1,%20gostaria%20de%20saber%20mais%20como%20a%20kedu%20pode%20ajudar%20a%20minha%20escola" target="_blank"><img style="height: 60px; width: 60px; cursor: pointer;" src="https://logprint.pp1.dev.br/central/theme/images/icons/float-icon.png" alt="whatsapp" class="img-fluid"></a>
			</div>
		`);

		
		
    }, 3000);
    
    
})