console.log('Theme JS');

const infoModal =
`<!-- Modal -->
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Precisa de Ajuda?</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" style="padding:1rem 2rem;">
       <p><strong>Cota&ccedil;&atilde;o online imediata</strong></p>
<p>Digite a quantidade de exemplares, tipo de papel, impress&atilde;o preto e branco ou impress&atilde;o colorida e todas as caracter&iacute;sticas de seu livro.</p>
<p>Altere e personalize cada op&ccedil;&atilde;o at&eacute; que o custo fique perfeito para voc&ecirc;. Explore todas as possibilidades e crie o livro que voc&ecirc; imaginava! Cote em minutos e descubra quanto &eacute; facil montar e tornar real sua obra.</p>
<p><strong>Utilizamos tecnolog&iacute;a de impresi&oacute;n inkjet de alta qualidad</strong></p>
<h2>Informa&ccedil;&otilde;es &uacute;teis</h2>
<p><strong>Tipos de Impress&atilde;o miolo (interior do livro)</strong><br /> Escolha impress&atilde;o preto e branco ou colorida. Voc&ecirc; pode combinar p&aacute;ginas preto e branco com p&aacute;ginas coloridas, otimizando assim os custos.<br /> <br /> <strong>Tipo de papel do miolo (interior do livro)</strong><br /> Temos v&aacute;rias op&ccedil;&otilde;es de gramatura e tipos de papel para escolher.</p>
<p><br /> <strong>Capa, contratapa e lombada colorida</strong><br /> La retiraci&oacute;n de tapa es la parte interna, que generalmente se deja en blanco. Sin embargo, si dise&ntilde;aste un arte para la retiraci&oacute;n, pod&eacute;s seleccionar la opci&oacute;n de imprimirla. </p>
<p><strong>Tipos de lamina&ccedil;&atilde;o</strong><br /> Os tipos de lamina&ccedil;&atilde;o dispon&iacute;veis s&atilde;o fosco e brilho.</p>
<p><strong>Tipos de encaderna&ccedil;&atilde;o</strong><br /> A encaderna&ccedil;&atilde;o &eacute; tipo brochura com lombada e requer um m&iacute;nimo de 60 p&aacute;ginas. Se incluir orelha, deber&aacute; indicar sua largura em cm.</p>
<p><strong>Pie de imprenta</strong><br /> &Eacute; o texto que se coloca no final de um livro, onde se adiciona a informa&ccedil;&atilde;o da gr&aacute;fica e data de impress&atilde;o. Poder&aacute; desenhar seu pr&oacute;prio "pie de imprenta" o deixar o da Livriz.</p>
<p><strong>ISBN</strong><br /> &Eacute; a sigla de <strong>I</strong>nternational <strong>S</strong>tandard <strong>B</strong>ook <strong>N</strong>umber. S&atilde;o 13 d&iacute;gitos num&eacute;ricos que identifica internacionalmente e de maneira &uacute;nica a cada livro publicado. &Eacute; necess&aacute;rio para processar seu pedido.</p>
<img src="../theme/images/modal.jpg" class="img-fluid" alt="Imagem no Modal">
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>`

const buttonModal = `<!-- Button trigger modal -->
<button style="cursor:pointer; font-size: 1.7vh" data-toggle="modal" data-target="#exampleModalLong" class="mt-5 ml-2 btn btn-link d-none d-md-block">
<i class="fas fa-info-circle" style="color: #0047bb;"></i>
<strong>Cota��o online imediata</strong> - 
Digite a quantidade de exemplares, tipo de papel, impress�o preto e branco ou impress�o colorida e todas as caracter�sticas de seu livro.
Altere e personalize cada op��o at� que o custo fique perfeito para voc�. Explore todas as possibilidades e crie o livro que voc� imaginava! Cote em minutos e descubra quanto � facil montar e tornar real sua obra.
</button> `

const mobileModal = `
 <button class="btn btn-link ml-auto d-block d-sm-none" style="position: fixed;bottom: 50px;right: 50px;height: 20px;width: auto;z-index:666;" id="infoButton" aria-label="Informa��es">
        <i class="fas fa-info-circle" style="font-size:30px; color: #0047bb"></i>
    </button>
`

