console.log('JS Theme');

const selfpublishJS = `
                        <a href="https://bomjesus.pp1.dev.br/central/selfpublish/" target="_blank" role="button" id="selfpublishBtn">SelfPublish</a>
                        `

const cta1JS = `
				<section id="cta1JS" class="cta-overlap" >
					<div style="display:flex; justify-content: center">
						<div class="row px-0">
							<div class="col-12">
								<a href="https://bomjesus.pp1.dev.br/central/busca/?buscaPor="><img src="http://${window.location.hostname}/central/theme/images/banner/banner-cta-1.png" alt="CTA-1" class="img-fluid" style="width: 1440px"></a>
							</div>
						</div>
					</div>
				</section>
				`
const cta2JS = `
				<section id="cta2JS" class="my-4" >
					<div class="container">
						<div class="row px-0">
							<div class="col-12">
								<a href="#"><img src="http://${window.location.hostname}/central/theme/images/banner/banner-cta-2.png" alt="CTA-1" class="img-fluid"></a>
							</div>
						</div>
					</div>
				</section>
				`

$( document ).ready(function() {
	$('.s-footer-listagem-item:contains("Formas de pagamento")').remove();	
	$('#innerDescricao > div > div.card-header.js-info-header-show-hide').attr('class', 'card-header')
	$('#innerEnvieArquivoForm > div > div.col-12.col-lg-4 > p > i').attr('class', 'fas icone-upload-arquivo fa-file-upload')

	$('#checkoutForm > div > div.row.jsConteudoCheckout > div.col-12.col-lg-6 > div > div.card.card-observacoes.jsCardObservacoes > div.card-body > div:nth-child(1) > div > label').text('Defina a Data de Aplicação')
	setTimeout(function(){ 
		$('#innerGabarito').insertAfter('#innerEnvieArquivo');
		$('#InputObservacoes').attr('placeholder', 'DD/MM/AAAA')
		$('#navbarCategoriasHorizontal').append(selfpublishJS);
		$('.s-produtos-card-botao').addClass('stretched-link');
		$('#s-produtos-carousel').before(cta1JS);
		$('#innerEnvieArquivoForm .card-body-info').after(txtGabarito);
	}, 2000);
});