From a0a233e0382d0bf2bbe38a3dc2e637245f653894 Mon Sep 17 00:00:00 2001
From: Joan <joan@joanmelo.com>
Date: Fri, 22 Oct 2021 12:35:27 -0300
Subject: [PATCH] Adding script for automatic filling in of Brazilian addresses
 by zip code.

---
 assets/js/address-autocomplete-BR.js | 44 ++++++++++++++++++++++++++++
 footer.php                           |  1 +
 registration.php                     |  8 ++---
 3 files changed, 49 insertions(+), 4 deletions(-)
 create mode 100644 assets/js/address-autocomplete-BR.js

diff --git a/assets/js/address-autocomplete-BR.js b/assets/js/address-autocomplete-BR.js
new file mode 100644
index 0000000..e28aab7
--- /dev/null
+++ b/assets/js/address-autocomplete-BR.js
@@ -0,0 +1,44 @@
+
+function meu_callback(conteudo) {
+if (!("erro" in conteudo)) {
+    //Atualiza os campos com os valores.
+    document.getElementById('cust_address').value=(`${conteudo.logradouro}, ${conteudo.bairro}`);
+    document.getElementById('cust_city').value=(conteudo.localidade);
+    document.getElementById('cust_state').value=(conteudo.uf);
+} //end if.
+
+}
+
+function pesquisacep(valor) {
+
+//Nova variável "cep" somente com dígitos.
+var cep = valor.replace(/\D/g, '');
+
+//Verifica se campo cep possui valor informado.
+if (cep != "") {
+
+    //Expressão regular para validar o CEP.
+    var validacep = /^[0-9]{8}$/;
+
+    //Valida o formato do CEP.
+    if(validacep.test(cep)) {
+
+        //Preenche os campos com "..." enquanto consulta webservice.
+        document.getElementById('cust_address').value="...";
+        document.getElementById('cust_city').value="...";
+        document.getElementById('cust_state').value="...";
+
+        //Cria um elemento javascript.
+        var script = document.createElement('script');
+
+        //Sincroniza com o callback.
+        script.src = 'https://viacep.com.br/ws/'+ cep + '/json/?callback=meu_callback';
+
+        //Insere script no documento e carrega o conteúdo.
+        document.body.appendChild(script);
+
+    } //end if.
+    
+} //end if.
+
+};
diff --git a/footer.php b/footer.php
index e512aa8..05e71a1 100644
--- a/footer.php
+++ b/footer.php
@@ -158,6 +158,7 @@
 <script src="assets/js/bootstrap-touch-slider.js"></script>
 <script src="assets/js/select2.full.min.js"></script>
 <script src="assets/js/custom.js"></script>
+<script src="assets/js/address-autocomplete-BR.js"></script>
 <script>
 	function confirmDelete()
 	{
diff --git a/registration.php b/registration.php
index 47a8b10..af553fc 100644
--- a/registration.php
+++ b/registration.php
@@ -231,7 +231,7 @@
                                 </div>
                                 <div class="col-md-12 form-group">
                                     <label for=""><?php echo LANG_VALUE_105; ?> *</label>
-                                    <textarea name="cust_address" class="form-control" cols="30" rows="10" style="height:70px;"><?php if(isset($_POST['cust_address'])){echo $_POST['cust_address'];} ?></textarea>
+                                    <textarea id="cust_address" name="cust_address" class="form-control" cols="30" rows="10" style="height:70px;"><?php if(isset($_POST['cust_address'])){echo $_POST['cust_address'];} ?></textarea>
                                 </div>
                                 <div class="col-md-6 form-group">
                                     <label for=""><?php echo LANG_VALUE_106; ?> *</label>
@@ -252,15 +252,15 @@
                                 
                                 <div class="col-md-6 form-group">
                                     <label for=""><?php echo LANG_VALUE_107; ?> *</label>
-                                    <input type="text" class="form-control" name="cust_city" value="<?php if(isset($_POST['cust_city'])){echo $_POST['cust_city'];} ?>">
+                                    <input id="cust_city" type="text" class="form-control" name="cust_city" value="<?php if(isset($_POST['cust_city'])){echo $_POST['cust_city'];} ?>">
                                 </div>
                                 <div class="col-md-6 form-group">
                                     <label for=""><?php echo LANG_VALUE_108; ?> *</label>
-                                    <input type="text" class="form-control" name="cust_state" value="<?php if(isset($_POST['cust_state'])){echo $_POST['cust_state'];} ?>">
+                                    <input id="cust_state" type="text" class="form-control" name="cust_state" value="<?php if(isset($_POST['cust_state'])){echo $_POST['cust_state'];} ?>">
                                 </div>
                                 <div class="col-md-6 form-group">
                                     <label for=""><?php echo LANG_VALUE_109; ?> *</label>
-                                    <input type="text" class="form-control" name="cust_zip" value="<?php if(isset($_POST['cust_zip'])){echo $_POST['cust_zip'];} ?>">
+                                    <input id="cust_zip" type="text" onblur="pesquisacep(document.getElementById('cust_zip').value);" class="form-control" name="cust_zip" value="<?php if(isset($_POST['cust_zip'])){echo $_POST['cust_zip'];} ?>">
                                 </div>
                                 <div class="col-md-6 form-group">
                                     <label for=""><?php echo LANG_VALUE_96; ?> *</label>