var SPMaskBehaviorFlyer = function (val) {
	return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
};
var spOptionsFlyer = {
	onKeyPress: function (val, e, field, options) {
		field.mask(SPMaskBehaviorFlyer.apply({}, arguments), options);
	}
};

var produtosInput = [
	{
		produtos: ['GNDNFPFRJ', 'ESNQESFRJ'],
		inputs: [
			{
				label: 'Nome e Sobrenome',
				name: 'nome1',
				type: 'text',
				maxlength: 0,
				required: false,
				match: '#nome1',
				id: 'nome1',
				value: '',
				meiomask: false
			},
			{
				label: 'Modalidade de Associação',
				name:'associacao2',
				type:'select',
				maxlength:0,
				required:false,
				match:'#associacao2',
				id:'associacao2',
				value:["Corretor Associado - Aluguel", "Corretora Associada - Aluguel"],
				meiomask:false
			},
			{
				label: 'CRECI UF',
				name:'uf1',
				type:'select',
				maxlength:0,
				required:false,
				match:'#uf1',
				id:'uf1',
				value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ],
				meiomask:false
			},
			{
				label: 'CRECI Numeração',
				name: 'digitos1',
				type: 'text',
				maxlength: 0,
				required: false,
				match: '#digitos1',
				id: 'digitos1',
				value: '',
				meiomask: false
			},
			{
				label: 'Telefone',
				name: 'tel1',
				type: 'text',
				maxlength: 0,
				required: true,
				match: '#tel1',
				id: 'tel1',
				value: '',
				meiomask: {
					mask: '(nn) nnnn-nnnn',
					autoTab: false,
				}
			},
			{
				label: 'Cidade',
				name: 'cidade',
				type: 'text',
				maxlength: 0,
				required: false,
				match: '#cidade',
				id: 'cidade',
				value: '',
				meiomask: false
			},
			{
				label: 'Estado',
				name:'uf2',
				type:'select',
				maxlength:0,
				required:false,
				match:'#uf2',
				id:'uf2',
				value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ],
				meiomask:false
			},
			{
				label: 'E-mail',
				name: 'email1',
				type: 'text',
				maxlength: 0,
				required: false,
				match: '#email1',
				id: 'email1',
				value: '',
				meiomask: false
			},
			
		],
		preview: false
	},		
];

var formQuinto = {
	is2create: false,
	inputs: [],
	address: 1,
	appendForm: '#produto-form-personalizar .panel-body',
	buttonHandler: '#pagina-produto #produto-resumo button.confirm',
	endpoint: 'https://editor.print-one.com.br/api/modelo/{ID_MODELO}/layers/?key=30082018141200_yfBskt74CNBNkONmnFbbMXLXQRuAhs',
	verify: function () {
		self = this;
		for (var index = 0; index < produtosInput.length; index++) {
			var prod = produtosInput[index];
			if(prod.produtos.indexOf($('#idP').val()) > -1){
				this.inputs = prod.inputs;
				this.is2create = true;
				this.preview = prod.preview;
				break;
			}
		}
	},
	save: function () {
		self = this;
		var validate = true;
		localStorage.setItem('address', self.address);
		for (var i in self.inputs) {
			if (self.inputs[i].required && $('#' + self.inputs[i].id).val() == '') {
				alert('Campo ' + self.inputs[i].label + ' obrigatório.');
				$('#' + self.inputs[i].id).focus();
				validate = false;
				break;
			}else if (self.inputs[i].required && self.inputs[i].id == 'tel1' && $('#' + self.inputs[i].id).val().length < 15) {
				alert('Campo telefone é obrigatório 11 dígitos.');
				$('#' + self.inputs[i].id).focus();
				validate = false;
				break;
			} else {
				localStorage.setItem($('#' + self.inputs[i].id).data('match'), $('#' + self.inputs[i].id).val());
			}
		}
		if (validate) {
			$(self.buttonHandler).click();
		}
	},
	createContainer: function () {
		$container = $('<div class="col-1 panel calcule-box" id="produto-form-personalizar"><div class="options-box"><div class="panel-head title"><h2>Preencha os dados corretamente</h2></div>	<div class="panel-body"></div></div></div>');
		$container.insertAfter('#innerOpcoes');
	},
	createForm: function () {
		self = this;
		// $.getScript(
		// 	'https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js',
		// 	function(){
		if (!self.inputs.length) {
			console.error('Nenhum input definido');
		} else {
			for (var i in self.inputs) {
				$(self.appendForm).append(self.getInput(self.inputs[i]));
			}
			$button = $('<div></div>');
			$button.css({
				'position': 'absolute',
				'top': 0,
				'left': 0,
				'right': 0,
				'bottom': 0,
				'z-index': 1,
				'cursor': 'pointer'
			}).click(function (event) {
				event.preventDefault();
				formQuinto.save();
			});
			$(self.buttonHandler).css({
				'position': 'relative'
			}).parent().css({
				'position': 'relative'
			}).append($button)
		}
		// 	}
		// );
	},
	getInput: function (input) {
		$field = $('<div class="opt-group"></div>');
		var $input;
		if (input.type == 'select') {
			$input = $('<select></select>');

			for (var i in input.value) {
				$input.append('<option value="' + input.value[i] + '">' + input.value[i] + '</option>');
			}

		} else {
			$input = $('<input type="' + input.type + '" />');
		}
		$input.attr({
			'name': input.name,
			'id': input.id
		}).data({
			'match': input.match + '#',
			'required': input.required,
		})

		if (!!localStorage.getItem(input.match + '#')) {
			$input.val(localStorage.getItem(input.match + '#'));
		}

		if (input.maxlength) {
			$input.attr({
				'maxlength': input.maxlength,
			}).data({
				'maxlength': input.maxlength
			})
		}
		var $label = $('<label></label>');
		$label.attr({
			'for': input.id
		}).text(input.label);
		var $span;
		if (input.maxlength) {

			$span = $('<span>' + ($input.val().length) + '/' + input.maxlength + '</span>');
			$input.on('input', function () {
				max = $(this).data('maxlength');
				current = $(this).val().length;
				$(this).next('span').text(current + '/' + max);
			})
		}

		if (input.meiomask !== false) {
			$input.setMask(input.meiomask);
		}
		if (input.sptelephone) {
			$input.mask(SPMaskBehaviorFlyer, spOptionsFlyer);
		}
		if (input['id'] == 'tel1') {
			$input.mask(SPMaskBehaviorFlyer, spOptionsFlyer);
		}

		$field.append($label);
		$field.append($input);
		$field.append($span);
		return $field;
	},
};

