console.log('Theme JS');


const btnAcessoRestrito = `
						<li class="nav-item nav-acessoRestrito" role="presentation" style="">
							<div class="dropdown show position-static">
								<a class="btn btn-secondary btn-acessoRestrito" href="http://central.inteliprint.print-one.dev.br/lojapp1/selfpublish/" target="_blank" id="AcessoRestrito">Monte seu Livro!</a>
							</div>
						</li>
                        `

const upperheaderJS = `
						<div class="container">
							<div class="row">
								<div class="col align-left">
								  <p>Parcele em <span> 10x sem juros</span></p>
								</div>
								<div class="col align-center">
								  <p><span>Frete grátis</span> nas compras acima de R$ 1.800</p>
								</div>
								<div class="col align-right">
								  <p><span>5% de desconto</span> no Pix</p>
								</div>
						  </div>
						</div>
                   `
const bemVindoJS = `
					<div class="container jsContent">
					  <div class="row">
						<div class="col-12 py-5">
						  <h2 class="s-bem-vindo-titulo">Conheça a <br><span>Loja PP1!</span></h2>
						  <p class="s-bem-vindo-descricao jsBemVindoDescricao">Explore nossa loja virtual repleta de materiais gráficos de alta qualidade, onde cada produto é uma fusão de criatividade e excelência. De cartões de visita que deixam uma marca duradoura a Flyers que transmitem sua mensagem, nossa coleção cuidadosamente selecionada eleva sua comunicação visual, transformando ideias em obras-primas tangíveis.</p>
						  <a href="#printcolaPimaco" alt="Comprar" class="btn btn-secondary">Conheça mais</a></div>
					  </div>
					</div>
                   `
const miniBannersHome = `
						<section id="miniBannersJS" style="">
							<div class="s-categorias-blocos section-padding">
								<div class="container-fluid">
									<div class="row d-flex align-items-center justify-content-center jsCategoriasBlocosRow">
										<div class="col-12 col-md-3 col-lg-3 mb-4">
												<div class="s-categorias-blocos-card-box">
												<img src="/lojapp1/theme/images/banner/mini-banner-01.svg" class="card-img-top s-categorias-blocos-card-img" alt="Rótulos">
												</div>
										</div>
										<div class="col-12 col-md-3 col-lg-3 mb-4">
												<div class="s-categorias-blocos-card-box">
												<img src="/lojapp1/theme/images/banner/mini-banner-02.svg" class="card-img-top s-categorias-blocos-card-img" alt="Rótulos">
												</div>
										</div>
										<div class="col-12 col-md-3 col-lg-3 mb-4">
												<div class="s-categorias-blocos-card-box">
												<img src="/lojapp1/theme/images/banner/mini-banner-03.svg" class="card-img-top s-categorias-blocos-card-img" alt="Rótulos">
												</div>
										</div>
										<div class="col-12 col-md-3 col-lg-3 mb-4">
												<div class="s-categorias-blocos-card-box">
												<img src="/lojapp1/theme/images/banner/mini-banner-04.svg" class="card-img-top s-categorias-blocos-card-img" alt="Rótulos">
												</div>
										</div>
									</div>
								</div>
							</div>
						</section>
                        `
const printcolaPimacoJS = `
					<section id="printcolaPimaco">
						<div class="container">
							<div class="row d-flex align-items-center no-padding">
								<div class="col-12 col-sm-6">
								<img src="/lojapp1/theme/images/categorias_especiais/footer-img.png" class="img-fluid" alt="A PrintCola agora &eacute PIMACO">
								</div>
								<div class="col-12 col-sm-6">
									<h1>Plataforma de E-Commerce para Produtos Personalizados.</h1>
									<p>Com a nossa tecnologia de ponta, oferecemos ambientes digitais de excelência para elevar suas vendas e encantar o público, garantindo uma experiência agradável. Os melhores resultados são obtidos quando integramos nossos canais e potencializamos nossas vendas.</p>									
									<p>Explore a excelência no mercado de impressão com nossa loja virtual especializada, repleta de funcionalidades sob medida para impulsionar seu negócio.</p>
									<p>Todas funcionalidades criadas para automatizar seus canais vendas com ferramentas On Line. Crie e automatize seus processos com Web to Print. Gere tráfego e agregue novas receitas para seu negócio de impressão.</p>								</div>
								</div>
							</div>
						</div>
					</section>
                   `
const txtNewsJS = `
					<h1 class="tituloNewsJS">receba nossas novidades</h1>
    				<p class="txtNewsJS">Inscreva-se nas nossas newsletters para<br>receber nossas novidades e promoções.</p>
                   `

const txtChatBot = `<div class="js-chatbot-icon" style="position: fixed; bottom: -47px; right: 20px; z-index: 3;">
                        <span class="js-chatbot-icon-fechar" style="position: fixed; height: 40px; width: 40px; right: 54px; z-index: 4; cursor: pointer;"> </span>
                        <a href="http://loja.pp1.com.br/lojapp1/chatbot.asp" id="chat_bot"><img src="/lojapp1/theme/images/chatbot/avatar.png"></a>
                    </div>`

$( document ).ready(function() {

	if ($('main#index').length > 0 ){
		$('body').append(txtChatBot)	
	}

	$(document).on("click", '.js-chatbot-icon-fechar', function (event) {
        event.preventDefault();
        $('.js-chatbot-icon').remove();
    });

	$('#sidebar').remove();

	$('#navcol-1 > ul > li.nav-item.nav-produtos').after(btnAcessoRestrito);

	setTimeout(function(){
		$('#upper-header').prepend(upperheaderJS);
		$('#s-bem-vindo').prepend(bemVindoJS);
		$('#s-slider-mini-banner').before(miniBannersHome);
		$('#s-newsletter').before(printcolaPimacoJS);
		$('#frmNewsLetter .s-newsletter .container-fluid .row.h-100 .my-auto').prepend(txtNewsJS);
	}, 1000);

	$('#checkoutForm > div > div.row.jsConteudoCheckout > div.col-12.col-lg-6 > div').append('<div class="mt-2 disclaimer"><p><em><strong>Atenção:</strong>  O nome do beneficiário de pagamento, fatura cartão de crédito e emissor da Nota Fiscal aparecerá como RR ETIQUETAS</p></em></div>')

if (document.URL.indexOf('/8EMKMQNJ') > 0) {
	$('#innerFinalizar > div:nth-child(1)').hide();
}

$.ajax({
	url: "https://loja.pp1.com.br/lojapp1/jsons/produtosDetalhesPersonalizacao.js",
	type: "POST",
	dataType:'json',
	data : {
          idP : "4RQCSNNJ",
          salario :'0QOHPKNJ'
    },
	beforeSend: function (before) {
		console.log(before)
	},
	success: function (objJSON) {
		console.log(objJSON)	
	},
	error: function (objXHR, txtStatus, txtErro) {
		console.log(objXHR)
	},
	complete: function (xhr) {
		console.log(xhr)
	}
});

});