$(document).ready(function(){
	
		$('#selfpublish-frete > div > div > div.card-header > h3').html('<h3 class="s-selfpublish-subtitulo">C�lculo de Impress�o e Envio <i class="fas fa-cash-register ml-2"></i></h3>')
		$('#selfpublish-upload > div > div > div.card-header > h3').html('<h3 class="s-selfpublish-subtitulo">Arquivos PDF para Produ��o <i class="fas fa-palette ml-2"></i></h3>')
		$('#selfpublish-frete > div > div > div.card-body.py-4 > div > div:nth-child(2) > div > div.input-group-prepend > label').text('Insira seu CEP');
		$('#selfpublish-total').after(buttonModal);
		$('#selfpublish-total').after(mobileModal);
		$('#selfPublishPag').after(infoModal);

		$('#infoButton').click(function() {
		$('#exampleModalLong').modal('show');
		});

	setTimeout(function(){
	
/*CONTEÚDOS TOPO E RODAPÉ*/
		/*SIGA-NOS*/
		$('#upper-header .collapse .navbar-nav .nav-item:nth-child(1)').prepend(`<p>Siga-nos</p>`);
		
		
		/*MUDAR TELEVENDAS DE LUGAR*/
		$('#upper-header .collapse .navbar-nav .nav-item:nth-child(1) .nav-link').insertAfter(`#upperHeaderNavbar > ul`);
		


		/*PESQUISA DO TOPO*/
		$('#header-modelo-1 .navigation-clean .form-inline').insertBefore(`#header-modelo-1 .navigation-clean .navbar-nav`);

		/*POSIÇÃO CONTATO FOOTER*/
		$('#footer > div.s-footer > div > div > div.d-none.d-lg-block.col-lg-2').insertAfter(`#footer > div.s-footer > div`);

		/*TEXTO REDES SOCIAIS*/
		$('#footer .s-footer .s-footer-social').prepend(`<p class="jsSiga"><strong>Siga nossos canais oficiais:</strong></p>`);

		/*TEXTO HORÁRIO DE FUNCIONAMENTO*/
		$('#footer .s-footer .s-footer-social').append(`<p class="jsHorario"><strong>Hor&aacute;rio de funcionamento:</strong> <span>Segunda &agrave;s sexta das 08h &agrave;s 19h</span></p>`);

		/*MUDAR BOTÃO PRODUTOS*/
		if ($('.nav-produtos').length > 0) {
			document.querySelector(".btn-produtos").innerText = "Todas as Categorias";
			$('.btn-produtos').prepend(`<svg id="icoTodasCategorias" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<g clip-path="url(#clip0_1675_537)">
										<path d="M4 8H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
										<path d="M4 16H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
										</g>
										<defs>
										<clipPath id="clip0_1675_537">
										<rect width="24" height="24" fill="none"/>
										</clipPath>
										</defs>
										</svg>`);
			if (window.screen.width >= 992){
				$('#navcol-1 > ul > li.nav-item.nav-produtos').insertBefore(`#navbarCategoriasHorizontal > ul > li:nth-child(1)`);
			}
		}

/*CONTEÚDOS TOPO E RODAPÉ*/

/*CONTEÚDOS HOME*/		

		/*BOTÃO PRODUTOS*/
		$('.btn-grad.s-produtos-card-botao').append(`<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>`);


		/*CTA 1 Col*/
		$('#s-depoimentos-carousel').before(`<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-8">
													<h5>O melhor custo benef&iacute;cio</h5>
													<h1>Seu produto entregue aos<br>clientes da melhor forma.</h1>
													<p>Vender sua empresa &eacute; um passo importante, e nossa equipe de especialistas est&aacute; pronta para guiar voc&ecirc; em cada etapa do processo.</p>
												</div>
												<div class="col-12 col-md-3">
													<a href="#" target="_self" alt="Comprar" class="btn btn-secondary btn-grad jsClickPadrao">Veja nossas promo&ccedil;&otilde;es</a>
												</div>
											</div>
										</div>
									</div>
								</section>`);

		/*CTA 2 Col*/
		$('#s-depoimentos-carousel').before(`<section id="ctaHome2Col">
						<div class="conteudoCtaHome">
							<div class="container">
								<div class="row d-flex align-items-center">
									<div class="col-12 col-md-6 boxCtaHomeContentcol1">
										<div class="boxCtaHome">
											<h5>O melhor custo benef&iacute;cio</h5>
											<h2>Seu produto entregue aos clientes da melhor forma.</h2>
										</div>
									</div>
									<div class="col-12 col-md-6 boxCtaHomeContentcol1">
										<div class="boxCtaHome">
											<h5>O melhor custo benef&iacute;cio</h5>
											<h2>Prepara para a melhor Black friday de todas!</h2>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>`);

		if ($('#homeID').length > 0) {
			/*TITULO CATEGORIAS BLOCOS*/
			document.querySelector("#s-categorias-blocos .s-categorias-blocos .s-categorias-blocos-titulo").innerText = "Navegue pelas categorias";

			/*TITULO PRODUTOS EM DESTAQUE*/
			document.querySelector("#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo").innerText = "Os produtos em destaque";

			/*TITULO PRODUTOS MAIS VENDIDOS
			document.querySelector("#s-produtos-vendidos .s-produtos-destaque .s-produtos-destaque-titulo").innerText = "Mais vendidos";

			/*CHAMADA NEWSLETTER*/
			document.querySelector("#s-newsletter .s-newsletter .s-newsletter-texto").innerHTML = "<span>Inscreva-se na nossa Newsletter</span><br>Inscreva-se nas nossas newsletters para receber nossas novidades e promo&ccedil;&otilde;es.";

			/*BOTÃO NEWSLETTER*/
			document.querySelector(".form-control-newsletter-btn").innerHTML = "<i class='far fa-envelope mr-2' aria-hidden='true'></i>Inscrever-se";

			/*CHAMADA DEPOIMENTOS*/
			document.querySelector("#s-depoimentos-carousel .s-depoimentos-titulo").innerHTML = "Depoimento de quem<br>realmente usa.";
		}

/*CONTEÚDOS HOME*/			

	}, 3000);
	$('#dropdownMenuLink').removeClass('d-none');

	setTimeout(function(){ 
		/*ASPAS DEPOIMENTOS*/
		$('#depoimentos-carousel .owl-stage-outer .owl-stage .owl-item .item .card .row').before(`<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>`);
		}, 6000);		

});