$(".web-form").off("submit").on("submit", function (e) { e.preventDefault(); e.stopPropagation(); submitRequest(); return false; }); (function () { var errBox = document.getElementById("gsl-form-error"); if (errBox) errBox.setAttribute("aria-live", "assertive"); })(); function showError(message) { var box = document.getElementById("gsl-form-error"); if (box) { box.setAttribute("aria-live", "assertive"); box.textContent = message; box.style.display = "block"; box.focus(); box.scrollIntoView({ block: "center", behavior: "smooth" }); } } function hideError() { var box = document.getElementById("gsl-form-error"); if (box) box.style.display = "none"; } var submitting = false; var wasAutoCopied = false; var selectedFiles = []; var MAX_FILES = 3, MAX_FILE_SIZE_MB = 5, MAX_TOTAL_SIZE_MB = 10; var ALLOWED = ["pdf", "jpg", "jpeg", "png", "webp"]; function fieldValue(fieldname) { var el = document.querySelector('.web-form [data-fieldname="' + fieldname + '"] input, .web-form [data-fieldname="' + fieldname + '"] textarea, .web-form [data-fieldname="' + fieldname + '"] select, [data-fieldname="' + fieldname + '"] input, [data-fieldname="' + fieldname + '"] textarea, [data-fieldname="' + fieldname + '"] select'); return el ? (el.value || "") : ""; } function updateFileList() { var countEl = document.getElementById("gsl-file-count"); var chipsEl = document.getElementById("gsl-file-chips"); var btnEl = document.getElementById("gsl-files-btn"); if (!chipsEl) return; chipsEl.innerHTML = ""; if (selectedFiles.length === 0) { if (countEl) countEl.textContent = "No files selected"; if (btnEl) { btnEl.disabled = false; btnEl.querySelector("span").textContent = "Choose / Add files"; } return; } if (countEl) countEl.textContent = selectedFiles.length + " of " + MAX_FILES + " files selected"; if (btnEl) { if (selectedFiles.length >= MAX_FILES) { btnEl.disabled = true; btnEl.querySelector("span").textContent = "File limit reached (3)"; } else { btnEl.disabled = false; btnEl.querySelector("span").textContent = "Add another file (" + (MAX_FILES - selectedFiles.length) + " remaining)"; } } selectedFiles.forEach(function (f, idx) { var chip = document.createElement("div"); chip.className = "gsl-file-chip"; var mb = (f.size / (1024 * 1024)).toFixed(2); chip.innerHTML = '' + (f.name || "File") + ' (' + mb + ' MB)' + ''; chipsEl.appendChild(chip); }); } $(document).off("click", "#gsl-files-btn").on("click", "#gsl-files-btn", function () { var fi = document.getElementById("gsl-files"); if (fi) { fi.value = ""; fi.click(); } }); $(document).off("change", "#gsl-files").on("change", "#gsl-files", function () { var fi = document.getElementById("gsl-files"); if (!fi || !fi.files || !fi.files.length) return; hideError(); for (var i = 0; i < fi.files.length; i++) { var f = fi.files[i]; if (selectedFiles.length >= MAX_FILES) { showError("You can attach up to " + MAX_FILES + " files."); break; } var ext = (f.name.split(".").pop() || "").toLowerCase(); if (ALLOWED.indexOf(ext) === -1) { showError(f.name + " is not an allowed file type. (Allowed: PDF, JPG, PNG, WebP)"); continue; } if (f.size > MAX_FILE_SIZE_MB * 1024 * 1024) { showError(f.name + " is larger than " + MAX_FILE_SIZE_MB + " MB."); continue; } var curTotal = selectedFiles.reduce(function (acc, item) { return acc + item.size; }, 0); if (curTotal + f.size > MAX_TOTAL_SIZE_MB * 1024 * 1024) { showError("The selected files total more than " + MAX_TOTAL_SIZE_MB + " MB."); break; } var isDup = selectedFiles.some(function (item) { return item.name === f.name && item.size === f.size; }); if (!isDup) selectedFiles.push(f); } updateFileList(); }); $(document).off("click", ".gsl-chip-del").on("click", ".gsl-chip-del", function () { var idx = parseInt($(this).attr("data-idx"), 10); if (!isNaN(idx) && idx >= 0 && idx < selectedFiles.length) { selectedFiles.splice(idx, 1); updateFileList(); } }); function submitRequest() { hideError(); if (submitting) return false; var entityEl = document.querySelector('input[name="gsl-entity-type"]:checked'); var entityVal = entityEl ? entityEl.value : "Private Business / Corporate"; var name = fieldValue("first_name").trim(); var organization = fieldValue("organization").trim(); var email = fieldValue("email").trim(); var phone = fieldValue("phone").trim(); var category = fieldValue("custom_request_category"); var description = fieldValue("custom_service_description").trim(); var location = fieldValue("custom_project_location").trim(); var waSame = document.getElementById("gsl-whatsapp-same"); var waInput = document.getElementById("gsl-whatsapp-input"); var urgencyEl = document.querySelector('input[name="gsl-urgency"]:checked'); var urgencyVal = urgencyEl ? urgencyEl.value : "Within 1 - 3 Months"; var scaleEl = document.getElementById("gsl-engagement-scale"); var scaleVal = scaleEl ? scaleEl.value : ""; var ndaEl = document.getElementById("gsl-nda-required"); var ndaVal = ndaEl && ndaEl.checked ? "true" : "false"; var errors = []; if (!name) errors.push("Please enter your name."); if (entityVal === "Government / Public Sector" && !organization) { errors.push("Please enter your Ministry, Department or Agency name."); } else if (entityVal === "NGO / Development Partner" && !organization) { errors.push("Please enter your organization or mission name."); } else if (entityVal === "Private Business / Corporate" && !organization) { errors.push("Please enter your company or organization name."); } if (!email) errors.push("Please enter your email address."); else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) errors.push("Please enter a valid email address."); if (!phone) errors.push("Please enter a contact number."); else if (phone.replace(/\D/g, "").length < 6) errors.push("Please enter a valid contact number."); if (!category || category === "Select an area") errors.push("Please select the option that best matches your request."); if (!description) errors.push("Please briefly describe your request."); if (errors.length) { showError(errors[0]); return false; } var fd = new FormData(); var hp = document.getElementById("gsl-company-website-url"); if (hp && hp.value) fd.append("company_website_url", hp.value); fd.append("entity_type", entityVal); fd.append("name", name); fd.append("organization", organization); fd.append("email", email); fd.append("phone", phone); fd.append("same_as_whatsapp", waSame && waSame.checked ? "true" : "false"); fd.append("whatsapp_no", waInput && !waInput.disabled ? (waInput.value || "").trim() : ""); fd.append("request_category", category); fd.append("description", description); fd.append("location", location); fd.append("urgency", urgencyVal); fd.append("engagement_scale", scaleVal); fd.append("nda_required", ndaVal); for (var i = 0; i < selectedFiles.length; i++) { fd.append("files[]", selectedFiles[i]); } submitting = true; var btn = document.querySelector(".web-form-footer .submit-btn"); if (btn) btn.disabled = true; fetch("/api/method/gricosig_core_engine.api.service_request.submit", { method: "POST", headers: { "X-Frappe-CSRF-Token": frappe.csrf_token, "Accept": "application/json" }, body: fd }).then(function (res) { return res.json().then(function (payload) { if (!res.ok) { var msg = null; if (payload && payload._server_messages) { try { var parsed = JSON.parse(payload._server_messages); if (parsed && parsed.length) { var inner = JSON.parse(parsed[0]); msg = inner && inner.message; } } catch (e1) {} } throw new Error(msg || "We could not send your request. Please try again."); } return payload; }); }).then(function (payload) { var url = (payload && payload.message && payload.message.success_url) || "/request-received"; window.location.href = url; }).catch(function (err) { submitting = false; var btn = document.querySelector(".web-form-footer .submit-btn"); if (btn) btn.disabled = false; showError(err && err.message ? err.message : "We could not send your request. Please try again."); }); return false; } function syncWhatsApp() { var waSame = document.getElementById("gsl-whatsapp-same"); var waInput = document.getElementById("gsl-whatsapp-input"); if (!waSame || !waInput) return; var phoneVal = fieldValue("phone").trim(); if (waSame.checked) { if (phoneVal) waInput.value = phoneVal; waInput.setAttribute("placeholder", phoneVal || "Same as contact number"); waInput.disabled = true; wasAutoCopied = true; } else { if (wasAutoCopied && waInput.value === phoneVal) waInput.value = ""; waInput.setAttribute("placeholder", "+256 700 000000"); waInput.disabled = false; wasAutoCopied = false; } } $(document).off("change", "#gsl-whatsapp-same").on("change", "#gsl-whatsapp-same", function () { syncWhatsApp(); }); $(document).off("input", '.web-form [data-fieldname="phone"] input, [data-fieldname="phone"] input').on("input", '.web-form [data-fieldname="phone"] input, [data-fieldname="phone"] input', function () { var waSame = document.getElementById("gsl-whatsapp-same"); if (waSame && waSame.checked) syncWhatsApp(); }); $(document).off("input", "#gsl-whatsapp-input").on("input", "#gsl-whatsapp-input", function () { wasAutoCopied = false; }); $(document).off("change", 'input[name="gsl-urgency"]').on("change", 'input[name="gsl-urgency"]', function () { $(".gsl-urgency-card").removeClass("is-selected"); $(this).closest(".gsl-urgency-card").addClass("is-selected"); }); $(document).off("click", ".gsl-cat-card").on("click", ".gsl-cat-card", function () { var cat = $(this).attr("data-cat"); $(".gsl-cat-card").removeClass("is-active").attr("aria-checked", "false"); $(this).addClass("is-active").attr("aria-checked", "true"); var sel = document.querySelector('.web-form [data-fieldname="custom_request_category"] select, [data-fieldname="custom_request_category"] select'); if (sel) { sel.value = cat; $(sel).trigger("change"); } }); $(document).off("change", '.web-form [data-fieldname="custom_request_category"] select, [data-fieldname="custom_request_category"] select').on("change", '.web-form [data-fieldname="custom_request_category"] select, [data-fieldname="custom_request_category"] select', function () { var val = $(this).val(); $(".gsl-cat-card").removeClass("is-active").attr("aria-checked", "false"); $('.gsl-cat-card[data-cat="' + val + '"]').addClass("is-active").attr("aria-checked", "true"); }); syncWhatsApp(); setTimeout(syncWhatsApp, 200); setTimeout(syncWhatsApp, 600); function renderSectionIcons() { var icons = { "01": '', "02": '', "03": '', "04": '', "05": '', "06": '' }; var sections = document.querySelectorAll(".gsl-sr-section"); Array.prototype.forEach.call(sections, function (sec) { var numEl = sec.querySelector(".gsl-sr-num"); var iconEl = sec.querySelector(".gsl-sr-icon"); if (!numEl || !iconEl) return; var num = numEl.textContent.replace(/\D/g, ""); if (icons[num]) { iconEl.innerHTML = icons[num]; iconEl.setAttribute("aria-hidden", "true"); } }); // Add footer terms/privacy links if not present var footer = document.querySelector(".web-form-footer"); if (footer && !document.getElementById("gsl-footer-legal")) { var legalEl = document.createElement("div"); legalEl.id = "gsl-footer-legal"; legalEl.className = "gsl-footer-legal"; legalEl.innerHTML = 'Protected under strict professional confidentiality. Privacy Policy • Terms'; footer.insertBefore(legalEl, footer.firstChild); } } renderSectionIcons(); setTimeout(renderSectionIcons, 200); setTimeout(renderSectionIcons, 600); function elevateTrustToHeader() { var headerHead = document.querySelector(".web-form-header .web-form-head"); var trustSidebar = document.querySelector(".gsl-trust-sidebar"); if (headerHead && trustSidebar && !headerHead.contains(trustSidebar)) { headerHead.appendChild(trustSidebar); trustSidebar.classList.add("gsl-trust-in-header"); } } elevateTrustToHeader(); setTimeout(elevateTrustToHeader, 50); setTimeout(elevateTrustToHeader, 200); setTimeout(elevateTrustToHeader, 600); function updateEntityTypeUI(val) { var orgControl = document.querySelector('.web-form [data-fieldname="organization"], [data-fieldname="organization"]'); if (!orgControl) return; var labelEl = orgControl.querySelector("label"); var inputEl = orgControl.querySelector("input"); if (!labelEl) return; if (val === "Private Individual") { labelEl.innerHTML = 'Trading As / Personal Project Reference (optional)'; if (inputEl) inputEl.setAttribute("placeholder", "e.g. Residential site, Personal consultation, or leave blank"); } else if (val === "Government / Public Sector") { labelEl.innerHTML = 'Ministry, Department or Agency Name *'; if (inputEl) inputEl.setAttribute("placeholder", "e.g. Ministry of Works, KCCA, NWSC, URA"); } else if (val === "NGO / Development Partner") { labelEl.innerHTML = 'Organization, Mission or Embassy Name *'; if (inputEl) inputEl.setAttribute("placeholder", "e.g. USAID implementing partner, UNHCR, Danish Embassy"); } else { labelEl.innerHTML = 'Company / Organisation Name *'; if (inputEl) inputEl.setAttribute("placeholder", "e.g. Acme Enterprises Ltd"); } } $(document).off("change", 'input[name="gsl-entity-type"]').on("change", 'input[name="gsl-entity-type"]', function () { $(".gsl-entity-card").removeClass("is-selected"); $(this).closest(".gsl-entity-card").addClass("is-selected"); updateEntityTypeUI(this.value); }); var checkedEntity = document.querySelector('input[name="gsl-entity-type"]:checked'); if (checkedEntity) updateEntityTypeUI(checkedEntity.value); setTimeout(function () { var cur = document.querySelector('input[name="gsl-entity-type"]:checked'); if (cur) updateEntityTypeUI(cur.value); }, 200);

GRICOSIG - Discuss a Project

Request received