function popup(){
	$.colorbox({ html: `<div style="background-color: #283c84; display: flex; padding: 10px; height: 100%;; text-align: center; justify-content: center; align-items: center;">
			<h3 style="color: white;">
				Olá, é sua primeira vez por aqui e não está conseguindo acessar a plataforma?
				<br>
				<br>
				O seu cadastro precisa ser liberado pelo QuintoAndar.
				<br>
				<br>
				Entre em contato com o time de suporte do QuintoAndar pelo Whatsapp (11) 4560-9669 ou por <a style='color: red;' target="_blank" href="https://quin.to/mensagem">quin.to/mensagem</a> para que solicitem a liberação do seu cadastro!
			</h3>
		</div>`, fixed: true, opacity: 0.3, width: 600, height: 300 });
}

$(document).ready(function(){
	$('h2:contains("ORDEM DE COMPRA")').hide()
	$('#txtRequisicaoCompras').hide()

	if (document.URL.indexOf('/produtos-detalhes/GNDNFPFRJ/') > 0 || document.URL.indexOf('/produtos-detalhes/ESNQESFRJ/') > 0) {
		$.colorbox({ html: '<div style="background-color: #fff; display: flex; padding: 10px; height: 100%;; text-align: center; justify-content: center; align-items: center;"><h3 style="color: black;"><strong>Atenção:</strong> É importante se certificar que os dados preenchidos no formulário estão corretos,<br> é imprescindível também que você valide as informações na tela de visualização da personalização.<br> <strong>Os dados preenchidos são de sua responsabilidade,<br> a Printi e o QuintoAndar não se responsabilizam por dados preenchidos de forma errada.</strong></h3></div>', fixed: true, opacity: 0.3, width: 600, height: 280 });
	}

	if (document.URL.indexOf('/login_page/') > 0) {
		$('#frmLoginLoja > div.col-1').after(`<div class="col-1">
												<a href="" id="novo-cadastro" style="color: red;" class="forgot-password">Não possui cadastro? Clique aqui</a>
											</div>`)
		

		$( "#novo-cadastro" ).click(function(event) {
			event.preventDefault();
		  	popup();
		});
	}

	formQuinto.verify();
	if(formQuinto.is2create){
		formQuinto.createContainer();
		formQuinto.createForm();
	}

	if(location.href.indexOf('/produtos-detalhes/8JNORKQJ/') > -1){
		$('#produto-form-personalizar.col-1.panel.calcule-box').hide();	
	}

	if (document.URL.indexOf('/produtos-editor/4QREPLOJ/') > 0) {
		$('#produto-form-personalizar').hide(); }

	$('#txt_usuario').attr('placeholder', 'xxx.xxx.xxx-xx');



});

if(location.href.indexOf('/produtos-detalhes/8JNORKQJ/') > -1){
		$('#produto-form-personalizar.col-1.panel.calcule-box').hide();	
	}


		
	const alterasPagamentos = `
	<div id="innerAlertasBoletoPix">
		<div class="boleto">
			<h3>Boleto:</h3>
			<p>Seu pedido somente entrara em produção apos a confirmação do pagamento. O metodo de pagamento via boleto depende do processamento bancario e pode levar ate 3 dias uteis para confirmação, o que pode impactar em seu prazo de entrega. Caso tenha urgencia no pedido, sugerimos que você; escolha outra forma de pagamento.</p>
		</div>
		<div class="PIX">
			<h3>Pix:</h3>
			<p>Seu pedido entrara em produção somente apos a confirmação do pagamento. O metodo de pagamento via Pix pode levar ate 30 minutos para aprovação e, aos finais de semana e fora do horário comercial, a aprovação pode ocorrer em até 1 hora, o que pode impactar em seu prazo de entrega. Caso tenha urgéncia no pedido, sugerimos que você escolha outra forma de pagamento.</p>
		</div>
	</div>
`

$( document ).ready(function() {
setTimeout(function(){ 
$('#innerFormasPgto').append(alterasPagamentos);
}, 1000);
});