$(document).ready(function () {
    $("#cep2").mask("99999-999");
});

function cepbak(valor) {

    //alert(valor.length);
    // chamar por Ajax



    if (valor.value.length >= 9) {


        // alert('gra'+valor.value);

        window.rtm_sessao.location.href = "https://www.rinnai.com.br/modulos/dimensionador-gas/sessaoset.php?cep=" + valor.value;



        //rtm_sessao

    }


}



function cepC(valor) {


    if (valor.length >= 9) {

        //  alert(valor.length);

        //   alert('op2');

        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("carrega_cep").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "https://www.rinnai.com.br/modulos/dimensionador-gas/sessaoset.php?cep=" + valor, true);

        xmlhttp.send();

        //alert('ok');


    }


}

function cep(valor, valor2, valor3) {


    //   alert(valor);
    // alert(str1 +'|' + str2);


    if (valor == 'geo') {

        //alert('op1'+valor2+valor3.value);

        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("carrega_cep").innerHTML = this.responseText;
            }
        };

        xmlhttp.open("GET", "https://www.rinnai.com.br/modulos/dimensionador-gas/sessaoset.php?latitude=" + valor2 + "&longitude=" + valor3, true);

        xmlhttp.send();

        //alert('ok');


    }


}


var x = document.getElementById("demo");

function getLocation() {

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);

    } else {
        x.innerHTML = "Geolocation não é compatível com este navegador.";
    }
}

function showPosition(position) {
    var lat_auto = position.coords.latitude;
    var long_auto = position.coords.longitude;

    var htmlInput2 = document.createElement('div');
    //                htmlInput2.innerHTML = '<iframe id="rtm_sessao" src="sessao.php?latitude=' + lat_auto + '&longitude=' + long_auto + '" style="top: -5px; border: 0; width: 1px; height: 1px; position: absolute;"></iframe>';
    //              alert(lat_auto);

    //window.rtm_sessao.location.href="featureDim/sessao.php?latitude="+lat_auto+"&longitude="+ long_auto;

    //alert('geo',lat_auto+','+long_auto);

    cep('geo', lat_auto, long_auto);

    document.getElementsByTagName('body')[0].appendChild(htmlInput.firstChild);

}



function enviarDimensionador(selectOS) {

    var ev = document.getElementById("ducha");
    var ev2 = document.getElementById("vazao");


    if (ev.value == '') {

        alert('Selecione a quantidade de duchas');
        //  document.querySelector('#vazao').value = 'Vazão';
        return false;
    } else {

        //alert(ev.value + '<>' + ev2.value);

        carrega_opcoes('ducha', ev.value);
        carrega_opcoes('vazao', ev2.value);


    }

}







function detectChange1(selectOS) {
    //    console.log(selectOS.value);
    //alert(selectOS.value);
    carrega_opcoes('ducha', selectOS.value);
}


function detectChange2(selectOS) {
    //    console.log(selectOS.value);
    //alert(selectOS.value);
    carrega_opcoes('vazao', selectOS.value);
}






function carrega_opcoes(str1, str2) {

    //    alert( +'|' + str2);



    if (str1 == "") {
        document.getElementById("carrega_opcoes").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("carrega_opcoes").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "https://www.rinnai.com.br/modulos/dimensionador-gas/carrega_opcoes.php?op1=" +
            str1 + "&op2=" + str2, true);
        xmlhttp.send();



        //                    if (str1 == 'vazao') {
        //scroll to result

        var access = document.getElementById("resultado");
        access.scrollIntoView({
            behavior: 'smooth'
        }, true);

        //                  }


        //alert('ok');

    }
}

  
function carrega_parceiro(id) {

     //   alert( '|' + id);

    
 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("carrega_parceiro").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "https://www.rinnai.com.br/content/views/components/encontrar-oferta/encontrar-oferta-table.php?id_produto_parceiro=" +
            id, true);
        xmlhttp.send();


        var access = document.getElementById("carrega_parceiro");
   //     access.scrollIntoView({
   //         behavior: 'smooth'
   //     }, true);

document.getElementById('access').scrollIntoView({
  behavior: 'smooth',
  block: 'start'
});



        //                  }


    }
 



document.addEventListener('DOMContentLoaded', function () {
  // Tenta achar o backdrop existente; se não achar, cria dinamicamente
  let backdrop = document.querySelector('[data-modal-backdrop]');
  if (!backdrop) {
    backdrop = document.createElement('div');
    backdrop.setAttribute('data-modal-backdrop', '');
    backdrop.setAttribute('hidden', '');
    backdrop.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;';
    backdrop.innerHTML = `
      <div class="modal" role="dialog" aria-modal="true" aria-label="Detalhes do produto"
           style="position:relative;max-width:720px;width:90%;background:#fff;border-radius:12px;padding:24px;outline:0;">
        <button type="button" data-modal-close aria-label="Fechar"
                style="position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;">×</button>
        <div id="modal-content"></div>
      </div>`;
    document.body.appendChild(backdrop);
  }

  const modalEl = backdrop.querySelector('.modal');

  // Garante o container de conteúdo
  let content = document.getElementById('modal-content');
  if (!content) {
    content = document.createElement('div');
    content.id = 'modal-content';
    modalEl.appendChild(content);
  }

  let lastFocused = null;

  function openModal(triggerEl) {
    const container = triggerEl.closest('.product-card');
    const modelKey  = String(triggerEl.dataset.model || '').toLowerCase();

    // 1) template dentro do card
    let tpl = container ? container.querySelector('template[data-product-template]') : null;

    // 2) fallback global por id="tpl-{model}"
    if (!tpl && modelKey) tpl = document.getElementById(`tpl-${modelKey}`);
    if (!tpl) return;

    lastFocused = document.activeElement;

    // injeta conteúdo (com fallback para navegadores antigos)
    if (typeof content.replaceChildren === 'function') {
      content.replaceChildren(tpl.content.cloneNode(true));
    } else {
      content.innerHTML = '';
      content.appendChild(tpl.content.cloneNode(true));
    }

    backdrop.hidden = false;

    // Acessibilidade
    if (modalEl) {
      modalEl.setAttribute('tabindex', '-1');
      modalEl.focus();
    }
  }

  function closeModal() {
    backdrop.hidden = true;
    if (typeof content.replaceChildren === 'function') {
      content.replaceChildren();
    } else {
      content.innerHTML = '';
    }
    if (lastFocused && typeof lastFocused.focus === 'function') {
      lastFocused.focus();
    }
  }

  // Delegação: abrir/fechar
  document.addEventListener('click', function (e) {
    // Abrir
    const btn = e.target.closest('.js-info');
    if (btn) {
      e.preventDefault();
      openModal(btn);
      return;
    }

    // Fechar: botão com data-modal-close
    const closeBtn = e.target.closest('[data-modal-close]');
    if (closeBtn) {
      e.preventDefault();
      closeModal();
      return;
    }

    // Fechar clicando fora
    if (!backdrop.hasAttribute('hidden')) {
      if (e.target === backdrop || (modalEl && !modalEl.contains(e.target))) {
        closeModal();
      }
    }
  });

  // Fechar por ESC
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape' && !backdrop.hasAttribute('hidden')) {
      e.preventDefault();
      closeModal();
    }
  });
});