Public Grievance & Outreach System
An initiative by Dr. Ashutosh Singh
document.addEventListener("DOMContentLoaded", function () {
const API_BASE = "https://public-grievance-system.onrender.com";
const areaType = document.querySelector('[name="form_fields[area_type]"]');
const cityField = document.querySelector('[name="form_fields[city_id]"]')?.closest('.elementor-field-group');
const panchayatField = document.querySelector('[name="form_fields[panchayat_id]"]')?.closest('.elementor-field-group');
const otherField = document.querySelector('[name="form_fields[panchayat_other_name]"]')?.closest('.elementor-field-group');
const citySelect = document.querySelector('[name="form_fields[city_id]"]');
const panchayatSelect = document.querySelector('[name="form_fields[panchayat_id]"]');
function hideAll() {
cityField.style.display = "none";
panchayatField.style.display = "none";
otherField.style.display = "none";
}
hideAll();
areaType.addEventListener("change", async function () {
hideAll();
if (this.value === "Town/City") {
cityField.style.display = "block";
loadCities();
}
if (this.value === "Panchayat") {
panchayatField.style.display = "block";
loadPanchayats();
}
if (this.value === "Other") {
otherField.style.display = "block";
}
});
async function loadCities() {
citySelect.innerHTML = '';
const res = await fetch(`${API_BASE}/cities`);
const data = await res.json();
citySelect.innerHTML = '';
data.forEach(c => {
citySelect.innerHTML += ``;
});
}
async function loadPanchayats() {
panchayatSelect.innerHTML = '';
const res = await fetch(`${API_BASE}/panchayats`);
const data = await res.json();
panchayatSelect.innerHTML = '';
data.forEach(p => {
panchayatSelect.innerHTML += ``;
});
}
});
