{"id":174,"date":"2017-03-29T17:43:03","date_gmt":"2017-03-29T17:43:03","guid":{"rendered":"https:\/\/fogas.com.br\/?page_id=174"},"modified":"2022-01-13T21:05:55","modified_gmt":"2022-01-13T21:05:55","slug":"busca-revendedor","status":"publish","type":"page","link":"https:\/\/fogas.com.br\/?page_id=174","title":{"rendered":"para Resid\u00eancias &#8211; Busca de Revendedor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"174\" class=\"elementor elementor-174\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-jvuizbb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"jvuizbb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-kxhgfqy\" data-id=\"kxhgfqy\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1qposo2 elementor-widget elementor-widget-shortcode\" data-id=\"1qposo2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><span><strong class=\"breadcrumb_last\" aria-current=\"page\">Home<\/strong><\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-whwifsi elementor-widget elementor-widget-heading\" data-id=\"whwifsi\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Busca de Revendedor<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c54s9f8 elementor-widget elementor-widget-heading\" data-id=\"c54s9f8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Para pedir o seu botij\u00e3o de g\u00e1s, basta digital o seu CEP no campo abaixo e encontrar o revendedor mais pr\u00f3ximo \u00e0 voc\u00ea! A entrega ser\u00e1 feita em sua resid\u00eancia assim que poss\u00edvel e costuma ser bem r\u00e1pido. <\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5m51jt elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5m51jt\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-shlt6j4\" data-id=\"shlt6j4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-642l7w3 elementor-widget elementor-widget-global elementor-global-2696 elementor-widget-shortcode\" data-id=\"642l7w3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-myw8v3t elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"myw8v3t\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-nj1u2ti\" data-id=\"nj1u2ti\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2fae369 elementor-widget elementor-widget-shortcode\" data-id=\"2fae369\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<style>\n.form-control:focus {\n  border-color: #80bdff;\n  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n#overlay{\t\n  position: absolute;\n  top: 0;\n  z-index: 100;\n  width: 100%;\n  height:100%;\n  display: none;\n  background: rgba(39, 181, 245, 0.11);\n}\n.cv-spinner {\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;  \n}\n.spinner {\n  width: 40px;\n  height: 40px;\n  border: 4px #ddd solid;\n  border-top: 4px #2e93e6 solid;\n  border-radius: 50%;\n  animation: sp-anime 0.8s infinite linear;\n}\n@keyframes sp-anime {\n  100% { \n    transform: rotate(360deg); \n  }\n}\n.is-hide{\n  display:none;\n}\n<\/style>\n\n\n<script src='https:\/\/code.jquery.com\/jquery-3.6.0.min.js'><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.mask\/1.14.16\/jquery.mask.min.js\"><\/script>\n<script type=\"text\/javascript\">\n\nlet map;\nlet markers = [];\nlet infoWindow;\nlet dataNumberRecords = 0;\n\nasync function initMap() {\n   map = await new google.maps.Map(document.getElementById(\"content-map\"), {\n    zoom: 10,\n  });\n\n  \/\/ Try HTML5 geolocation.\n  if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(\n        (position) => {\n          const pos = {\n            lat: position.coords.latitude,\n            lng: position.coords.longitude,\n          };\n\n         \n          map.setCenter(pos);\n        },\n        () => {\n          handleLocationError(true, map.getCenter());\n        }\n      );\n    } else {\n      \/\/ Browser doesn't support Geolocation\n      alert(\"\u00c9 necess\u00e1rio habilitar sua localiza\u00e7\u00e3o!\");\n    }\n}\n\nfunction handleLocationError(browserHasGeolocation, pos) {\n  alert(\"\u00c9 necess\u00e1rio habilitar sua localiza\u00e7\u00e3o!\");\n}\n\nfunction addMarker(position, title) {\n  const image = \"https:\/\/www.fogas.com.br\/app\/uploads\/2017\/04\/buscarevendedor_naoselecionado.png\";\n  const marker = new google.maps.Marker({\n    position,\n    map,\n    icon: image,\n  });\n\n  const infowindow = new google.maps.InfoWindow({\n    content: '<b>'+title+'<b>',\n  });\n  \n  marker.addListener(\"click\", () => {\n    infowindow.open({\n      anchor: marker,\n      map,\n      shouldFocus: true,\n    });\n  });\n\n  markers.push(marker);\n}\n\nfunction deleteMarkers() {\n  hideMarkers();\n  markers = [];\n}\n\nfunction setMapOnAll(map) {\n  for (let i = 0; i < markers.length; i++) {\n    markers[i].setMap(map);\n  }\n}\n\nfunction hideMarkers() {\n  setMapOnAll(null);\n}\n\nfunction getMarker(latitude, longitude) {\n  map.setCenter({ lat: latitude, lng: longitude });\n  map.setZoom(16);\n}\n\nfunction readyButton() {\n  if($(\"#cep\").val().includes(\"_\") || $(\"#cep\").val() === '') {\n    $(\"#buscar\").prop(\"disabled\", true);\n  } else {\n    $(\"#buscar\").prop(\"disabled\", false);\n  }\n}\n\nfunction listRevendedores(cep) {\n  deleteMarkers();\n  $('#msg-sucesso').hide();\n  $('#msg-error').hide();\n  $(\"#body\").html('');\n  $(\"#overlay\").fadeIn(300);\n  if (cep) {\n    $.ajax({\n      url: \"https:\/\/api-prd.fogas.com.br\/site\/v1\/revendas?cep=\"+cep.replace('-',''),\n      type: 'GET',\n      beforeSend: function(request) {\n        request.setRequestHeader(\"client_id\", \"5SDGp1Y84DuGoVcGUfGumVTjBSC0HrYssWYGe1uE9qtxc0ZZ\");\n        request.setRequestHeader(\"Authorization\", \"Basic NVNER3AxWTg0RHVHb1ZjR1VmR3VtVlRqQlNDMEhyWXNzV1lHZTF1RTlxdHhjMFpaOk9uVklRalRMMFlhcnJNbDcxRE9mMnZkVFU1Umc1blVoMUs1ek9FYTc1Qm0xa0o0NVJmU3NwM3NlU2JFdTFOeU8=\");\n        request.setRequestHeader(\"Content-Type\", \"application\/json\");\n      },\n      success: function(data) {\n        dataNumberRecords = data.length;\n\n        map.setCenter({ lat: data[0].latitude, lng: data[0].longitude });\n        \n        data.forEach(element => {\n          \n          addMarker({ lat: element.latitude, lng: element.longitude }, element.nomeFantasia);\n\n          let html = \"\\<tr onclick=\\\"getMarker(\" + element.latitude + \", \"+element.longitude+\" )\\\" >\\\" \";\n          html = html.concat(\"<th>\")\n          .concat(element.nomeFantasia)\n          .concat(\"<\/th>\")\n          .concat(\"<td>\")\n          .concat(element.endereco)\n          .concat(\"<\/td>\")\n          .concat(\"<td>\");\n            if (element.telefones) {\n              element.telefones.forEach(obj => {\n                html = html.concat(obj.telefone + \"<br>\");\n              });\n            }\n          html = html.concat(\"<\/td>\")\n          .concat(\"<\/tr>\");\n\n          $(\"#body\").append(html);\n\n          $('#msg-sucesso').show();\n          \n          if (dataNumberRecords > 1) {\n            $('#msg-sucesso-txt').html('Foram encontrados: ' + dataNumberRecords + ' revendedores');\n          } else {\n            $('#msg-sucesso-txt').html('Foi encontrado: ' + dataNumberRecords + ' revendedore');\n          }\n        });\n        setTimeout(function(){\n          $(\"#overlay\").fadeOut(300);\n        },500);\n      },\n      error: function(data) {\n        $('#msg-error').show();\n        setTimeout(function(){\n          $(\"#overlay\").fadeOut(300);\n        },500);\n      }\n    });\n  }\n}\n\nfunction urlParam (name) {\n  if(window.location.search.includes('cep=') != '') {\n    var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.search);\n    return (results !== null) ? results[1] || 0 : false;\n  }\n\n  $('#msg-sucesso').show();\n  $('#msg-sucesso-txt').html('Comece informando um CEP');\n  setTimeout(function(){\n      $(\"#overlay\").fadeOut(300);\n    },500);\n  }\n\nwindow.addEventListener('load', function () {\n  listRevendedores(urlParam('cep'));\n});\n\n$(document).ready(function() {\n  initMap();\n  $('#msg-sucesso').hide();\n  $('#msg-error').hide();\n  $(\"#buscar\").prop(\"disabled\", true);\n  $(\"#cep\").mask(\"99999-999\");\n  $(\"#cep\").blur(function() {\n    readyButton();\n  });\n  $(\"#cep\").keyup(function() {\n    readyButton();\n  })\n  \n  $(\"#buscar\").click(function() {\n    listRevendedores($(\"#cep\").val());\n  });\n});\n\n<\/script>\n\n<div id=\"overlay\">\n  <div class=\"cv-spinner\">\n    <span class=\"spinner\"><\/span>\n  <\/div>\n<\/div>\n  <div class=\"container\">\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"input-group\">\n          <input type=\"text\" id=\"cep\" class=\"form-control\" placeholder=\"Informe o seu CEP...\">\n          <span class=\"input-group-btn\">\n            <button class=\"btn btn-info\" id=\"buscar\" type=\"button\">Buscar CEP<\/button>\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <br>\n\n    <div class=\"row\"><\/div>\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div style=\"display: none;\" id=\"msg-sucesso\" class=\"alert alert-info\" role=\"alert\"><p id=\"msg-sucesso-txt\">\n\n        <\/p><\/div>\n        <div style=\"display: none;\" id=\"msg-error\" class=\"alert alert-danger\" role=\"alert\"><p id=\"msg-error-txt\">\n          Nenhum registro encontrado!\n        <\/p><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"row\"><\/div>\n\n    <div class=\"row\">\n      <div class=\"col\">\n      <table class=\"table table-hover\">\n        <thead>\n          <tr>\n            <th scope=\"col\">Nome<\/th>\n            <th scope=\"col\">Endere\u00e7o<\/th>\n            <th scope=\"col\">Telefone<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody id=\"body\">\n        <\/tbody>\n        <\/table>\n      <\/div>\n      <div id=\"content-map\" style=\"height: 400px;\" class=\"col\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-gbtxrip elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"gbtxrip\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-z4dx13z\" data-id=\"z4dx13z\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-009d2d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"009d2d5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3182bfb\" data-id=\"3182bfb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c15b1be elementor-widget elementor-widget-shortcode\" data-id=\"c15b1be\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Busca de Revendedor Para pedir o seu botij\u00e3o de g\u00e1s, basta digital o seu CEP no campo abaixo e encontrar o revendedor mais pr\u00f3ximo \u00e0 voc\u00ea! A entrega ser\u00e1 feita em sua resid\u00eancia assim que poss\u00edvel e costuma ser bem r\u00e1pido.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":537,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fogas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=174"}],"version-history":[{"count":10,"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":4096,"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/174\/revisions\/4096"}],"up":[{"embeddable":true,"href":"https:\/\/fogas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/537"}],"wp:attachment":[{"href":"https:\/\/fogas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}