{"id":2905,"date":"2025-10-15T22:18:07","date_gmt":"2025-10-15T22:18:07","guid":{"rendered":"https:\/\/istehwath.com\/?page_id=2905"},"modified":"2025-10-19T12:09:25","modified_gmt":"2025-10-19T12:09:25","slug":"start-listing","status":"publish","type":"page","link":"https:\/\/istehwath.com\/ar\/start-listing\/","title":{"rendered":"Start Listing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2905\" class=\"elementor elementor-2905\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-1ddea1b elementor-section-boxed elementor-section-height-default elementor-section-height-default rt-parallax-bg-no\" data-id=\"1ddea1b\" data-element_type=\"section\" data-e-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_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dceefe\" data-id=\"1dceefe\" data-element_type=\"column\" data-e-type=\"column\">\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-963763a elementor-widget elementor-widget-html\" data-id=\"963763a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  body, .cl-page {\r\n    font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    color: #111827;\r\n    background: #f9fafb;\r\n  }\r\n\r\n  .cl-container {\r\n    max-width: 900px;\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Progress Bar *\/\r\n  .cl-steps {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .cl-step {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    color: #9ca3af;\r\n  }\r\n\r\n  .cl-step--active { color: #0b5bd3; font-weight: 600; }\r\n  .cl-step--done { color: #16a34a; }\r\n\r\n  .cl-dot {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    border: 2px solid currentColor;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 6px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .cl-step--done .cl-dot { background: #16a34a; color: #fff; }\r\n  .cl-step--active .cl-dot { background: #0b5bd3; color: #fff; }\r\n\r\n  \/* Card *\/\r\n  .cl-card {\r\n    background: #fff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 16px;\r\n    padding: 40px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n    text-align: left;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 28px;\r\n    margin-bottom: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  p.lead {\r\n    color: #6b7280;\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Forminator alignment *\/\r\n  .forminator-custom-form {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .forminator-field label {\r\n    font-weight: 600;\r\n    color: #374151;\r\n  }\r\n\r\n  .forminator-field input, .forminator-field select, .forminator-field textarea {\r\n    border-radius: 8px !important;\r\n    border: 1px solid #d1d5db !important;\r\n    padding: 10px !important;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .forminator-button-submit {\r\n    background: #0b5bd3 !important;\r\n    border-radius: 999px !important;\r\n    padding: 14px 32px !important;\r\n    font-weight: 600 !important;\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  .forminator-button-submit:hover {\r\n    background: #0949aa !important;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cl-page\">\r\n  <div class=\"cl-container\">\r\n\r\n    <!-- Progress Bar -->\r\n    <div class=\"cl-steps\">\r\n      <div class=\"cl-step cl-step--active\"><div class=\"cl-dot\">1<\/div> Basic Info<\/div>\r\n      <div class=\"cl-step\"><div class=\"cl-dot\">2<\/div> Choose Plan<\/div>\r\n      <div class=\"cl-step\"><div class=\"cl-dot\">3<\/div> Listing Details<\/div>\r\n      <div class=\"cl-step\"><div class=\"cl-dot\">4<\/div> Payment<\/div>\r\n    <\/div>\r\n\r\n    <h2>Tell Us About Your Business<\/h2>\r\n    <p class=\"lead\">Start by selecting your category and providing a few basic details below.<\/p>\r\n\r\n    <div class=\"cl-card\">\r\n      <div class=\"forminator-ui forminator-custom-form forminator-custom-form-2935 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-2935\" data-uid=\"69e23c2a07caa\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-2935\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-2935 forminator-design--default  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"2935\"\n\t\t\t\t\n\t\t\t\tdata-design=\"default\"\n\t\t\t\tdata-color-option=\"theme\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\tdata-grid=\"open\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\n\t\t\t\tdata-uid=\"69e23c2a07caa\" action=\"\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"select-1\" class=\"forminator-field-select forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-form-2935__field--select-1_69e23c2a07caa\" id=\"forminator-form-2935__field--select-1_69e23c2a07caa-label\" class=\"forminator-label\">Parent Category<\/label><select  id=\"forminator-form-2935__field--select-1_69e23c2a07caa\" class=\"forminator-select--field forminator-select2 forminator-select2-multiple\" data-required=\"\" name=\"select-1\" data-default-value=\"\" data-hidden-behavior=\"zero\" data-placeholder=\"Select\" data-search=\"false\" data-search-placeholder=\"Select\" data-checkbox=\"false\" data-allow-clear=\"false\" aria-labelledby=\"forminator-form-2935__field--select-1_69e23c2a07caa-label\"><option value=\"\"  >Select<\/option><\/select><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"select-2\" class=\"forminator-field-select forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-form-2935__field--select-2_69e23c2a07caa\" id=\"forminator-form-2935__field--select-2_69e23c2a07caa-label\" class=\"forminator-label\">Subcategory<\/label><select  id=\"forminator-form-2935__field--select-2_69e23c2a07caa\" class=\"forminator-select--field forminator-select2 forminator-select2-multiple\" data-required=\"\" name=\"select-2\" data-default-value=\"\" data-hidden-behavior=\"zero\" data-placeholder=\"\" data-search=\"false\" data-search-placeholder=\"\" data-checkbox=\"false\" data-allow-clear=\"false\" aria-labelledby=\"forminator-form-2935__field--select-2_69e23c2a07caa-label\"><\/select><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"select-3\" class=\"forminator-field-select forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-form-2935__field--select-3_69e23c2a07caa\" id=\"forminator-form-2935__field--select-3_69e23c2a07caa-label\" class=\"forminator-label\">Grandchild Category<\/label><select  id=\"forminator-form-2935__field--select-3_69e23c2a07caa\" class=\"forminator-select--field forminator-select2 forminator-select2-multiple\" data-required=\"\" name=\"select-3\" data-default-value=\"\" data-hidden-behavior=\"zero\" data-placeholder=\"\" data-search=\"false\" data-search-placeholder=\"\" data-checkbox=\"false\" data-allow-clear=\"false\" aria-labelledby=\"forminator-form-2935__field--select-3_69e23c2a07caa-label\"><\/select><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"text-2\" class=\"forminator-field-text forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-text-2_69e23c2a07caa\" id=\"forminator-field-text-2_69e23c2a07caa-label\" class=\"forminator-label\">Headline for this listing<\/label><input type=\"text\" name=\"text-2\" value=\"\" placeholder=\"Create an attractive title for potential buyers\" id=\"forminator-field-text-2_69e23c2a07caa\" class=\"forminator-input forminator-name--field\" data-required=\"\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_69e23c2a07caa\" id=\"forminator-field-email-1_69e23c2a07caa-label\" class=\"forminator-label\">Email Address<\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"\" id=\"forminator-field-email-1_69e23c2a07caa\" class=\"forminator-input forminator-email--field\" data-required=\"\" aria-required=\"false\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_69e23c2a07caa\" id=\"forminator-field-phone-1_69e23c2a07caa-label\" class=\"forminator-label\">Phone<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_69e23c2a07caa\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" \/><\/div><\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Submit<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"bba99111e1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/2905\" \/><input type=\"hidden\" name=\"form_id\" value=\"2935\"><input type=\"hidden\" name=\"page_id\" value=\"2905\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/istehwath.com\/ar\/start-listing\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d996533 elementor-widget elementor-widget-html\" data-id=\"d996533\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const parentSelect = document.querySelector('[name=\"select-1\"]');\r\n  const childSelect = document.querySelector('[name=\"select-2\"]');\r\n  const grandchildSelect = document.querySelector('[name=\"select-3\"]');\r\n  const form = document.querySelector(\"form.forminator-custom-form\");\r\n\r\n  if (!parentSelect || !childSelect || !grandchildSelect || !form) {\r\n    console.error(\"\u274c One or more dropdowns\/form not found. Check Forminator field names (select-1, select-2, select-3).\");\r\n    return;\r\n  }\r\n\r\n  \/\/ ----------------------------\r\n  \/\/ 1\ufe0f\u20e3 Populate Categories (Parent \u2192 Sub \u2192 Grandchild)\r\n  \/\/ ----------------------------\r\n  fetch('\/wp-json\/lingeda\/v1\/categories')\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      console.log(\"\u2705 Categories loaded:\", data.length);\r\n\r\n      \/\/ Normalize data\r\n      data.forEach(cat => {\r\n        cat.id = parseInt(cat.id);\r\n        cat.parent = parseInt(cat.parent);\r\n      });\r\n\r\n      const parents = data.filter(cat => cat.parent === 0);\r\n      const children = data.filter(cat => cat.parent !== 0);\r\n\r\n      \/\/ Populate parent categories\r\n      parents.forEach(cat => {\r\n        const opt = document.createElement('option');\r\n        opt.value = cat.id;\r\n        opt.textContent = cat.name;\r\n        parentSelect.appendChild(opt);\r\n      });\r\n\r\n      \/\/ Load subcategories\r\n      function loadSubcategories(parentId) {\r\n        childSelect.innerHTML = '';\r\n        grandchildSelect.innerHTML = '';\r\n        const subs = children.filter(c => c.parent === parentId);\r\n        if (subs.length > 0) {\r\n          subs.forEach(sub => {\r\n            const opt = document.createElement('option');\r\n            opt.value = sub.id;\r\n            opt.textContent = sub.name;\r\n            childSelect.appendChild(opt);\r\n          });\r\n        } else {\r\n          const opt = document.createElement('option');\r\n          opt.textContent = 'No subcategories found';\r\n          childSelect.appendChild(opt);\r\n        }\r\n      }\r\n\r\n      \/\/ Load grandchildren\r\n      function loadGrandchildren(subId) {\r\n        grandchildSelect.innerHTML = '';\r\n        const subs = children.filter(c => c.parent === subId);\r\n        if (subs.length > 0) {\r\n          subs.forEach(sub => {\r\n            const opt = document.createElement('option');\r\n            opt.value = sub.id;\r\n            opt.textContent = sub.name;\r\n            grandchildSelect.appendChild(opt);\r\n          });\r\n        } else {\r\n          const opt = document.createElement('option');\r\n          opt.textContent = 'No sub-subcategories found';\r\n          grandchildSelect.appendChild(opt);\r\n        }\r\n      }\r\n\r\n      \/\/ Event listeners\r\n      parentSelect.addEventListener('change', () => loadSubcategories(parseInt(parentSelect.value)));\r\n      childSelect.addEventListener('change', () => loadGrandchildren(parseInt(childSelect.value)));\r\n\r\n      \/\/ Select2 compatibility\r\n      jQuery(parentSelect).on('select2:select', e => loadSubcategories(parseInt(e.params.data.id)));\r\n      jQuery(childSelect).on('select2:select', e => loadGrandchildren(parseInt(e.params.data.id)));\r\n    })\r\n    .catch(err => console.error('\u26a0\ufe0f Category fetch failed:', err));\r\n\r\n  \/\/ ----------------------------\r\n  \/\/ 2\ufe0f\u20e3 Redirect after Submit\r\n  \/\/ ----------------------------\r\n  form.addEventListener(\"submit\", function(e) {\r\n    e.preventDefault();\r\n\r\n    const getVal = (name) => {\r\n      const el = form.querySelector(`[name=\"${name}\"]`);\r\n      return el ? (el.value?.trim() || el.textContent?.trim() || \"\") : \"\";\r\n    };\r\n\r\n    \/\/ Create redirect URL\r\n    const redirectUrl = new URL(\"\/choose-plan\/\", window.location.origin);\r\n    redirectUrl.searchParams.set(\"parent\", parentSelect?.value || \"\");\r\n    redirectUrl.searchParams.set(\"sub\", childSelect?.value || \"\");\r\n    redirectUrl.searchParams.set(\"grand\", grandchildSelect?.value || \"\");\r\n    redirectUrl.searchParams.set(\"headline\", getVal(\"text-2\"));\r\n    redirectUrl.searchParams.set(\"email\", getVal(\"email-1\"));\r\n    redirectUrl.searchParams.set(\"phone\", getVal(\"phone-1\"));\r\n\r\n    \/\/ ----------------------------\r\n    \/\/ \ud83d\udfe9 Address Fields Mapping\r\n    \/\/ ----------------------------\r\n    \/\/ You renamed \"Street\" label to \"Area\" \u2014 internal name is still \"address-1-street_address\"\r\n    const area    = getVal(\"address-1-street_address\") || \"\"; \/\/ now Area\r\n    const city    = getVal(\"address-1-city\") || \"\";\r\n    const country = getVal(\"address-1-country\") || \"\";\r\n\r\n    \/\/ Build readable full address for display\r\n    const fullAddress = [area, city, country].filter(Boolean).join(\", \");\r\n    redirectUrl.searchParams.set(\"address\", fullAddress);\r\n\r\n    \/\/ Backend mapping for Classima\r\n    redirectUrl.searchParams.set(\"address_area\", area);\r\n    redirectUrl.searchParams.set(\"address_city\", city);\r\n    redirectUrl.searchParams.set(\"address_country\", country);\r\n\r\n    console.log(\"\u27a1\ufe0f Redirecting to:\", redirectUrl.toString());\r\n    window.location.href = redirectUrl.toString();\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-510b54b elementor-widget elementor-widget-html\" data-id=\"510b54b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", async () => {\r\n  \/\/ Target Forminator address fields\r\n  const cityInput = document.querySelector('[name=\"address-1-city\"]');\r\n  const areaInput = document.querySelector('[name=\"address-1-street_address\"]');\r\n  if (!cityInput || !areaInput) return console.warn(\"City\/Area inputs not found\");\r\n\r\n  \/\/ Simple dropdown builder\r\n  function makeDropdown(input, list) {\r\n    const wrapper = document.createElement(\"div\");\r\n    wrapper.className = \"autocomplete-dropdown\";\r\n    Object.assign(wrapper.style, {\r\n      position: \"absolute\",\r\n      background: \"#fff\",\r\n      border: \"1px solid #ddd\",\r\n      width: input.offsetWidth + \"px\",\r\n      zIndex: \"9999\",\r\n      maxHeight: \"200px\",\r\n      overflowY: \"auto\"\r\n    });\r\n    list.forEach(item => {\r\n      const el = document.createElement(\"div\");\r\n      el.textContent = item.name;\r\n      el.style.padding = \"6px 10px\";\r\n      el.style.cursor = \"pointer\";\r\n      el.addEventListener(\"click\", () => {\r\n        input.value = item.name;\r\n        wrapper.remove();\r\n      });\r\n      wrapper.appendChild(el);\r\n    });\r\n    input.parentNode.appendChild(wrapper);\r\n  }\r\n\r\n  async function searchLocations(term) {\r\n    const res = await fetch(`\/wp-json\/wp\/v2\/rtcl_location?search=${encodeURIComponent(term)}`);\r\n    if (!res.ok) return [];\r\n    return await res.json();\r\n  }\r\n\r\n  \/\/ Attach autocomplete to City + Area\r\n  [cityInput, areaInput].forEach(input => {\r\n    input.addEventListener(\"input\", async () => {\r\n      const term = input.value.trim();\r\n      const existing = document.querySelector(\".autocomplete-dropdown\");\r\n      if (existing) existing.remove();\r\n      if (term.length < 2) return;\r\n      const results = await searchLocations(term);\r\n      if (results.length > 0) makeDropdown(input, results);\r\n    });\r\n\r\n    \/\/ Close dropdown on click elsewhere\r\n    document.addEventListener(\"click\", e => {\r\n      if (!input.contains(e.target)) {\r\n        const dd = document.querySelector(\".autocomplete-dropdown\");\r\n        if (dd) dd.remove();\r\n      }\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n.autocomplete-dropdown div:hover {\r\n  background: #f5f5f5;\r\n}\r\n<\/style>\r\n\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<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-67c1158 elementor-section-boxed elementor-section-height-default elementor-section-height-default rt-parallax-bg-no\" data-id=\"67c1158\" data-element_type=\"section\" data-e-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_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1f83f3\" data-id=\"b1f83f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>1 Basic Info 2 Choose Plan 3 Listing Details 4 Payment Tell Us About Your Business Start by selecting your category and providing a few basic details below.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-2905","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/pages\/2905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/comments?post=2905"}],"version-history":[{"count":133,"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/pages\/2905\/revisions"}],"predecessor-version":[{"id":3149,"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/pages\/2905\/revisions\/3149"}],"wp:attachment":[{"href":"https:\/\/istehwath.com\/ar\/wp-json\/wp\/v2\/media?parent=2905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}