console.log('Theme JS.ASP');

const helpJS = `
				<a id="helpJS" href="#" target="_blank" class="btn btn-secondary btn-lg btn-login btn-grad">
					<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-life-preserver" viewBox="0 0 16 16">
					  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m6.43-5.228a7.03 7.03 0 0 1-3.658 3.658l-1.115-2.788a4 4 0 0 0 1.985-1.985zM5.228 14.43a7.03 7.03 0 0 1-3.658-3.658l2.788-1.115a4 4 0 0 0 1.985 1.985zm9.202-9.202-2.788 1.115a4 4 0 0 0-1.985-1.985l1.115-2.788a7.03 7.03 0 0 1 3.658 3.658m-8.087-.87a4 4 0 0 0-1.985 1.985L1.57 5.228A7.03 7.03 0 0 1 5.228 1.57zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path>
					</svg>
					Help de Navega&ccedil;&atilde;o
				</a>
				`
const innerLoginContentJS = `
				<div id="innerLoginBtns" class="p-4">
					<button class="btn btn-secondary btn-lg btn-login btn-grad btnSelectJS">
						Granja Viana
					</button>
					<button class="btn btn-secondary btn-lg btn-login btn-grad btnSelectJS">
						Higien&oacute;polis
					</button>
				</div>				
				`
const unidadesJS = `
				<a href="#" class="voltarUnidades">
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
					  <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5"/>
					</svg>
					Voltar para Unidades
				</a>
				`

$(document).ajaxStop(function() {
    console.log("Todas as requisições AJAX terminaram.");
		if ($("#telaLogin").length > 0){
			$('#s-login-b2b .s-login-b2b-container .s-login-b2b-card').after(helpJS);
			$('#s-login-b2b #botLoginEntrar').after(unidadesJS);
			$('#s-login-b2b #innerLoginContent').before(innerLoginContentJS);
			
			$('.btnSelectJS').on('click', function() {
				$('#innerLoginBtns').css('display', 'none');
				$('#innerLoginContent').css('display', 'block');
				history.replaceState({ navigated: true }, '', window.location.href);
				history.pushState({ navigated: true }, '', window.location.href);
			});
			$(window).on('popstate', function() {
				window.location.reload();
			});			

		}

		const alteraCategoria1 = "Apostilas";
		const alteraCategoria2 = "Impressões";
		const alteraCategoria3 = "Plastificações";

		if ($('#breadcrumb').text().indexOf(alteraCategoria1) !== -1) {
			document.querySelector("#innerQuantidade > div > div.card-header > h3").innerHTML ='Selecione a Quantidade de P&aacute;ginas Desejada';
			document.querySelector("#innerQuantidadeCopias > div > div > div.card-header > h3").innerHTML ='Selecione a Quantidade de Apostilas Desejada';
		}
		if ($('#breadcrumb').text().indexOf(alteraCategoria2) !== -1) {
			document.querySelector("#innerQuantidade > div > div.card-header > h3").innerHTML ='Selecione a Quantidade de P&aacute;ginas Desejada';
			document.querySelector("#innerQuantidadeCopias > div > div > div.card-header > h3").innerHTML ='Selecione a Quantidade de Jogos desejado';
		}
		if ($('#breadcrumb').text().indexOf(alteraCategoria3) !== -1) {
			document.querySelector("#innerQuantidade > div > div.card-header > h3").innerHTML ='Selecione a Quantidade Desejada';
			document.querySelector("#innerQuantidadeCopias > div > div > div.card-header > h3").innerHTML ='Selecione a Quantidade de Plastifica&ccedil;&otilde;es Desejada';
		}


		$('body *').contents().filter(function() {
			return this.nodeType === 3 && /comprar/i.test(this.nodeValue);
		}).each(function() {
			this.nodeValue = this.nodeValue.replace(/comprar/gi, 'Solicitar');
		});

		$('input[type="button"], input[type="submit"]').each(function() {
			if (/comprar/i.test($(this).val())) {
			  $(this).val($(this).val().replace(/comprar/gi, 'Solicitar'));
			}
		});

    $(document).off("ajaxStop");
});