$(document).ready(function(){
 	if($('#formProposta').length){
		// $('#produto-resumo button.confirm b').text('')
	}
	
$('#menu-top').each(function() {
    $(this).insertAfter($(this).parent().find('#slider'));
});
	
$('.phone-store').append('<a href="https://wa.me/554130254400" class="phone-number whatsapp-link" target="_blank"><span>(41) 3025-4400</span></a>');
	$whatsFooter = $('<li><a href="https://wa.me/554130254400" target="_blank" class="phone-link whatsapp">(41) 3025-4400</a></li>');
	$whatsFooter.insertAfter($('#footer .contact li').first());

	
});
if(typeof EdPO == 'object'){
	var FORM = {
		endpoint:'https://editor.print-one.com.br/api/personalizacao/',
		key:'',
		texts:{},
		models:['PTC','MDRT 3','MDRT 4','MDRT 3 PTC','MDRT 4 PTC','MDRT Member','MDRT Court','MDRT Member PTC','MDRT Court PTC'],
		content:{
			$:$('<div class="card"><form action="?" id="submit-form-to-editor"><div class="card-head"><h4 style="color:#FFF;">Preencha o formul�rio abaixo.</h4></div><div class="card-body"></div><div class="card-footer"><button type="submit" id="btn-put-data-on-model">Aplicar</button></div></form></div>'),
			style:{
				'width':'25%',
				'float':'left',
				'background-color':'#424242',
				'border-right':'1px solid #000',
				'position':'relative'
			}
		},
		$submitBtn:{
			$:'',
			style:{
				'background':'#00c853',
				'border':'none',
				'text-tranform':'uppercase',
				'text-align':'center',
				'width':'100%',
				'padding':'20px',
				'font-size':'18px',
				'color':'#FFF'
			}
		},
		$form:'',
		$editor:$('#'+EdPO.config.iframe),
		label:{
			$:$('<label for=""></label>'),
			style:{
				'display':'block',
				'color':'#FFF',
			}
		},
		input:{
			$:$('<input type="text" required></input>'),
			style:{
				'color':'#FFF',
				'display':'block',
				'margin-bottom':'15px',
				'width':'100%',
				'background-color':'transparent',
				'border':'none',
				'border-bottom':'2px solid #26a69a',
				'box-shadow':'none',
				'padding':'7px 0px'
			}
		},
		select:{
			$:$('<select name="" id=""></select>'),
			style:{
				'color':'#FFF',
				'display':'block',
				'margin-bottom':'15px',
				'width':'100%',
				'background-color':'transparent',
				'border':'none',
				'border-bottom':'2px solid #26a69a',
				'box-shadow':'none',
				'padding':0,
				'height':36
			}
		},
		masks:{
			'Telefone':{
				meiomask:{
					type:'fixed',
					mask:'(nn) nnnn-nnnn',
					autoTab:false,
				},
			},
			'Celular':{
				meiomask:{
					type:'fixed',
					mask:'(nn) nnnnn-nnnn',
					autoTab:false,
				},
			},
		},
		init:function(){
			FORM.getTexts();
			
		},
		qrcode:false,
		getTexts:function(){
			$.ajax({
				url:FORM.endpoint+EdPO.config.model,
				type:'GET',
				dataType:'json',
				data:{
					key:EdPO.config.key
				},
				success:function(data){
					FORM.texts = data.personalizacao[0].texts;
					FORM.form();
				}
			});
		},
		form:function(){
			FORM.$editor = $('#'+EdPO.config.iframe);
			FORM.$editor.css({
				'width':'75%'
			});
			for(var i in FORM.texts){
				text = FORM.texts[i];
				name = text.match.charAt(0).toUpperCase() + text.match.substr(1);
				$input = FORM.input.$.attr({'id':'input-'+i,'name':name}).css(FORM.input.style).clone().data({layer:text.name,match:'#'+text.match+'#',name:name}).attr({'required':'required'});

				v = FORM.hasData(name);
				if(v !== false){
					$input.val(v.replace).data({'match':r.match});
				}

				if(typeof FORM.masks[name] == 'object'){
					$input.setMask(FORM.masks[name].meiomask);
				}



				$label = FORM.label.$.text(name).attr({'for':'input-'+i}).css(FORM.label.style).clone();
				if(name == 'Email' || name == 'E-mail'){
					$input.attr('type','email');
				}
				FORM.content.$.find('.card-body').append($label);
				FORM.content.$.find('.card-body').append($input);
			}
			FORM.content.$.find('.card-head').css({
				position:'absolute',
				padding:'22px 15px',
				width:'100%',
				top:0,
				'border-bottom':'1px solid #000'
			});
			FORM.content.$.find('.card-body').css({
				position:'absolute',
				top:64,
				bottom:110,
				padding:'15px',
				width:'100%',
				'overflow-y':'auto'
			});
			FORM.content.$.find('.card-footer').css({
				position:'absolute',
				padding:'15px',
				width:'100%',
				bottom:0,
				height:110,
				'background-color':'#212121'
			});

			FORM.content.$.height(FORM.$editor.height());
			FORM.content.$.css(FORM.content.style);
			FORM.content.$.insertBefore(FORM.$editor);

			FORM.$submitBtn.$ = $('#btn-put-data-on-model');
			FORM.$submitBtn.$.css(FORM.$submitBtn.style);

			FORM.$form = $('#submit-form-to-editor');
			FORM.$form.submit(function(e){
				e.preventDefault();
				FORM.apply();
			});
			// FORM.$form.submit();
		},
		vcard:{
			data:{
				'key':'B28752184046517F27738FA6CC739F84E84670EC5EF0A4F71B2E9D942EFE2458',
				'width':2000,
			},
			endpoint:'http://developer.brochura.com.br/pergraf/qrcode/api/vcard',
		},
		apply:function(){
			
			FORM.$form.find('input').each(function(index,input){
				FORM.vcard.data[$(this).data().name.toLowerCase()] = $(this).val();
				EdPO.replaceTextLayer($(this).data().layer,$(this).data().match,$(this).val());
				$(this).data().match = $(this).val();
			});
			// EdPO.setImageLayer('qrcode',{'url':'https://cdn-images-1.medium.com/max/1200/0*zPG9dqz508rmRR70.','position':'contain'})
			$.ajax({
				url: FORM.vcard.endpoint,
				type: 'POST',
				dataType: 'json',
				data: FORM.vcard.data,
				crossDomain:true,
				success:function(data){
					EdPO.setImageLayer('qrcode',{'url':data.url,'position':'contain'})
				},
				error:function(data){
					console.log(data);
				},
			});
		},
		hasData:function(match){
			r = false;
			if(Object.keys(EdPO.config.texts).length > 0){
				for(var i in EdPO.config.texts){
					t = EdPO.config.texts[i];
					if(t.match == '#'+match.toLowerCase()+'#'){
						r = t;
						break;
					}
				}
			}
			return r;
		}
	}
}

