{"id":7109,"date":"2025-09-26T14:05:59","date_gmt":"2025-09-26T07:05:59","guid":{"rendered":"https:\/\/www.seva.id\/info\/?page_id=7109"},"modified":"2025-09-26T14:06:23","modified_gmt":"2025-09-26T07:06:23","slug":"form-fasilitas-dana-seva-gadai-bpkb-mobil","status":"publish","type":"page","link":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil","title":{"rendered":"Form Fasilitas Dana SEVA &#8211; Gadai BPKB Mobil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7109\" class=\"elementor elementor-7109\">\n\t\t\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-95ddcf6 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"95ddcf6\" 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<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-331378f jltma-glass-effect-no\" data-id=\"331378f\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e8483a9 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"e8483a9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #ffffff; font-family: Kanyon, sans-serif; font-size: 20px; white-space-collapse: preserve;\">Jaminkan BPKB di SEVA, Bisa Dapet Fasilitas Dana hingga Rp500 Juta!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9667941 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"9667941\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg\" class=\"attachment-large size-large wp-image-7096\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-323cc3a jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"323cc3a\" 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\t\t<div class=\"elementor-shortcode\"><span style=\"font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;color: #FFFFFF;\"><span style=\"color: red;\">*<\/span> Wajib diisi<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2917e8 jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"e2917e8\" 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\t\t<div class=\"elementor-shortcode\"><label style=\"font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;color: #FFFFFF;\">Nama Lengkap <span style='color: red;'>*<\/span><\/label><br>\n    <input autocomplete=\"nope\" id=\"formName\" type='text' required='true' placeholder='Masukkan nama lengkap' style=\"font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 16px;text-align: left;color: #13131B;border: 1px solid #EBECEE;border-radius: 8px;padding: 8px;width: 100%;margin-top: 10px;height: 48px;\" >\n    \n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-866842a jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"866842a\" 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\t\t<div class=\"elementor-shortcode\"><label style=\"font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; color: #FFFFFF;\">Nomor HP aktif <span style='color: red;'>*<\/span><\/label><br \/>\n    <div style=\"font-family: 'Open Sans', sans-serif; background-color: #ffffff; font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; color: #878d98; background-color: #FFFFFF; border: 1px solid #ebecee; border-radius: 8px; padding: 8px; width: 100%; margin-top: 10px; display: flex; height:48px;\">\n    \t<span style=\"color: black; width: 39px; font-size: 14px; display: flex; align-items: center; justify-content: center;\">+62 | <\/span>\n        <input autocomplete=\"nope\" id=\"formPhone\" type=\"text\" placeholder=\"Contoh: 812345678\" required=\"\" style=\"margin-left: 2px; width: calc(100% - 26px); border: none; outline: none; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; color: #13131b; \">\n    <\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-659f929 jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"659f929\" 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\t\t<div class=\"elementor-shortcode\"><label style=\"font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;color: #FFFFFF;\">Alamat Email aktif <span style='color: red;'>*<\/span><\/label><br>\n    <input autocomplete=\"nope\" id=\"formEmail\" type='email' required='true' placeholder='Contoh: john@mail.com' style=\"font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 16px;text-align: left;color: #13131B;border: 1px solid #EBECEE;border-radius: 8px;padding: 8px;width: 100%;margin-top: 10px;height: 48px;\" >\n    <span id='formEmail-error' style='color: #FF0000; margin-top: 4px; font-size: 11px; display: none;'>Gunakan format email yang benar. Contoh: john@mail.com.<\/span>\n    <script>\n            document.getElementById('formEmail').addEventListener('input', function() {\n                var emailInput = document.getElementById('formEmail');\n                var errorMessage = document.getElementById('formEmail-error');\n                var emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/;\n\n                if (emailInput.value === '') {\n                    errorMessage.style.display = 'none'; \/\/ Sembunyikan pesan error jika kosong\n                } else if (!emailPattern.test(emailInput.value)) {\n                    errorMessage.style.display = 'block'; \/\/ Tampilkan pesan error jika tidak valid\n                } else {\n                    errorMessage.style.display = 'none'; \/\/ Sembunyikan pesan error jika valid\n                }\n            });\n        <\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c99218d jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"c99218d\" 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\t\t<div class=\"elementor-shortcode\"><label style=\"font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;color: #FFFFFF;\">Kota Domisili <span style='color: red;'>*<\/span><\/label><br>\n<div id=\"dropdownCityRefContainer\" style=\"height: 48px; background-color: white; font-family: 'Open Sans' ,\n  sans-serif; font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; color: #878D98; border-radius:\n  8px; width: 100%; margin-top: 10px; align-items: center; justify-content: center;\">\n  <div style=\"padding: 8px; border: 1px solid #EBECEE; border-radius: 8px;\">\n    <div trigerCityRef class=\"custom-select\" id=\"city_refi\" style=\"cursor: pointer; height: 30px; color: #CDD0D4;\n      display: flex; justify-content: space-between; align-items: center;\">\n      <input autocomplete=\"nope\" id=\"textCityRef\" autocomplete=\"nope\" onclick=\"showDropdownCityRef()\"\n        required=\"true\" placeholder=\"Pilih kota\" style=\"font-family: 'Open Sans' , sans-serif; height: 18px;\n        font-size: 14px; color: #AFB3BA; border: none; outline: none; width: 100%;\" data=\"null\"\n        oninput=\"debouncedFilterCityRefList()\">\n      <div class=\"iconWrapperCityRef\">\n        <svg id=\"sectionCityRefArrow\" onclick=\"showDropdownCityRef()\" width=\"24\" height=\"24\" viewBox=\"0 0 40\n          40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ant-collapse-arrow\" style=\"transform:\n          rotate(0deg);\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.53083 14.5212C9.91267 14.1463 10.5318 14.1463 10.9136\n            14.5212L20 23.4424L29.0864 14.5212C29.4682 14.1463 30.0873 14.1463 30.4692 14.5212C30.851 14.8961 30.851\n            15.5039 30.4692 15.8788L20.6914 25.4788C20.3095 25.8537 19.6905 25.8537 19.3086 25.4788L9.53083\n            15.8788C9.14898 15.5039 9.14898 14.8961 9.53083 14.5212Z\" fill=\"#13131B\"><\/path>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.35798 14.3515C9.83529 13.8828 10.6092 13.8828 11.0865\n            14.3515L20 23.1029L28.9135 14.3515C29.3908 13.8828 30.1647 13.8828 30.642 14.3515C31.1193 14.8201 31.1193\n            15.5799 30.642 16.0485L20.8642 25.6485C20.3869 26.1172 19.6131 26.1172 19.1358 25.6485L9.35798\n            16.0485C8.88067 15.5799 8.88067 14.8201 9.35798 14.3515ZM10.7408 14.6909C10.4544 14.4097 9.99006 14.4097\n            9.70368 14.6909C9.41729 14.9721 9.41729 15.4279 9.70368 15.7091L19.4815 25.3091C19.7678 25.5903 20.2322\n            25.5903 20.5185 25.3091L30.2963 15.7091C30.5827 15.4279 30.5827 14.9721 30.2963 14.6909C30.0099 14.4097\n            29.5456 14.4097 29.2592 14.6909L20.1728 23.6121C20.127 23.6571 20.0648 23.6824 20 23.6824C19.9352 23.6824\n            19.873 23.6571 19.8272 23.6121L10.7408 14.6909Z\" fill=\"#13131B\"><\/path>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-simplebar list-cityRef id=\"cityRefList\" style=\"display: none; background-color: white; z-index: 1;\n  position: absolute; width: 100%; margin-top: 20px; max-height: 400px; border: 1px solid #EBECEE; border-radius:\n  8px;\"><\/div>\n<script>\n  let debounceTimerRef;\n  let citiesDataRef = [];\n\n  function debounce(func, delay) {\n    return function (...args) {\n      clearTimeout(debounceTimerRef);\n      debounceTimerRef = setTimeout(() => func.apply(this, args), delay);\n    };\n  }\n\n  document.addEventListener('DOMContentLoaded', function () {\n    fetch('https:\/\/api.seva.id\/refinancing\/mrp\/get-location')\n      .then(response => response.json())\n      .then(data => {\n        citiesDataRef = data.data;\n        populateCityRefList(citiesDataRef);\n      })\n      .catch(error => console.error('Error fetching data:', error));\n  });\n\n  function populateCityRefList(cities) {\n    const dropdownContainer = document.getElementById('cityRefList');\n    const arrow = document.getElementById('sectionCityRefArrow');\n    dropdownContainer.innerHTML = ''; \/\/ Clear existing list\n\n    cities.forEach((cityRef, index) => {\n      const cityRefDiv = document.createElement('div');\n      cityRefDiv.textContent = cityRef.regency + ', ' + cityRef.district + ', ' + cityRef.village;\n      cityRefDiv.style.padding = '16px';\n      cityRefDiv.style.fontFamily = `'Open Sans', sans-serif`;\n      cityRefDiv.style.fontSize = '14px';\n      cityRefDiv.style.color = '#13131B';\n      cityRefDiv.style.cursor = 'pointer';\n\n      \/\/ Hanya tambahkan border-top jika elemen bukan yang pertama\n      if (index !== 0) {\n        cityRefDiv.style.borderTop = '1px solid #EBECEE';\n      }\n\n      cityRefDiv.addEventListener('click', function () {\n        document.getElementById('textCityRef').value = cityRef.regency + ', ' + cityRef.district + ', ' + cityRef.village;\n        document.getElementById('textCityRef').setAttribute('data', cityRef.regency);\n        document.getElementById('textCityRef').style.color = '#13131B';\n        if (arrow !== null) {\n          arrow.style.transform = 'rotate(0deg)';\n        }\n        document.getElementById('dropdownCityRefContainer').style.border = '1px solid #EBECEE';\n        updateSvgRef();\n        dropdownContainer.style.display = 'none';\n\n        locationRefinancing = cityRef;\n\n      });\n\n      dropdownContainer.appendChild(cityRefDiv);\n    });\n\n    new SimpleBar(dropdownContainer); \/\/ Add scrollbar\n  }\n\n\n  function showDropdownCityRef() {\n    const dropdownContainer = document.getElementById('cityRefList');\n    const wrapperContainer = document.getElementById('dropdownCityRefContainer');\n    const arrow = document.getElementById('sectionCityRefArrow');\n    if (dropdownContainer.style.display === 'none' || dropdownContainer.style.display === '') {\n      dropdownContainer.style.display = 'block';\n      wrapperContainer.style.border = '1px solid #246ED4';\n      if (arrow !== null) {\n        arrow.style.transform = 'rotate(180deg)';\n      }\n\n      if (listCsvElements) {\n        listCsvElements.forEach(listCsv => {\n          if (listCsv.style.display === 'block') {\n            trigerCsvElements.forEach(el => {\n              if (el.classList.contains('rotated')) {\n                showDropdownValue(el);\n              }\n            });\n          }\n        });\n      }\n\n      if (listNewCarElements) {\n        listNewCarElements.forEach(listNewCar => {\n          if (listNewCar.style.display === 'block') {\n            trigerNewCarElements.forEach(el => showDropdownModel(el));\n          }\n        });\n      }\n\n    } else {\n      dropdownContainer.style.display = 'none';\n      wrapperContainer.style.border = '1px solid #EBECEE';\n      if (arrow !== null) {\n        arrow.style.transform = 'rotate(0deg)';\n      }\n    }\n  }\n\n  const updateSvgRef = () => {\n    const inputField = document.querySelector('#textCityRef')\n    const svgWrapper = document.querySelector('.iconWrapperCityRef')\n\n    if (inputField.value) {\n      svgWrapper.innerHTML = `\n                    <svg onclick=\"clearInputRef()\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                          <circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#13131B\"><\/circle>\n                          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6964 25.7882C14.1106 25.2024 14.1106 24.2527 14.6964 23.6669L23.1817 15.1816C23.7675 14.5958 24.7172 14.5958 25.303 15.1816C25.8888 15.7674 25.8888 16.7171 25.303 17.3029L16.8177 25.7882C16.232 26.374 15.2822 26.374 14.6964 25.7882Z\" fill=\"white\"><\/path>\n                          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6967 15.182C15.2825 14.5962 16.2322 14.5962 16.818 15.182L25.3033 23.6673C25.8891 24.2531 25.8891 25.2028 25.3033 25.7886C24.7175 26.3744 23.7677 26.3744 23.1819 25.7886L14.6967 17.3033C14.1109 16.7175 14.1109 15.7678 14.6967 15.182Z\" fill=\"white\"><\/path>\n                      <\/svg>\n                  `\n    } else {\n      svgWrapper.innerHTML = `\n                    <svg id=\"sectionCityRefArrow\" onclick=\"showDropdownCityRef()\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ant-collapse-arrow\" style=\"transform: rotate(0deg);\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.53083 14.5212C9.91267 14.1463 10.5318 14.1463 10.9136 14.5212L20 23.4424L29.0864 14.5212C29.4682 14.1463 30.0873 14.1463 30.4692 14.5212C30.851 14.8961 30.851 15.5039 30.4692 15.8788L20.6914 25.4788C20.3095 25.8537 19.6905 25.8537 19.3086 25.4788L9.53083 15.8788C9.14898 15.5039 9.14898 14.8961 9.53083 14.5212Z\" fill=\"#13131B\"><\/path>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.35798 14.3515C9.83529 13.8828 10.6092 13.8828 11.0865 14.3515L20 23.1029L28.9135 14.3515C29.3908 13.8828 30.1647 13.8828 30.642 14.3515C31.1193 14.8201 31.1193 15.5799 30.642 16.0485L20.8642 25.6485C20.3869 26.1172 19.6131 26.1172 19.1358 25.6485L9.35798 16.0485C8.88067 15.5799 8.88067 14.8201 9.35798 14.3515ZM10.7408 14.6909C10.4544 14.4097 9.99006 14.4097 9.70368 14.6909C9.41729 14.9721 9.41729 15.4279 9.70368 15.7091L19.4815 25.3091C19.7678 25.5903 20.2322 25.5903 20.5185 25.3091L30.2963 15.7091C30.5827 15.4279 30.5827 14.9721 30.2963 14.6909C30.0099 14.4097 29.5456 14.4097 29.2592 14.6909L20.1728 23.6121C20.127 23.6571 20.0648 23.6824 20 23.6824C19.9352 23.6824 19.873 23.6571 19.8272 23.6121L10.7408 14.6909Z\" fill=\"#13131B\"><\/path>\n                    <\/svg>\n                  `\n    }\n  }\n\n  const clearInputRef = () => {\n    const inputField = document.querySelector('#textCityRef');\n    inputField.value = '';\n    inputField.attributes.data.value = null;\n    filterCityRefList();\n    updateSvgRef();\n  }\n\n  function filterCityRefList() {\n    const input = document.getElementById('textCityRef');\n    input.style.color = '#13131B';\n    const filter = input.value.toLowerCase();\n\n    fetch('https:\/\/api.seva.id\/refinancing\/mrp\/get-location?keyword=' + filter)\n      .then(response => response.json())\n      .then(data => {\n        populateCityRefList(data.data);\n        if (data.data.length === 0) {\n          const dropdownContainer = document.getElementById('cityRefList');\n          dropdownContainer.innerHTML = '<div style=\"padding: 16px; font-family: \\'Open Sans\\', sans-serif; font-size: 14px; color: #13131B; text-align: center;\">Kota tidak ditemukan<\/div>';\n        }\n      })\n      .catch(error => {\n        console.error('Error fetching data:', error);\n      });\n    updateSvgRef();\n  }\n\n  const debouncedFilterCityRefList = debounce(filterCityRefList, 1000);\n\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00b81b3 jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"00b81b3\" 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\t\t<div class=\"elementor-shortcode\"><style>\n  .form-group {\n    margin-bottom: 20px;\n    position: relative;\n    width: 100%;\n    font-family: 'Open Sans', sans-serif;\n  }\n\n  .label-ref {\n    display: block;\n    font-weight: 400;\n    font-size: 12px;\n    color: #ffffff;\n    margin-bottom: 10px;\n  }\n\n  .select-container-ref {\n    position: relative;\n    width: 100%;\n  }\n\n  .search-input-ref {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    font-size: 14px;\n    box-sizing: border-box;\n  }\n\n  .search-input-ref:disabled {\n    background-color: #f5f5f5;\n    color: #777;\n  }\n\n  .icon-container-ref {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    cursor: pointer;\n  }\n\n  .dropdown-list-ref {\n    display: none;\n    position: absolute;\n    width: 100%;\n    max-height: 350px;\n    border-radius: 8px;\n    border: 1px solid rgb(235, 236, 238);\n    background: white;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    z-index: 100;\n    margin-top: 5px;\n  }\n\n  .dropdown-list-ref.show {\n    display: block;\n  }\n\n  .dropdown-item-ref {\n    padding: 12px 16px;\n    color: #13131B;\n    text-align: start;\n    font-family: \"Open Sans\", sans-serif;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    cursor: pointer;\n    border-bottom: 1px solid rgb(235, 236, 238);\n  }\n\n  .dropdown-item-ref:last-child {\n    border-bottom: none;\n  }\n\n  .dropdown-item-ref:hover {\n    background-color: #f5f5f5;\n  }\n\n  .search-icon-ref {\n    display: block;\n  }\n\n  .clear-icon-ref {\n    display: none;\n  }\n\n  .input-active .search-icon-ref {\n    display: none;\n  }\n\n  .input-active .clear-icon-ref {\n    display: block;\n  }\n<\/style>\n\n<!-- Brand Selection -->\n<div class=\"form-group\">\n  <div class=\"label-ref\">Merek mobil kamu<\/div>\n  <div class=\"select-container-ref\">\n    <input type=\"text\" id=\"brand-input-ref\" class=\"search-input-ref\" placeholder=\"Ketik atau pilih merek mobil\" autocomplete=\"nope\">\n    <div class=\"icon-container-ref\">\n      <svg class=\"search-icon-ref\" width=\"20\" height=\"20\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M18.25 7.5C12.3129 7.5 7.5 12.3129 7.5 18.25C7.5 24.1871 12.3129 29 18.25 29C24.1871 29 29 24.1871 29 18.25C29 12.3129 24.1871 7.5 18.25 7.5ZM5 18.25C5 10.9322 10.9322 5 18.25 5C25.5678 5 31.5 10.9322 31.5 18.25C31.5 25.5678 25.5678 31.5 18.25 31.5C10.9322 31.5 5 25.5678 5 18.25Z\"\n          fill=\"#13131B\"><\/path>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M26.6994 26.6994C27.1876 26.2113 27.9791 26.2113 28.4672 26.6994L33.8006 32.0328C34.2887 32.5209 34.2887 33.3124 33.8006 33.8006C33.3124 34.2887 32.5209 34.2887 32.0328 33.8006L26.6994 28.4672C26.2113 27.9791 26.2113 27.1876 26.6994 26.6994Z\"\n          fill=\"#13131B\"><\/path>\n      <\/svg>\n      <svg class=\"clear-icon-ref\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#13131B\"><\/circle>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6964 25.7882C14.1106 25.2024 14.1106 24.2527 14.6964 23.6669L23.1817 15.1816C23.7675 14.5958 24.7172 14.5958 25.303 15.1816C25.8888 15.7674 25.8888 16.7171 25.303 17.3029L16.8177 25.7882C16.232 26.374 15.2822 26.374 14.6964 25.7882Z\" fill=\"white\"><\/path>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6967 15.182C15.2825 14.5962 16.2322 14.5962 16.818 15.182L25.3033 23.6673C25.8891 24.2531 25.8891 25.2028 25.3033 25.7886C24.7175 26.3744 23.7677 26.3744 23.1819 25.7886L14.6967 17.3033C14.1109 16.7175 14.1109 15.7678 14.6967 15.182Z\" fill=\"white\"><\/path>\n      <\/svg>\n    <\/div>\n    <div id=\"brand-list\" class=\"dropdown-list-ref\" data-simplebar><\/div>\n  <\/div>\n<\/div>\n\n<!-- Model Selection -->\n<div class=\"form-group\">\n  <div class=\"label-ref\">Model mobil kamu<\/div>\n  <div class=\"select-container-ref\">\n    <input type=\"text\" id=\"model-input-ref\" class=\"search-input-ref\" placeholder=\"Ketik atau pilih model mobil\" autocomplete=\"nope\" disabled>\n    <div class=\"icon-container-ref\">\n      <svg class=\"search-icon-ref\" width=\"20\" height=\"20\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M18.25 7.5C12.3129 7.5 7.5 12.3129 7.5 18.25C7.5 24.1871 12.3129 29 18.25 29C24.1871 29 29 24.1871 29 18.25C29 12.3129 24.1871 7.5 18.25 7.5ZM5 18.25C5 10.9322 10.9322 5 18.25 5C25.5678 5 31.5 10.9322 31.5 18.25C31.5 25.5678 25.5678 31.5 18.25 31.5C10.9322 31.5 5 25.5678 5 18.25Z\"\n          fill=\"#13131B\"><\/path>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M26.6994 26.6994C27.1876 26.2113 27.9791 26.2113 28.4672 26.6994L33.8006 32.0328C34.2887 32.5209 34.2887 33.3124 33.8006 33.8006C33.3124 34.2887 32.5209 34.2887 32.0328 33.8006L26.6994 28.4672C26.2113 27.9791 26.2113 27.1876 26.6994 26.6994Z\"\n          fill=\"#13131B\"><\/path>\n      <\/svg>\n      <svg class=\"clear-icon-ref\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#13131B\"><\/circle>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6964 25.7882C14.1106 25.2024 14.1106 24.2527 14.6964 23.6669L23.1817 15.1816C23.7675 14.5958 24.7172 14.5958 25.303 15.1816C25.8888 15.7674 25.8888 16.7171 25.303 17.3029L16.8177 25.7882C16.232 26.374 15.2822 26.374 14.6964 25.7882Z\" fill=\"white\"><\/path>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6967 15.182C15.2825 14.5962 16.2322 14.5962 16.818 15.182L25.3033 23.6673C25.8891 24.2531 25.8891 25.2028 25.3033 25.7886C24.7175 26.3744 23.7677 26.3744 23.1819 25.7886L14.6967 17.3033C14.1109 16.7175 14.1109 15.7678 14.6967 15.182Z\" fill=\"white\"><\/path>\n      <\/svg>\n    <\/div>\n    <div id=\"model-list\" class=\"dropdown-list-ref\" data-simplebar><\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ Global variables\n  let brandsRefinancing = [];\n  let modelsRefinancing = [];\n  let selectedBrand = null;\n\n  \/\/ Initialize when page loads\n  document.addEventListener('DOMContentLoaded', function() {\n    fetchBrands();\n    \n    \/\/ Brand input event listeners\n    const brandInput = document.getElementById('brand-input-ref');\n    brandInput.addEventListener('focus', function() {\n      this.parentElement.classList.add('input-active');\n      showBrandDropdown();\n    });\n    brandInput.addEventListener('blur', function() {\n      setTimeout(() => {\n        if (!this.value) {\n          this.parentElement.classList.remove('input-active');\n        }\n      }, 200);\n    });\n    brandInput.addEventListener('input', filterBrands);\n    \n    \/\/ Model input event listeners\n    const modelInput = document.getElementById('model-input-ref');\n    modelInput.addEventListener('focus', function() {\n      this.parentElement.classList.add('input-active');\n      showModelDropdown();\n    });\n    modelInput.addEventListener('blur', function() {\n      setTimeout(() => {\n        if (!this.value) {\n          this.parentElement.classList.remove('input-active');\n        }\n      }, 200);\n    });\n    modelInput.addEventListener('input', filterModelsRef);\n    \n    \/\/ Clear button event listeners\n    document.querySelectorAll('.clear-icon-ref').forEach(icon => {\n      icon.addEventListener('click', function(e) {\n        e.stopPropagation();\n        const container = this.closest('.select-container-ref');\n        const input = container.querySelector('input');\n        input.value = '';\n        input.focus();\n        container.classList.remove('input-active');\n        \n        if (input.id === 'brand-input-ref') {\n          \/\/ Reset model selection if clearing brand\n          document.getElementById('model-input-ref').value = '';\n          document.getElementById('model-input-ref').disabled = true;\n          document.getElementById('model-input-ref').placeholder = 'Pilih merek terlebih dahulu';\n          modelsRefinancing = [];\n          document.getElementById('model-list').innerHTML = '';\n        }\n        \n        \/\/ Show dropdown with all options\n        if (input.id === 'brand-input-ref') {\n          populateBrandList('');\n        } else {\n          populateModelList('');\n        }\n      });\n    });\n    \n    \/\/ Close dropdown when clicking outside\n    document.addEventListener('click', function(e) {\n      if (!e.target.closest('.select-container-ref')) {\n        closeAllDropdowns();\n      }\n    });\n  });\n\n  \/\/ Show brand dropdown\n  function showBrandDropdown() {\n    const brandList = document.getElementById('brand-list');\n    if (brandsRefinancing.length > 0) {\n      populateBrandList('');\n      brandList.classList.add('show');\n    }\n  }\n\n  \/\/ Show model dropdown\n  function showModelDropdown() {\n    const modelList = document.getElementById('model-list');\n    if (modelsRefinancing.length > 0) {\n      populateModelList('');\n      modelList.classList.add('show');\n    }\n  }\n\n  \/\/ Close all dropdowns\n  function closeAllDropdowns() {\n    document.querySelectorAll('.dropdown-list-ref').forEach(dropdown => {\n      dropdown.classList.remove('show');\n    });\n  }\n\n  \/\/ Fetch brands from API\n  function fetchBrands() {\n    fetch('https:\/\/api.seva.id\/refinancing-car\/brand')\n      .then(response => response.json())\n      .then(data => {\n        brandsRefinancing = data.data;\n      })\n      .catch(error => {\n        console.error('Error fetching brands:', error);\n      });\n  }\n\n  \/\/ Filter brands based on input\n  function filterBrands() {\n    const searchTerm = this.value.toLowerCase();\n    this.parentElement.classList.toggle('input-active', searchTerm.length > 0);\n    populateBrandList(searchTerm);\n    document.getElementById('brand-list').classList.add('show');\n  }\n\n  \/\/ Populate brand dropdown list with filtering\n  function populateBrandList(filter = '') {\n    const brandList = document.getElementById('brand-list');\n    brandList.innerHTML = '';\n\n    const filteredBrands = brandsRefinancing.filter(brand => \n      brand.brand.toLowerCase().includes(filter)\n    );\n\n    if (filteredBrands.length === 0) {\n      brandList.innerHTML = '<div class=\"dropdown-item-ref\">Tidak ditemukan<\/div>';\n      return;\n    }\n\n    filteredBrands.forEach(brand => {\n      const item = document.createElement('div');\n      item.className = 'dropdown-item-ref';\n      item.textContent = brand.brand;\n      item.addEventListener('click', () => {\n        selectBrand(brand.brand);\n      });\n      brandList.appendChild(item);\n    });\n\n    new SimpleBar(brandList);\n  }\n\n  \/\/ Handle brand selection\n  function selectBrand(brand) {\n    selectedBrand = brand;\n    const brandInput = document.getElementById('brand-input-ref');\n    brandInput.value = brand;\n    brandInput.parentElement.classList.add('input-active');\n    \n    const modelInput = document.getElementById('model-input-ref');\n    modelInput.disabled = false;\n    modelInput.value = '';\n    modelInput.placeholder = 'Ketik atau pilih model mobil';\n    \n    \/\/ Fetch models for selected brand\n    fetchModels(brand);\n    closeAllDropdowns();\n  }\n\n  \/\/ Fetch models from API\n  function fetchModels(brand) {\n    const modelList = document.getElementById('model-list');\n    modelList.innerHTML = '<div class=\"dropdown-item-ref\">Memuat model...<\/div>';\n    modelList.classList.add('show');\n\n    fetch(`https:\/\/api.seva.id\/refinancing-car\/models\/${brand}`)\n      .then(response => response.json())\n      .then(data => {\n        modelsRefinancing = data.data;\n        populateModelList('');\n      })\n      .catch(error => {\n        console.error('Error fetching models:', error);\n        modelList.innerHTML = '<div class=\"dropdown-item-ref\">Gagal memuat model<\/div>';\n      });\n  }\n\n  \/\/ Filter models based on input\n  function filterModelsRef() {\n    const searchTerm = this.value.toLowerCase();\n    this.parentElement.classList.toggle('input-active', searchTerm.length > 0);\n    populateModelList(searchTerm);\n    document.getElementById('model-list').classList.add('show');\n  }\n\n  \/\/ Populate model dropdown list with filtering\n  function populateModelList(filter = '') {\n    const modelList = document.getElementById('model-list');\n    modelList.innerHTML = '';\n\n    const filteredModels = modelsRefinancing.filter(model => \n      model.model.toLowerCase().includes(filter)\n    );\n\n    if (filteredModels.length === 0) {\n      modelList.innerHTML = '<div class=\"dropdown-item-ref\">Tidak ditemukan<\/div>';\n      return;\n    }\n\n    filteredModels.forEach(model => {\n      const item = document.createElement('div');\n      item.className = 'dropdown-item-ref';\n      item.textContent = model.model;\n      item.addEventListener('click', () => {\n        selectModel(model.model);\n      });\n      modelList.appendChild(item);\n    });\n\n    new SimpleBar(modelList);\n  }\n\n  \/\/ Handle model selection\n  function selectModel(model) {\n    const modelInput = document.getElementById('model-input-ref');\n    modelInput.value = model;\n    modelInput.parentElement.classList.add('input-active');\n    closeAllDropdowns();\n  }\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb2a13b jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"cb2a13b\" 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\t\t<div class=\"elementor-shortcode\">\n            <label style=\"font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: 400;line-height: 16px;text-align: left;color: #FFFFFF;\">Tahun Mobil <span style='color: red;'>*<\/span><\/label><br>\n\t\t\t<div id=\"dropdownYearContainer\" style=\"height: 48px; background-color: white; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; color: #878D98; border-radius: 8px; width: 100%; margin-top: 10px; align-items: center; justify-content: center;\">\n    \t\t\t<div style=\"padding: 8px;\">\n        \t\t\t<div trigerCity class=\"custom-select\" id=\"year_refi\" style=\"cursor: pointer; height: 30px; color: #CDD0D4; display: flex; justify-content: space-between; align-items: center;\">\n            \t\t\t<input autocomplete=\"nope\" id=\"textYear\" autocomplete=\"nope\" onclick=\"showDropdownYear()\" required=\"true\" placeholder=\"Contoh: 2019\" style=\"font-family: 'Open Sans', sans-serif; height: 18px; font-size: 14px; color: #AFB3BA; border: none; outline: none; width: 100%;\" data=\"null\" oninput=\"filterYearList()\">\n            \t\t\t<div class=\"iconWrapperYear\">\n            \t\t\t\t<svg id=\"sectionYearArrow\" onclick=\"showDropdownYear()\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ant-collapse-arrow\" style=\"transform: rotate(0deg);\">\n                \t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.53083 14.5212C9.91267 14.1463 10.5318 14.1463 10.9136 14.5212L20 23.4424L29.0864 14.5212C29.4682 14.1463 30.0873 14.1463 30.4692 14.5212C30.851 14.8961 30.851 15.5039 30.4692 15.8788L20.6914 25.4788C20.3095 25.8537 19.6905 25.8537 19.3086 25.4788L9.53083 15.8788C9.14898 15.5039 9.14898 14.8961 9.53083 14.5212Z\" fill=\"#13131B\"><\/path>\n                \t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.35798 14.3515C9.83529 13.8828 10.6092 13.8828 11.0865 14.3515L20 23.1029L28.9135 14.3515C29.3908 13.8828 30.1647 13.8828 30.642 14.3515C31.1193 14.8201 31.1193 15.5799 30.642 16.0485L20.8642 25.6485C20.3869 26.1172 19.6131 26.1172 19.1358 25.6485L9.35798 16.0485C8.88067 15.5799 8.88067 14.8201 9.35798 14.3515ZM10.7408 14.6909C10.4544 14.4097 9.99006 14.4097 9.70368 14.6909C9.41729 14.9721 9.41729 15.4279 9.70368 15.7091L19.4815 25.3091C19.7678 25.5903 20.2322 25.5903 20.5185 25.3091L30.2963 15.7091C30.5827 15.4279 30.5827 14.9721 30.2963 14.6909C30.0099 14.4097 29.5456 14.4097 29.2592 14.6909L20.1728 23.6121C20.127 23.6571 20.0648 23.6824 20 23.6824C19.9352 23.6824 19.873 23.6571 19.8272 23.6121L10.7408 14.6909Z\" fill=\"#13131B\"><\/path>\n            \t\t\t\t<\/svg>\n            \t\t\t<\/div>\n        \t\t\t<\/div>\n    \t\t\t<\/div>\n\t\t\t<\/div>\n            <div data-simplebar list-year id=\"yearList\" style=\"display: none; background-color: white; z-index: 1; position: absolute; width: 100%; margin-top: 20px; max-height: 330px; border: 1px solid #EBECEE; border-radius: 8px;\"><\/div>\n            <script>\n            \tlet yearsData = [];\n\n                document.addEventListener('DOMContentLoaded', function() {\n                    fetch('https:\/\/api.seva.id\/refinancing-car\/years')\n                    \t.then(response => response.json())\n                        .then(data => {\n                \t\t\tyearsData = data.data;\n                \t\t\tpopulateYearList(yearsData);\n                        })\n                        .catch(error => console.error('Error fetching data:', error));\n                });\n                \n                function populateYearList(years) {\n                    const dropdownContainer = document.getElementById('yearList');\n                    const arrow = document.getElementById('sectionYearArrow');\n                    dropdownContainer.innerHTML = ''; \/\/ Clear existing list\n\n                    years.forEach((year, index) => {\n                        const yearDiv = document.createElement('div');\n                        yearDiv.textContent = year.year;\n                        yearDiv.style.padding = '16px';\n                        yearDiv.style.fontFamily = `'Open Sans', sans-serif`;\n                        yearDiv.style.fontSize = '14px';\n                        yearDiv.style.color = '#13131B';\n                        yearDiv.style.cursor = 'pointer';\n\n                        \/\/ Hanya tambahkan border-top jika elemen bukan yang pertama\n                        if (index !== 0) {\n                            yearDiv.style.borderTop = '1px solid #EBECEE';\n                        }\n\n                        yearDiv.addEventListener('click', function () {\n                            document.getElementById('textYear').value = year.year;\n                            document.getElementById('textYear').setAttribute('data', year.year);\n                            document.getElementById('textYear').style.color = '#13131B';\n                            if (arrow !== null) {\n                                arrow.style.transform = 'rotate(0deg)';\n                            }\n                            document.getElementById('dropdownYearContainer').style.border = '1px solid #EBECEE';\n                            updateSvgRefinancing();\n                            dropdownContainer.style.display = 'none';\n                            \n                            carYearRefinancing = year.year.toString();\n\n                        });\n\n                        dropdownContainer.appendChild(yearDiv);\n                    });\n\n                    new SimpleBar(dropdownContainer); \/\/ Add scrollbar\n                }\n\n\n                function showDropdownYear() {\n                    const dropdownContainer = document.getElementById('yearList');\n                    const wrapperContainer = document.getElementById('dropdownYearContainer');\n                    const arrow = document.getElementById('sectionYearArrow');\n                    if (dropdownContainer.style.display === 'none' || dropdownContainer.style.display === '') {\n                        dropdownContainer.style.display = 'block';\n                        wrapperContainer.style.border = '1px solid #246ED4';\n                        if(arrow !== null){\n            \t\t\t\tarrow.style.transform = 'rotate(180deg)';\n            \t\t\t}\n\n                        if (listCsvElements) {\n                            listCsvElements.forEach(listCsv => {\n                                if (listCsv.style.display === 'block') {\n                                    trigerCsvElements.forEach(el => {\n                                        if (el.classList.contains('rotated')) {\n                                            showDropdownValue(el);\n                                        }\n                                    });\n                                }\n                            });\n                        }\n\n                        if (listNewCarElements) {\n                            listNewCarElements.forEach(listNewCar => {\n                                if (listNewCar.style.display === 'block') {\n                                    trigerNewCarElements.forEach(el => showDropdownModel(el));\n                                }\n                            });\n                        }\n                        \n                    } else {\n                        dropdownContainer.style.display = 'none';\n                        wrapperContainer.style.border = '1px solid #EBECEE';\n                        if(arrow !== null){\n            \t\t\t\tarrow.style.transform = 'rotate(0deg)';\n            \t\t\t}\n                    }\n                }\n                \n                const updateSvgRefinancing = () => {\n    \t\t\t\tconst inputField = document.querySelector('#textYear');\n        \t\t\tconst svgWrapper = document.querySelector('.iconWrapperYear');\n        \n        \t\t\tif(inputField.value){\n        \t\t\t\tsvgWrapper.innerHTML = `\n            \t\t\t\t<svg onclick=\"clearInputRefinancing()\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    \t\t\t<circle cx=\"20\" cy=\"20\" r=\"16\" fill=\"#13131B\"><\/circle>\n                    \t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6964 25.7882C14.1106 25.2024 14.1106 24.2527 14.6964 23.6669L23.1817 15.1816C23.7675 14.5958 24.7172 14.5958 25.303 15.1816C25.8888 15.7674 25.8888 16.7171 25.303 17.3029L16.8177 25.7882C16.232 26.374 15.2822 26.374 14.6964 25.7882Z\" fill=\"white\"><\/path>\n                    \t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6967 15.182C15.2825 14.5962 16.2322 14.5962 16.818 15.182L25.3033 23.6673C25.8891 24.2531 25.8891 25.2028 25.3033 25.7886C24.7175 26.3744 23.7677 26.3744 23.1819 25.7886L14.6967 17.3033C14.1109 16.7175 14.1109 15.7678 14.6967 15.182Z\" fill=\"white\"><\/path>\n                \t\t\t<\/svg>\n            \t\t\t`\n        \t\t\t}else{\n        \t\t\t\tsvgWrapper.innerHTML = `\n            \t\t\t\t<svg id=\"sectionCityArrow\" onclick=\"showDropdownCity()\" width=\"24\" height=\"24\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ant-collapse-arrow\" style=\"transform: rotate(0deg);\">\n                \t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.53083 14.5212C9.91267 14.1463 10.5318 14.1463 10.9136 14.5212L20 23.4424L29.0864 14.5212C29.4682 14.1463 30.0873 14.1463 30.4692 14.5212C30.851 14.8961 30.851 15.5039 30.4692 15.8788L20.6914 25.4788C20.3095 25.8537 19.6905 25.8537 19.3086 25.4788L9.53083 15.8788C9.14898 15.5039 9.14898 14.8961 9.53083 14.5212Z\" fill=\"#13131B\"><\/path>\n                \t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.35798 14.3515C9.83529 13.8828 10.6092 13.8828 11.0865 14.3515L20 23.1029L28.9135 14.3515C29.3908 13.8828 30.1647 13.8828 30.642 14.3515C31.1193 14.8201 31.1193 15.5799 30.642 16.0485L20.8642 25.6485C20.3869 26.1172 19.6131 26.1172 19.1358 25.6485L9.35798 16.0485C8.88067 15.5799 8.88067 14.8201 9.35798 14.3515ZM10.7408 14.6909C10.4544 14.4097 9.99006 14.4097 9.70368 14.6909C9.41729 14.9721 9.41729 15.4279 9.70368 15.7091L19.4815 25.3091C19.7678 25.5903 20.2322 25.5903 20.5185 25.3091L30.2963 15.7091C30.5827 15.4279 30.5827 14.9721 30.2963 14.6909C30.0099 14.4097 29.5456 14.4097 29.2592 14.6909L20.1728 23.6121C20.127 23.6571 20.0648 23.6824 20 23.6824C19.9352 23.6824 19.873 23.6571 19.8272 23.6121L10.7408 14.6909Z\" fill=\"#13131B\"><\/path>\n            \t\t\t\t<\/svg>\n            \t\t\t`\n        \t\t\t}\n    \t\t\t}\n                \n                const clearInputRefinancing = () => {\n    \t\t\t\tconst inputField = document.querySelector('#textYear');\n        \t\t\tinputField.value = '';\n                    inputField.attributes.data.value = null;\n        \t\t\tfilterYearList();\n        \t\t\tupdateSvgRefinancing();\n    \t\t\t}\n                \n                function filterYearList() {\n        \t\t\tconst input = document.getElementById('textYear');\n        \t\t\tinput.style.color = '#13131B';\n        \t\t\tconst filter = input.value.toLowerCase();\n        \t\t\tconst filteredYears = yearsData.filter(year => year.year.toLowerCase().includes(filter));\n        \t\t\tif (filteredYears.length > 0) {\n            \t\t\tpopulateYearList(filteredYears);\n        \t\t\t} else {\n            \t\t\tconst dropdownContainer = document.getElementById('YearList');\n            \t\t\tdropdownContainer.innerHTML = '<div style=\"padding: 16px; font-family: \\'Open Sans\\', sans-serif; font-size: 14px; color: #13131B; text-align: center;\">Kota tidak ditemukan<\/div>';\n        \t\t\t}\n        \t\t\tupdateSvgRefinancing();\n    \t\t\t}\n\n            <\/script>\n        \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a3662 jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"c5a3662\" 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\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3111c3b jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"3111c3b\" 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\t\t<div class=\"elementor-shortcode\">\n<script>\n    const otpFlow = true || false;\n    const waDirect = false;\n    const waNumber = null;\n    const waMessage = null;\n<\/script>\n\n<style>\n    input:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px white inset;\n    }\n\n    .button {\n        width: 100%;\n        height: 44px;\n        font-family: 'Open Sans', sans-serif;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 24px;\n        text-align: center;\n        color: #05256E;\n        background: #ffffff;\n        border: none;\n        border-radius: 8px;\n        cursor: pointer;\n    }\n\n    .disabled {\n        background-color: #CDD0D4;\n        color: #ffffff;\n        cursor: not-allowed;\n    }\n\n    .label {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 12px;\n        font-weight: 400;\n        line-height: 18px;\n        text-align: left;\n        color: #FFFFFF;\n    }\n\n    .marketing-consent-lp {\n        display: grid;\n        grid-template-columns: 20px 1fr;\n        gap: 5px;\n        margin-bottom: 5px;\n        font-family: \"Open Sans\";\n        align-items: start;\n    }\n\n    .customer-consent-lp {\n        display: grid;\n        grid-template-columns: 20px 1fr;\n        gap: 5px;\n        margin-bottom: 20px;\n        font-family: \"Open Sans\";\n        align-items: start;\n    }\n\n    .consent-checkbox-lp {\n        display: flex;\n        justify-content: center;\n        align-items: start;\n        margin-top: 3px;\n        \/* Align checkbox to the top *\/\n    }\n\n    .consent-text-lp {\n        font-size: 12px;\n        color: #FFFFFF;\n    }\n\n    .consent-text-lp a {\n        color: #007bff;\n        \/* Link color *\/\n        text-decoration: none;\n    }\n\n    .consent-text-lp a:hover {\n        text-decoration: underline;\n    }\n\n    \/* CSS untuk spinner di tengah *\/\n    .button-loading {\n        position: relative;\n        color: transparent !important;\n        \/* Sembunyikan teks *\/\n    }\n\n    .button-loading .spinner {\n        position: absolute;\n        transform: translate(-50%, -50%);\n        width: 24px;\n        height: 24px;\n    }\n<\/style>\n\n<div class=\"marketing-consent-lp\">\n    <div class=\"consent-checkbox-lp\">\n        <input type=\"checkbox\" id=\"marketing-consent-lp\" name=\"consent\">\n    <\/div>\n    <div class=\"consent-text-lp\">\n        <label for=\"consent\">\n            Ya, Saya mau menerima informasi promo terbaru.\n        <\/label>\n    <\/div>\n<\/div>\n<div class=\"customer-consent-lp\">\n    <div class=\"consent-checkbox-lp\">\n        <input type=\"checkbox\" id=\"consent-lp\" name=\"consent\" required onclick=\"checkFields()\">\n    <\/div>\n    <div class=\"consent-text-lp\">\n        <label for=\"consent\">\n            Saya menyetujui <a href=\"https:\/\/www.seva.id\/syarat-dan-ketentuan\" target=\"_blank\">Syarat & Ketentuan<\/a>\n            serta\n            <a href=\"https:\/\/www.seva.id\/kebijakan-privasi\" target=\"_blank\">Kebijakan Privasi<\/a> yang berlaku.\n        <\/label>\n    <\/div>\n<\/div>\n\n\n<button id=\"formButton\" class=\"button disabled\" disabled onclick=\"sendDataForm()\">Kirim<\/button>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/crypto-js\/4.1.1\/crypto-js.min.js\"><\/script>\n\n<script>\n    var formName = document.getElementById('formName');\n    var formPhone = document.getElementById('formPhone');\n    var formEmail = document.getElementById('formEmail');\n    var formButton = document.getElementById('formButton');\n    let formCityDropdown = document.getElementById('cityList');\n    let formCity = document.getElementById('cityText') ? document.getElementById('cityText') : document.getElementById('textCityRef');\n    let dropdownItems = document.querySelectorAll('.dropdown-item');\n    let chcekboxItems = document.querySelectorAll('.formAdditional-checkbox');\n    let radioItems = document.querySelectorAll('.formAdditional-radio');\n    let customSelect = document.querySelectorAll('.custom-select');\n    let additionalFields = document.querySelectorAll(\n        '[id^=\"formAdditional-\"]:not([id*=\"radio\"]):not([id*=\"checkbox\"])'\n    );\n\n    let carYearRefinancing;\n    let locationRefinancing;\n\n    const categoryValue = \"refinancing\";\n\n    formName.addEventListener('input', function () {\n        formName.value = formName.value.replace(\/[^a-zA-Z.,' -]\/g, '');\n        checkFields();\n    });\n\n    formPhone.addEventListener('input', function () {\n        checkNumber(formPhone);\n        checkFields();\n    });\n\n    formCity.addEventListener('input', function () {\n        checkFields();\n    });\n\n    if (formEmail) {\n        formEmail.addEventListener('input', function () {\n            checkFields();\n        });\n    }\n\n    \/\/ cek jika ada element city dropdown\n    if (formCityDropdown !== null) {\n        formCityDropdown.addEventListener('mouseleave', function () {\n            checkFields();\n        });\n    }\n\n    if (dropdownItems) {\n        dropdownItems.forEach(function (dropdownItem) {\n            dropdownItem.addEventListener('click', function () {\n                checkFields();\n            });\n        });\n    }\n\n    if (chcekboxItems) {\n        chcekboxItems.forEach(function (chcekboxItem) {\n            chcekboxItem.addEventListener('click', function () {\n                checkFields();\n            });\n        });\n    }\n\n    if (radioItems) {\n        radioItems.forEach(function (radioItem) {\n            radioItem.addEventListener('click', function () {\n                checkFields();\n            });\n        });\n    }\n\n    if (customSelect) {\n        customSelect.forEach(function (customSelectItem) {\n            customSelectItem.addEventListener('click', function () {\n                checkFields();\n            });\n        });\n    }\n\n    if (additionalFields) {\n        additionalFields.forEach((field) => {\n            field.addEventListener('input', function () {\n                checkFields();\n            });\n        });\n    }\n\n\n    function checkNumber(input) {\n        var inputValue = input.value;\n        \/\/ Menghapus semua karakter non-digit dari input\n        input.value = inputValue.replace(\/\\D\/g, '');\n\n        \/\/ Memeriksa apakah digit pertama adalah 8\n        if (input.value.charAt(0) !== '8') {\n            \/\/ Jika tidak, hapus isi input\n            input.value = '';\n        }\n    }\n\n\n    function checkEmail(input) {\n        var emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/;\n        return emailPattern.test(input);\n    }\n\n    function checkFields() {\n        var isPhoneValid = formPhone.value.trim() !== '' && \/^\\d{9,}$\/.test(formPhone.value.trim());\n        var isNameValid = formName.value.trim() !== '';\n        let isCityValid = true;\n        var isConsentChecked = document.getElementById('consent-lp').checked; \/\/ Check if consent checkbox is checked\n        var isEmailValid = true;\n\n        \/\/ cek jika ada city dropdown\n        if (formCity !== null) {\n            isCityValid = (formCity.attributes.required.value === 'true' && formCity.attributes.data.value.trim() !== 'null') || formCity.attributes.required.value === 'false';\n        }\n\n        if (formEmail !== null) {\n            isEmailValid = (formEmail.attributes.required) ?\n                formEmail.value.trim() !== '' && checkEmail(formEmail.value) :\n                true;\n        }\n\n        var additionalElements = document.querySelectorAll('[id^=\"formAdditional-\"], .formAdditional-checkbox, .formAdditional-radio');\n        var areAdditionalFieldsValid = Array.from(additionalElements).every(function (el) {\n            \/\/ Check if the element is a checkbox container with class \"formAdditional-checkbox\"\n            if (el.classList.contains('formAdditional-checkbox')) {\n                if (el.hasAttribute('required') && el.getAttribute('required') === 'true') {\n                    var checkboxes = el.querySelectorAll('input[type=\"checkbox\"]');\n                    var isChecked = Array.from(checkboxes).some(function (checkbox) {\n                        return checkbox.checked;\n                    });\n                    if (!isChecked) {\n                        return false;\n                    }\n                }\n            }\n            \/\/ Check if the element is a radio container with class \"formAdditional-radio\"\n            if (el.classList.contains('formAdditional-radio')) {\n                if (el.hasAttribute('required') && el.getAttribute('required') === 'true') {\n                    var radios = el.querySelectorAll('input[type=\"radio\"]');\n                    var isChecked = Array.from(radios).some(function (radio) {\n                        return radio.checked;\n                    });\n                    if (!isChecked) {\n                        return false;\n                    }\n                }\n            } else {\n                \/\/ Check if the element has the required attribute\n                if (el.hasAttribute('required') && el.getAttribute('required') === 'true') {\n                    if (el.value === '') {\n                        return false;\n                    }\n                }\n            }\n            return true;\n        });\n\n        \/\/ Disable the form button if any of the fields are invalid or consent checkbox is unchecked\n        formButton.disabled = !(isNameValid && isPhoneValid && isCityValid && areAdditionalFieldsValid && isConsentChecked && isEmailValid);\n        formButton.classList.toggle('disabled', formButton.disabled);\n    }\n\n    async function sendDataForm() {\n        formButton.innerHTML = `\n    <span class=\"spinner\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"spinner\">\n        <path d=\"M9.99992 1.66665C8.35174 1.66664 6.74058 2.15539 5.37017 3.07106C3.99976 3.98674 2.93165 5.28823 2.30092 6.81095C1.67019 8.33367 1.50516 10.0092 1.82671 11.6257C2.14825 13.2422 2.94192 14.7271 4.10736 15.8925C5.2728 17.058 6.75766 17.8516 8.37416 18.1732C9.99067 18.4947 11.6662 18.3297 13.1889 17.699C14.7117 17.0682 16.0132 16.0001 16.9288 14.6297C17.8445 13.2593 18.3333 11.6482 18.3333 9.99998\" \n              stroke=\"#000000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/svg>\n    <\/span>\n  `;\n\n        formButton.classList.add('button-loading');\n        formButton.disabled = true;\n\n        \/\/ Tambahkan animasi spin\n        const style = document.createElement('style');\n        style.innerHTML = `\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n    .spinner svg {\n      animation: spin 1s linear infinite;\n    }\n  `;\n        document.head.appendChild(style);\n\n        if (formEmail && formEmail.value.trim() !== '' && !checkEmail(formEmail.value)) {\n            return;\n        } else {\n            var name = document.getElementById('formName').value;\n            var phone = document.getElementById('formPhone').value;\n            var emailField = document.getElementById('formEmail');\n            var email = emailField ? emailField.value : '';\n\n            \/\/ Mencari elemen .img-container yang memiliki kelas \"active\"\n            var activeContainer = document.querySelector('.img-container.active');\n            \/\/ Inisialisasi variabel merek (brand)\n            var brand = '';\n\n            if (activeContainer) {\n                \/\/ Jika ada elemen yang aktif, ambil data merek (brand)-nya\n                if (activeContainer) {\n                    \/\/ Ambil data merek (brand) dari elemen .img-container\n                    brand = activeContainer.querySelector('.brand-name').innerText;\n                }\n            } else {\n                var brand = document.getElementById('brand-input-ref') ? document.getElementById('brand-input-ref').value : '';\n            }\n\n\n            \/\/ Mendapatkan model yang dipilih dari dropdown\n            var textModel = document.getElementById('textModel') ? document.getElementById('textModel') : document.getElementById('model-input-ref');\n            var selectedModel = '';\n\n            if (textModel) {\n                selectedModel = textModel.value;\n            } else {\n                var usedBrand = document.getElementById('usedBrand');\n                var usedModel = document.getElementById('usedModel');\n\n                if (usedModel) {\n                    selectedModel = usedModel.value;\n                }\n\n                if (brand === \"Merek Lainnya\") {\n                    if (usedBrand) {\n                        brand = usedBrand.value;\n                    }\n                }\n            }\n\n            \/\/ Mendapatkan city yang dipilih dari dropdown\n            let selectorCity = document.getElementById('textCity');\n            let selectedCityId = null;\n            if (selectorCity !== null) {\n                selectedCityId = selectorCity.attributes.data.value;\n            }\n\n            \/\/ Objek untuk menyimpan data tambahan\n            var additionalData = {};\n\n            \/\/ Mendapatkan semua elemen dengan ID yang dimulai dengan \"formAdditional-\"\n            var additionalElements = document.querySelectorAll('[id^=\"formAdditional-\"]');\n\n            if (additionalElements) {\n                \/\/ Loop melalui setiap elemen tambahan dan simpan nilai dalam objek additionalData\n                additionalElements.forEach(function (element) {\n                    \/\/ Mendapatkan label dari ID\n                    var label = element.id.split('-')[1]; \/\/ Mengambil bagian belakang ID setelah tanda '-'\n\n                    \/\/ Menyimpan nilai dalam objek additionalData dengan menggunakan label dari ID\n                    additionalData[label] = element.value;\n                });\n            }\n\n            \/\/ Variabel untuk menyimpan nilai checkbox yang tercentang\n            var selectedCheckboxes = [];\n\n            \/\/ Mendapatkan semua elemen dengan tipe checkbox\n            var checkboxes = document.querySelectorAll('input[type=\"checkbox\"]');\n\n            \/\/ Loop melalui setiap checkbox dan cek apakah tercentang\n            let checkbox_title = '';\n            checkboxes.forEach(function (checkbox) {\n                if (checkbox.name.includes('consent')) {\n                    return;\n                }\n\n                if (checkbox.checked) {\n                    checkbox_title = checkbox.getAttribute('checkbox_title');\n                    \/\/ Mendapatkan nilai dari atribut name\n                    selectedCheckboxes.push(checkbox.name);\n                }\n            });\n\n            if (selectedCheckboxes.length > 0) {\n                selectedCheckboxes = selectedCheckboxes.filter(value => value.trim() !== \"\");\n\n                if (selectedCheckboxes.length > 0) {\n                    additionalData[checkbox_title] = selectedCheckboxes;\n                }\n            }\n\n            var selectedRadios = [];\n\n            \/\/ Mendapatkan semua elemen dengan tipe radio\n            var radios = document.querySelectorAll('input[type=\"radio\"]');\n\n            let radio_title = '';\n            radios.forEach(function (radio) {\n                if (radio.checked) {\n                    radio_title = radio.getAttribute('radio_title');\n                    \/\/ Mendapatkan nilai dari atribut name\n                    selectedRadios.push(radio.value);\n                }\n            });\n\n            if (selectedRadios.length > 0) {\n                additionalData[radio_title] = selectedRadios;\n            }\n\n            \/\/ Fungsi untuk mengambil nilai UTM parameters dari URL\n            function getUTMParameter(parameterName) {\n                var urlParams = new URLSearchParams(window.location.search);\n                return urlParams.get(parameterName) || ''; \/\/ Jika tidak ada nilai, kembalikan string kosong\n            }\n\n            \/\/ Variabel untuk menyimpan nilai-nilai UTM parameters\n            var utmCampaign = getUTMParameter('utm_campaign');\n            var utmMedium = getUTMParameter('utm_medium');\n            var utmSource = getUTMParameter('utm_source');\n            var utmContent = getUTMParameter('utm_content');\n            var utmAdset = getUTMParameter('utm_adset');\n            var utmTerm = getUTMParameter('utm_term');\n\n            \/\/ Variabel untuk menyimpan nilai pageURL dari URL saat ini\n            var pageURL = window.location.href;\n\n            \/\/ Membuat objek dengan data formulir, dan data tambahan\n            var formData = {\n                name: name,\n                phoneNumber: '+62' + phone,\n                email: email,\n                carBrand: brand,\n                ...(selectedCityId !== null && {\n                    cityId: selectedCityId\n                }),\n                carModelText: selectedModel,\n                utmCampaign: utmCampaign,\n                utmMedium: utmMedium,\n                utmSource: utmSource,\n                utmContent: utmContent,\n                adSet: utmAdset,\n                utmTerm: utmTerm,\n                promo: pageURL,\n                origination: categoryValue === 'used-car' ? 'SEVAFLPUC' :\n                    categoryValue === 'refinancing' ? 'SEVAFLPRC' :\n                        'SEVAFLPNC',\n                additionalData: additionalData,\n                isTncAccepted: true,\n                category: categoryValue,\n                promoSubscription: getMarketingConsentLp(),\n                isVerifyOtp: otpFlow\n            };\n            \n            if (categoryValue === 'refinancing') {\n                formData.carYear = carYearRefinancing;\n                formData.location = locationRefinancing;\n            }\n\n            if (otpFlow) {\n                const externalLeads = await encryptData(formData, \"next_public_lead_payload_encryption_key\");\n                sessionStorage.setItem('external-leads', JSON.stringify(externalLeads));\n\n                if (waDirect) {\n                    const wa_direct_object = {\n                        isWaDirect: true,\n                        url: 'https:\/\/wa.me\/' + waNumber + '?text=' + waMessage\n                    };\n\n                    sessionStorage.setItem('redirect-wa', JSON.stringify(wa_direct_object));\n                } else {\n                    sessionStorage.removeItem('redirect-wa');\n                }\n                window.location.href = 'https:\/\/www.dev.sevaio.xyz\/otp';\n            } else {\n                sessionStorage.setItem('thankyouPageVisited', true);\n\n                const catLeads = categoryValue === 'new-car' ? 'new' :\n                    categoryValue === 'used-car' ? 'used-car' :\n                        categoryValue === 'refinancing' ? 'refinancing' : '';\n\n                const submitApiUrl = 'https:\/\/api.seva.id\/unverifiedLeads\/' + catLeads;\n\n                const tokenGuest = await getTokenGuest();\n\n                formData.categoryCode = formData.category.replace(\/-\/g, '_');\n                delete formData.category;\n\n                const headers = {\n                    \"torq-api-key\": 'task_runner_72cead13878406ca',\n                    \"content-type\": \"text\/plain\",\n                };\n\n                if (categoryValue === 'refinancing' || categoryValue === 'used-car') {\n                    headers[\"Authorization\"] = tokenGuest;\n                }\n\n                encryptData(formData, \"next_public_lead_payload_encryption_key\")\n                    .then((payload) => {\n                        fetch(submitApiUrl, {\n                            method: 'POST',\n                            headers: headers,\n                            body: payload\n                        })\n                            .then(response => response.json())\n                            .then(data => {\n                                if (waDirect) {\n                                    window.open('https:\/\/wa.me\/' + waNumber + '?text=' + waMessage, '_blank');\n                                }\n                                setTimeout(() => {\n                                    window.location.href = 'https:\/\/www.dev.sevaio.xyz\/thank-you';\n                                }, 1000);\n                            })\n                            .catch(error => {\n                                console.error('Error:', error);\n                            });\n                    })\n                    .catch((error) => {\n                        console.error(\"Terjadi kesalahan:\", error);\n                    });\n            }\n\n        }\n\n        dataLayer.push({\n            'event': 'web_form_landing_page_submit_button_click'\n        });\n    }\n\n    let trigerCsvElements = null;\n    let trigerCityElements = null;\n    let trigerNewCarElements = null;\n\n    let listCsvElements = null;\n    let listCityElements = null;\n    let listNewCarElements = null;\n\n    let dropdownCsvElements = null;\n\n    setTimeout(() => {\n        trigerCsvElements = document.querySelectorAll('[trigerCsv]');\n        trigerCityElements = document.querySelectorAll('[trigerCity]');\n        trigerNewCarElements = document.querySelectorAll('[trigerNewCar]');\n\n        listCsvElements = document.querySelectorAll('[list-csv]');\n        listCityElements = document.querySelectorAll('[list-city]');\n        listNewCarElements = document.querySelectorAll('[list-new-cars]');\n\n\n        dropdownCsvElements = document.querySelectorAll('[dropdownCsv]');\n\n        document.addEventListener('click', (event) => {\n            \/\/ Check if the click is inside any of the dropdown-related elements\n            const isInsideDropdown = Array.from(dropdownCsvElements).some(dropdown => dropdown.contains(event.target)) ||\n                Array.from(listCsvElements).some(list => list.contains(event.target)) ||\n                Array.from(listCityElements).some(list => list.contains(event.target)) ||\n                Array.from(listNewCarElements).some(list => list.contains(event.target)) ||\n                Array.from(trigerCsvElements).some(el => el.contains(event.target)) ||\n                Array.from(trigerCityElements).some(el => el.contains(event.target)) ||\n                Array.from(trigerNewCarElements).some(el => el.contains(event.target));\n\n            if (isInsideDropdown) {\n                return;\n            } else {\n                listCsvElements.forEach(listCsv => {\n                    if (listCsv.style.display === 'block') {\n                        trigerCsvElements.forEach(el => {\n                            if (el.classList.contains('rotated')) {\n                                showDropdownValue(el);\n                            }\n                        });\n                    }\n                });\n                listCityElements.forEach(listCity => {\n                    if (listCity.style.display === 'block') {\n                        trigerCityElements.forEach(el => showDropdownCity(el));\n                    }\n                });\n                listNewCarElements.forEach(listNewCar => {\n                    if (listNewCar.style.display === 'block') {\n                        trigerNewCarElements.forEach(el => showDropdownModel(el));\n                    }\n                });\n            }\n        });\n\n        \/\/ Add click listeners to each trigerCsv element\n        trigerCsvElements.forEach((el) => {\n            el.addEventListener('click', () => {\n                showDropdownValue(el)\n            });\n        });\n    }, 2000);\n\n    function getMarketingConsentLp() {\n        var marketingConsentElements = document.getElementById(\"marketing-consent-lp\");\n        return marketingConsentElements.checked;\n    }\n\n\n    async function getTokenGuest() {\n        var name = document.getElementById('formName').value;\n        var phone = '+62' + document.getElementById('formPhone').value;\n\n        const data = {\n            fullName: name,\n            phoneNumber: phone\n        }\n\n        try {\n            const combinedDataForSignature = await decryptDataResponse() + ';' + JSON.stringify(data);\n            const headerSignatureValue = CryptoJS.AES.encrypt(\n                JSON.stringify(combinedDataForSignature),\n                await getEncryptionKeyWithKeyName('next_public_lead_payload_encryption_key')\n            ).toString();\n\n            const response = await fetch('https:\/\/api.seva.id\/auth\/token\/guest', {\n                method: 'GET',\n                headers: {\n                    'torq-api-key': 'task_runner_72cead13878406ca',\n                    'x-signature': headerSignatureValue,\n                    'Content-Type': 'application\/json'\n                },\n                \/\/ body: JSON.stringify(data)\n            });\n\n            const responseData = await response.json();\n            return responseData.token;\n        } catch (error) {\n            throw error;\n        }\n    }\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jaminkan BPKB di SEVA, Bisa Dapet Fasilitas Dana hingga Rp500 Juta!<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-Seva_Elementor_FullWidth.php","meta":{"footnotes":""},"class_list":["post-7109","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA<\/title>\n<meta name=\"description\" content=\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA\" \/>\n<meta property=\"og:description\" content=\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil\" \/>\n<meta property=\"og:site_name\" content=\"SEVA\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-26T07:06:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil\",\"url\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil\",\"name\":\"Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA\",\"isPartOf\":{\"@id\":\"https:\/\/www.seva.id\/info\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg\",\"datePublished\":\"2025-09-26T07:05:59+00:00\",\"dateModified\":\"2025-09-26T07:06:23+00:00\",\"description\":\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage\",\"url\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg\",\"contentUrl\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg\",\"width\":1600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.seva.id\/info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Form Fasilitas Dana SEVA &#8211; Gadai BPKB Mobil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.seva.id\/info\/#website\",\"url\":\"https:\/\/www.seva.id\/info\/\",\"name\":\"SEVA\",\"description\":\"Promo Jelas dari Awal Cicilan Kredit Mobil Mulai dari 0%!\",\"alternateName\":\"SEVA\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.seva.id\/info\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA","description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil","og_locale":"en_US","og_type":"article","og_title":"Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA","og_description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","og_url":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil","og_site_name":"SEVA","article_modified_time":"2025-09-26T07:06:23+00:00","og_image":[{"width":1600,"height":400,"url":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil","url":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil","name":"Form Fasilitas Dana SEVA - Gadai BPKB Mobil - SEVA","isPartOf":{"@id":"https:\/\/www.seva.id\/info\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage"},"image":{"@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage"},"thumbnailUrl":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg","datePublished":"2025-09-26T07:05:59+00:00","dateModified":"2025-09-26T07:06:23+00:00","description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","breadcrumb":{"@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#primaryimage","url":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg","contentUrl":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-07-30-at-13.40.27.jpeg","width":1600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.seva.id\/info\/form-fasilitas-dana-seva-gadai-bpkb-mobil#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seva.id\/info\/"},{"@type":"ListItem","position":2,"name":"Form Fasilitas Dana SEVA &#8211; Gadai BPKB Mobil"}]},{"@type":"WebSite","@id":"https:\/\/www.seva.id\/info\/#website","url":"https:\/\/www.seva.id\/info\/","name":"SEVA","description":"Promo Jelas dari Awal Cicilan Kredit Mobil Mulai dari 0%!","alternateName":"SEVA","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seva.id\/info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/7109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/comments?post=7109"}],"version-history":[{"count":4,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/7109\/revisions"}],"predecessor-version":[{"id":7113,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/7109\/revisions\/7113"}],"wp:attachment":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/media?parent=7109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}