$(function(){
	if(typeof EdPO == 'object'){
		if(EdPO.config.model == 1246){
			EdPO.ready = function(){
				FORM.init();
			}
		}
	}
});

$( document ).ready(function() {
	setTimeout(function(){ 
		$('#menu-top .menu-header>li:nth-child(1)').after('<li class="hover"><a href="/loja/selfpublish/">Livros</a></li>');
		$('#innerCategoriasEmDestaque').append('<img id="theImg" src="../theme/images/loja_maxi_banner_topo.jpg"/>' );
		$('#innerCategoriasEmDestaque .product.category:nth-child(2)').after('<div class="product category"><div class="figure"><div class="inner"><div class="image"><a href="/loja/selfpublish/"><img src="../theme/images/thumb-selfpublish.jpg" alt="SelfPublish"></a></div></div></div><h3 class="title"><a href="/loja/selfpublish/">Livros</a></h3><div class="min-description"></div><a href="/loja/selfpublish/" class="button">SAIBA MAIS</a></div>');
	}, 1000);

    let configure = `
                        <div class="col-1">
                            <div style="text-align: center; color: red; margin-top: 1rem">
                                Configure abaixo as opções do seu impresso:
                            </div>
                        </div>
    `

    $("#produto-descricao-reduzida > div").append(configure)

    let textoArquivos = `
                            <p class="labelPlUploadSuportado" style="">
                                <span>Preparamos dicas importantes para você abaixo para anexar sua arte final</span>
                                <br><br>
                                Clique no botão ''Envie seu Arquivo'' para enviar sua arte final e/ou arquivos para impressão<br>
                                <br>
                                <strong>*Limite Máximo Total:</strong> <span style='font-weight:bold; color: #d11f8d;'>2GB</span><br>
                                **Somente arquivos no formato ZIP, RAR, TIFF, JPG, <span style='font-weight:bold; color: #d11f8d;'>PDF/x1a</span> ou <span style='font-weight:bold; color: #d11f8d;'>PDF/X4</span>.
                            </p>
                        `
    
    $("#fileFormat").html(textoArquivos);

    $("#innerFrete").insertAfter($("#innerQuantidades"));

    let boxPreco = `
                        <div id="innerPreco" class="col-1">
                            <div class="panel col-1 calcule-box">
                                <div class="options-box">
                                    <div id="resumo" class="col-1">

                                    </div>
                                </div>
                            </div>
                        </div>                                    
                    `

    $(boxPreco).insertAfter("#innerQuantidades");
    
    $("#resumo").append($("#innerResumo"));

    let checklist = `
                        <div class="col-1">
                            <div class="envieSeuArquivo-container">
                                <div class="envieSeuArquivo-titulo-1">
                                    Check List de Garantia
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Utilizar os gabaritos disponíveis em cada produto;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Utilizar Padrão de cores CMYK;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Margens internas de segurança, 4mm cada lado para área de corte;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Margens externas de segurança, 4mm cada lado para área de corte (Sangria);
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Textos e Vetores finos apenas em um canal de cor, 100% (C), 100% (M), 100% (Y) ou 100% (K);
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Vetores com cores Cinzas e Textos Finos, devem estar somente no canal preto (K);
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Fundo Preto com grande área de cobertura, utilizar? Calço? 40% (C), 20% (M), 20% (Y),
                                    100% (K);
                                </div>
                                <div class="envieSeuArquivo-info">
                                    -Textos convertidos em curvas;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    -PowerCLIP, Efeitos, Gradientes, Sombras, etc., todos convertidos em bitmap;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Bitmap em 300dpi, Padrão de Cores CMYK.
                                </div>
                            
                                <div class="envieSeuArquivo-titulo-2">
                                    Informações Importantes:
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - A arte final é idêntica para uma mesma quantidade de folhas impressas;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Poderá haver variações de cores em um mesmo lote ou entre lotes, de até 10% mais claro
                                    ou mais escuro;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Não garantimos fidelidade de cores entre produções, de lotes diferentes;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Poderá haver variações de quantidade em 10% para mais ou para menos;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Poderá haver variações de 1mm a 2mm cada lado no corte de acabamento do impresso;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - Prazo de produção, será iniciado no próximo dia útil, da aprovação financeira e checagem
                                    do arquivo de impressão;
                                </div>
                                <div class="envieSeuArquivo-info">
                                    - ARQUIVOS RECEBIDOS EM --> JPG e TIFF (300dpi, Padrão de Cores CMYK), PDF-xla ou
                                    PDF-X4.
                                </div>
                            </div>
                        </div>
                    `
    $("#innerEnvieArquivo > div").append(checklist);


    $('.itensQTD[type=radio][name=txt_qtd]').change(function() {
        console.log($(this));
        $('#quantidadeSelecionada').text($(this).val())
    });


    let quantidadeSelecionada = $('.itensQTD:radio[name="txt_qtd"]:checked').val();
    $('#quantidadeSelecionada').text(quantidadeSelecionada)

    $("#produto-descricao-reduzida > div > div.col-7.min-preco").append($("#produto-descricao-reduzida > div > div:nth-child(1) > div.min-descricao > span"));
    $("#produto-descricao-reduzida > div > div.col-7.min-preco").append($("#produto-descricao-reduzida > div > div:nth-child(1) > div.min-descricao > p"));


});