{"id":490,"date":"2026-03-31T13:09:18","date_gmt":"2026-03-31T13:09:18","guid":{"rendered":"https:\/\/barisamaj.in\/?page_id=490"},"modified":"2026-03-31T13:09:20","modified_gmt":"2026-03-31T13:09:20","slug":"form","status":"publish","type":"page","link":"https:\/\/barisamaj.in\/?page_id=490","title":{"rendered":"Form"},"content":{"rendered":"    \n    <!-- Tailwind CSS & FontAwesome -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    \n    <!-- FIREBASE -->\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-app-compat.js\"><\/script>\n    <script src=\"https:\/\/www.gstatic.com\/firebasejs\/10.8.0\/firebase-database-compat.js\"><\/script>\n\n    <style>\n        .bari-portal-wrapper { --primary: #15803d; --secondary: #db2777; }\n        .bari-portal-wrapper .text-primary { color: var(--primary); }\n        .bari-portal-wrapper .bg-primary { background-color: var(--primary); }\n        .bari-portal-wrapper .view-section { display: none; animation: fadeIn 0.4s ease-in-out; }\n        .bari-portal-wrapper .view-section.active { display: block; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n        .bari-portal-wrapper .nav-link.active-nav { font-weight: bold; border-bottom: 3px solid var(--primary); color: var(--primary); }\n        .bari-portal-wrapper .nav-link.active-matrimony { font-weight: bold; border-bottom: 3px solid var(--secondary); color: var(--secondary); }\n    <\/style>\n\n    <div class=\"bari-portal-wrapper bg-gray-50 font-sans leading-normal tracking-normal text-left\">\n        <datalist id=\"gotraList\">\n            <option value=\"Bari\"><option value=\"Pandit\"><option value=\"Rawat\"><option value=\"Chauhan\">\n        <\/datalist>\n\n        <!-- Navigation -->\n        <nav class=\"bg-white shadow-md z-40 relative\">\n            <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n                <h1 class=\"text-2xl font-bold text-primary cursor-pointer m-0\" onclick=\"switchTab('home')\">\n                    <i class=\"fas fa-om text-orange-500\"><\/i> Barisamaj.in\n                <\/h1>\n                <div class=\"space-x-4 hidden lg:flex items-center text-sm font-medium text-gray-600\">\n                    <button type=\"button\" onclick=\"switchTab('home')\" class=\"nav-link active-nav pb-2\">Home<\/button>\n                    <button type=\"button\" onclick=\"switchTab('regGeneral')\" class=\"nav-link pb-2\">Member Reg.<\/button>\n                    <button type=\"button\" onclick=\"switchTab('regMatrimony')\" class=\"nav-link pb-2 hover:text-pink-600\">Matrimony Reg.<\/button>\n                    <button type=\"button\" onclick=\"switchTab('directory')\" class=\"nav-link pb-2\">Directory<\/button>\n                    <button type=\"button\" onclick=\"switchTab('matrimonial')\" class=\"nav-link pb-2 hover:text-pink-600\">Matches <i class=\"fas fa-heart text-pink-500\"><\/i><\/button>\n                <\/div>\n                <button type=\"button\" id=\"mobileMenuBtn\" class=\"lg:hidden text-gray-600\"><i class=\"fas fa-bars text-2xl\"><\/i><\/button>\n            <\/div>\n            <div id=\"mobileMenu\" class=\"hidden lg:hidden flex-col space-y-3 px-4 pb-4 bg-white shadow border-t pt-4\">\n                <button type=\"button\" onclick=\"switchTab('home')\" class=\"text-left w-full\">Home<\/button>\n                <button type=\"button\" onclick=\"switchTab('regGeneral')\" class=\"text-left w-full\">Member Reg.<\/button>\n                <button type=\"button\" onclick=\"switchTab('regMatrimony')\" class=\"text-left w-full text-pink-600\">Matrimony Reg.<\/button>\n                <button type=\"button\" onclick=\"switchTab('directory')\" class=\"text-left w-full\">Directory<\/button>\n                <button type=\"button\" onclick=\"switchTab('matrimonial')\" class=\"text-left w-full text-pink-600\">Matches<\/button>\n            <\/div>\n        <\/nav>\n\n        <div class=\"flex-grow py-4\">\n            <!-- 1. HOME -->\n            <div id=\"home\" class=\"view-section active\">\n                <div class=\"bg-primary text-white py-12 px-4 text-center rounded-lg shadow-lg mx-2\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">Official Database of Bari Samaj<\/h2>\n                    <p class=\"text-lg opacity-90 max-w-2xl mx-auto mb-8\">Uniting our community globally.<\/p>\n                    <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                        <button type=\"button\" onclick=\"switchTab('regGeneral')\" class=\"bg-white text-primary font-bold py-3 px-8 rounded-full\">Join Directory<\/button>\n                        <button type=\"button\" onclick=\"switchTab('regMatrimony')\" class=\"bg-pink-600 text-white font-bold py-3 px-8 rounded-full\">Register Matrimony<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2. GENERAL REGISTRATION -->\n            <div id=\"regGeneral\" class=\"view-section px-2\">\n                <div class=\"bg-white p-6 rounded-xl shadow-lg border-t-4 border-primary max-w-4xl mx-auto\">\n                    <h2 class=\"text-2xl font-bold mb-6\" id=\"g_form_title\"><i class=\"fas fa-user-plus text-primary\"><\/i> General Registration<\/h2>\n                    <form id=\"generalForm\" class=\"space-y-6\" onsubmit=\"handleGeneralSubmit(event)\">\n                        <div class=\"grid md:grid-cols-2 gap-4\">\n                            <div><label class=\"block text-sm font-medium mb-1\">Profile Photo<\/label><input type=\"file\" id=\"g_photo\" accept=\"image\/*\" class=\"w-full p-2 border rounded text-sm\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">Full Name (Head of Family) *<\/label><input type=\"text\" id=\"g_name\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">Father's Name *<\/label><input type=\"text\" id=\"g_fname\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">Gotra *<\/label><input list=\"gotraList\" id=\"g_gotra\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">Profession \/ Occupation *<\/label><input type=\"text\" id=\"g_profession\" placeholder=\"e.g. Business, Teacher\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">Mobile Number *<\/label><input type=\"tel\" id=\"g_phone\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-sm font-medium mb-1\">City & State *<\/label><input type=\"text\" id=\"g_city\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div class=\"md:col-span-2\"><label class=\"block text-sm font-medium mb-1\">Full Address *<\/label><textarea id=\"g_address\" rows=\"2\" required class=\"w-full p-2 border rounded\"><\/textarea><\/div>\n                        <\/div>\n\n                        <!-- FAMILY MEMBERS SECTION -->\n                        <div class=\"border-t pt-4 mt-4\">\n                            <h3 class=\"text-lg font-bold text-primary mb-3\">Family Members <span class=\"text-sm font-normal text-gray-500\">(Optional)<\/span><\/h3>\n                            <div id=\"familyContainer\" class=\"space-y-3\"><\/div>\n                            <button type=\"button\" onclick=\"addFamilyMember()\" class=\"mt-3 bg-green-100 text-green-700 font-semibold px-4 py-2 rounded text-sm border border-green-300 hover:bg-green-200\">+ Add Family Member<\/button>\n                        <\/div>\n\n                        <button type=\"submit\" id=\"g_btn\" class=\"w-full bg-primary text-white font-bold py-3 rounded-lg shadow-md mt-6\">Save Data<\/button>\n                        <button type=\"button\" id=\"g_cancel_btn\" onclick=\"cancelEdit('general')\" class=\"hidden w-full bg-gray-300 text-gray-800 font-bold py-2 rounded-lg mt-2\">Cancel Edit<\/button>\n                    <\/form>\n                    <div id=\"g_success\" class=\"hidden text-center py-6 text-green-600 font-bold text-xl\">Data Saved Successfully!<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 3. MATRIMONIAL REGISTRATION -->\n            <div id=\"regMatrimony\" class=\"view-section px-2\">\n                <div class=\"bg-white p-6 rounded-xl shadow-lg border-t-4 border-pink-500 max-w-5xl mx-auto\">\n                    <h2 class=\"text-2xl font-bold mb-6\" id=\"m_form_title\"><i class=\"fas fa-rings text-pink-500\"><\/i> Matrimonial Registration<\/h2>\n                    <form id=\"matrimonyForm\" class=\"space-y-6\" onsubmit=\"handleMatrimonySubmit(event)\">\n                        <div class=\"grid md:grid-cols-3 gap-4\">\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Upload Photo<\/label><input type=\"file\" id=\"m_photo\" accept=\"image\/*\" class=\"w-full p-1.5 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Full Name *<\/label><input type=\"text\" id=\"m_name\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Gender *<\/label><select id=\"m_gender\" required class=\"w-full p-2 border rounded\"><option>Male<\/option><option>Female<\/option><\/select><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Date of Birth *<\/label><input type=\"date\" id=\"m_dob\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Gotra *<\/label><input list=\"gotraList\" id=\"m_gotra\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">City & State *<\/label><input type=\"text\" id=\"m_city\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Education *<\/label><input type=\"text\" id=\"m_edu\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Job\/Profession *<\/label><input type=\"text\" id=\"m_job\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div><label class=\"block text-xs font-bold text-gray-600\">Phone Number *<\/label><input type=\"tel\" id=\"m_phone\" required class=\"w-full p-2 border rounded\"><\/div>\n                            <div class=\"md:col-span-3\"><label class=\"block text-xs font-bold text-gray-600\">Full Address *<\/label><textarea id=\"m_address\" rows=\"2\" required class=\"w-full p-2 border rounded\"><\/textarea><\/div>\n                        <\/div>\n                        <button type=\"submit\" id=\"m_btn\" class=\"w-full bg-pink-600 text-white font-bold py-3 rounded-lg shadow-md\">Create Matrimony Profile<\/button>\n                        <button type=\"button\" id=\"m_cancel_btn\" onclick=\"cancelEdit('matrimony')\" class=\"hidden w-full bg-gray-300 text-gray-800 font-bold py-2 rounded-lg mt-2\">Cancel Edit<\/button>\n                    <\/form>\n                    <div id=\"m_success\" class=\"hidden text-center py-6 text-pink-600 font-bold text-xl\">Profile Saved Successfully!<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4. DIRECTORY VIEW -->\n            <div id=\"directory\" class=\"view-section px-2\">\n                <h2 class=\"text-3xl font-bold text-center mb-6\">Community Directory<\/h2>\n                <div id=\"directoryContainer\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-6xl mx-auto\">\n                    <p class=\"text-center col-span-full text-gray-500\" id=\"dirLoader\">Connecting to Server...<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 5. MATRIMONIAL VIEW -->\n            <div id=\"matrimonial\" class=\"view-section px-2\">\n                <h2 class=\"text-3xl font-bold text-center text-pink-600 mb-6\"><i class=\"fas fa-heart\"><\/i> Find Matches<\/h2>\n                <div id=\"matrimonialContainer\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto\">\n                    <p class=\"text-center col-span-full text-gray-500\" id=\"matLoader\">Connecting to Server...<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN LOGIC & FIREBASE -->\n    <script>\n        \/\/ =========================================================\n        \/\/ \u26a0\ufe0f YAHA APNA SAHI FIREBASE DATABASE URL ZAROOR PASTE KAREIN\n        \/\/ =========================================================\n        const firebaseConfig = {\n            apiKey: \"AIzaSyCq9iMFtYGZ7d1-1m6GjMUQ_DQGBcub-RI\",\n            authDomain: \"barisamaj-fb478.firebaseapp.com\",\n            databaseURL: \"https:\/\/barisamaj-fb478-default-rtdb.asia-southeast1.firebasedatabase.app\/\", \/\/ <-- API SE CHECK KAREIN\n            projectId: \"barisamaj-fb478\",\n            storageBucket: \"barisamaj-fb478.firebasestorage.app\",\n            messagingSenderId: \"939136200649\",\n            appId: \"1:939136200649:web:fd62496139b8d6af4b8218\"\n        };\n\n        let database;\n        try {\n            if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }\n            database = firebase.database();\n        } catch (error) { \n            document.getElementById('dirLoader').innerHTML = `<p class=\"text-red-500\">Setup Error: ${error.message}<\/p>`;\n        }\n\n        let membersData = [];\n        let editModeId = null; \n        let editModeType = null;\n        let existingPhotoUrl = \"\";\n\n        \/\/ Fetch Data\n        if(database) {\n            database.ref('samaj_members').on('value', (snapshot) => {\n                const data = snapshot.val();\n                membersData = [];\n                if (data) { \n                    for (let id in data) { \n                        \/\/ ID save karna zaruri hai Edit\/Delete ke liye\n                        membersData.push({ id: id, ...data[id] }); \n                    } \n                }\n                renderDirectory();\n                renderMatrimonial();\n            }, (error) => {\n                const errHtml = `<p class=\"text-red-500 col-span-full text-center\">Database Error: ${error.message}. Check Rules.<\/p>`;\n                document.getElementById('directoryContainer').innerHTML = errHtml;\n                document.getElementById('matrimonialContainer').innerHTML = errHtml;\n            });\n        }\n\n        \/\/ Tab Switching\n        function switchTab(tabId) {\n            document.querySelectorAll('.view-section').forEach(sec => sec.classList.remove('active'));\n            document.getElementById(tabId).classList.add('active');\n        }\n\n        document.getElementById('mobileMenuBtn').addEventListener('click', () => {\n            document.getElementById('mobileMenu').classList.toggle('hidden');\n        });\n\n        \/\/ Family Member Logic\n        function addFamilyMember(name='', relation='', age='') {\n            const container = document.getElementById('familyContainer');\n            const row = document.createElement('div');\n            row.className = \"flex gap-2 items-center bg-gray-50 p-2 rounded border border-gray-200\";\n            row.innerHTML = `\n                <input type=\"text\" placeholder=\"Name\" value=\"${name}\" class=\"fam-name w-1\/3 p-1.5 border rounded text-sm outline-none\">\n                <input type=\"text\" placeholder=\"Relation\" value=\"${relation}\" class=\"fam-rel w-1\/3 p-1.5 border rounded text-sm outline-none\">\n                <input type=\"number\" placeholder=\"Age\" value=\"${age}\" class=\"fam-age w-1\/4 p-1.5 border rounded text-sm outline-none\">\n                <button type=\"button\" onclick=\"this.parentElement.remove()\" class=\"text-red-500 p-1 hover:bg-red-100 rounded\"><i class=\"fas fa-trash\"><\/i><\/button>\n            `;\n            container.appendChild(row);\n        }\n\n        function getFamilyData() {\n            const family = [];\n            const rows = document.querySelectorAll('#familyContainer > div');\n            rows.forEach(row => {\n                const name = row.querySelector('.fam-name').value;\n                const rel = row.querySelector('.fam-rel').value;\n                const age = row.querySelector('.fam-age').value;\n                if(name && rel) family.push({ name, relation: rel, age });\n            });\n            return family;\n        }\n\n        \/\/ FAST IMAGE COMPRESSOR\n        function compressImageFast(file) {\n            return new Promise((resolve) => {\n                if(!file) { resolve(\"\"); return; } \n                const reader = new FileReader();\n                reader.readAsDataURL(file);\n                reader.onload = (event) => {\n                    const img = new Image();\n                    img.src = event.target.result;\n                    img.onload = () => {\n                        const canvas = document.createElement('canvas');\n                        const MAX_WIDTH = 250; \n                        const scaleSize = MAX_WIDTH \/ img.width;\n                        canvas.width = MAX_WIDTH; \n                        canvas.height = img.height * scaleSize;\n                        canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height);\n                        resolve(canvas.toDataURL('image\/jpeg', 0.5)); \n                    };\n                    img.onerror = () => resolve(\"\"); \n                };\n                reader.onerror = () => resolve(\"\"); \n            });\n        }\n\n        \/\/ --- SUBMIT: GENERAL ---\n        async function handleGeneralSubmit(e) {\n            e.preventDefault();\n            const btn = document.getElementById('g_btn'); \n            btn.innerHTML = \"<i class='fas fa-spinner fa-spin'><\/i> Saving Data...\"; \n            btn.disabled = true;\n            \n            try {\n                const photoFile = document.getElementById('g_photo').files[0];\n                let finalPhoto = photoFile ? await compressImageFast(photoFile) : existingPhotoUrl;\n\n                const payload = {\n                    type: 'general', photo: finalPhoto,\n                    name: document.getElementById('g_name').value, fname: document.getElementById('g_fname').value,\n                    gotra: document.getElementById('g_gotra').value, profession: document.getElementById('g_profession').value,\n                    phone: document.getElementById('g_phone').value, city: document.getElementById('g_city').value,\n                    address: document.getElementById('g_address').value, family: getFamilyData(),\n                    timestamp: editModeId ? Date.now() : Date.now() \/\/ Keep sorting logic\n                };\n\n                if(editModeId && editModeType === 'general') {\n                    await database.ref('samaj_members\/' + editModeId).update(payload);\n                } else {\n                    await database.ref('samaj_members').push(payload);\n                }\n                \n                document.getElementById('generalForm').classList.add('hidden');\n                document.getElementById('g_success').classList.remove('hidden');\n                \n                setTimeout(() => { \n                    cancelEdit('general'); \/\/ resets form and UI\n                    document.getElementById('generalForm').classList.remove('hidden'); \n                    document.getElementById('g_success').classList.add('hidden'); \n                }, 2000); \n                \n            } catch (error) { \n                alert(\"Error: \" + error.message); \n                btn.innerHTML = editModeId ? \"Update Data\" : \"Save Data\"; \n                btn.disabled = false; \n            }\n        }\n\n        \/\/ --- SUBMIT: MATRIMONY ---\n        async function handleMatrimonySubmit(e) {\n            e.preventDefault();\n            const btn = document.getElementById('m_btn'); \n            btn.innerHTML = \"<i class='fas fa-spinner fa-spin'><\/i> Uploading Profile...\"; \n            btn.disabled = true;\n            \n            try {\n                const photoFile = document.getElementById('m_photo').files[0];\n                let finalPhoto = photoFile ? await compressImageFast(photoFile) : existingPhotoUrl;\n\n                const payload = {\n                    type: 'matrimony', photo: finalPhoto,\n                    name: document.getElementById('m_name').value, gender: document.getElementById('m_gender').value,\n                    dob: document.getElementById('m_dob').value, gotra: document.getElementById('m_gotra').value,\n                    city: document.getElementById('m_city').value, address: document.getElementById('m_address').value,\n                    edu: document.getElementById('m_edu').value, job: document.getElementById('m_job').value, \n                    phone: document.getElementById('m_phone').value, timestamp: Date.now()\n                };\n\n                if(editModeId && editModeType === 'matrimony') {\n                    await database.ref('samaj_members\/' + editModeId).update(payload);\n                } else {\n                    await database.ref('samaj_members').push(payload);\n                }\n                \n                document.getElementById('matrimonyForm').classList.add('hidden');\n                document.getElementById('m_success').classList.remove('hidden');\n                \n                setTimeout(() => { \n                    cancelEdit('matrimony');\n                    document.getElementById('matrimonyForm').classList.remove('hidden'); \n                    document.getElementById('m_success').classList.add('hidden'); \n                }, 2000); \n                \n            } catch (error) { \n                alert(\"Error: \" + error.message); \n                btn.innerHTML = editModeId ? \"Update Profile\" : \"Create Matrimony Profile\"; \n                btn.disabled = false; \n            }\n        }\n\n        \/\/ --- EDIT & DELETE LOGIC (Security Check Included) ---\n        function verifyPhone(id, action) {\n            const member = membersData.find(m => m.id === id);\n            if(!member) return false;\n            const inputPhone = prompt(`Security Check: \\nPlease enter the registered Mobile Number (${member.phone.substring(0,2)}********) to ${action} this profile:`);\n            if(inputPhone === member.phone) { return member; } \n            else if(inputPhone !== null) { alert(\"Wrong Mobile Number! Permission Denied.\"); }\n            return false;\n        }\n\n        function deleteMember(id) {\n            if(verifyPhone(id, \"DELETE\")) {\n                if(confirm(\"Are you sure you want to permanently delete this profile?\")) {\n                    database.ref('samaj_members\/' + id).remove()\n                    .then(() => alert(\"Profile Deleted Successfully!\"))\n                    .catch(err => alert(\"Error: \" + err.message));\n                }\n            }\n        }\n\n        function editMember(id, type) {\n            const member = verifyPhone(id, \"EDIT\");\n            if(!member) return;\n\n            editModeId = id;\n            editModeType = type;\n            existingPhotoUrl = member.photo || \"\";\n\n            if(type === 'general') {\n                switchTab('regGeneral');\n                document.getElementById('g_form_title').innerHTML = `<i class=\"fas fa-edit text-primary\"><\/i> Edit General Profile`;\n                document.getElementById('g_name').value = member.name || \"\";\n                document.getElementById('g_fname').value = member.fname || \"\";\n                document.getElementById('g_gotra').value = member.gotra || \"\";\n                document.getElementById('g_profession').value = member.profession || \"\";\n                document.getElementById('g_city').value = member.city || \"\";\n                document.getElementById('g_address').value = member.address || \"\";\n                document.getElementById('g_phone').value = member.phone || \"\";\n                \n                document.getElementById('familyContainer').innerHTML = \"\";\n                if(member.family) { member.family.forEach(f => addFamilyMember(f.name, f.relation, f.age)); }\n                \n                document.getElementById('g_btn').innerHTML = \"Update Data\";\n                document.getElementById('g_cancel_btn').classList.remove('hidden');\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n\n            } else if (type === 'matrimony') {\n                switchTab('regMatrimony');\n                document.getElementById('m_form_title').innerHTML = `<i class=\"fas fa-edit text-pink-500\"><\/i> Edit Matrimony Profile`;\n                document.getElementById('m_name').value = member.name || \"\";\n                document.getElementById('m_gender').value = member.gender || \"\";\n                document.getElementById('m_dob').value = member.dob || \"\";\n                document.getElementById('m_gotra').value = member.gotra || \"\";\n                document.getElementById('m_city').value = member.city || \"\";\n                document.getElementById('m_address').value = member.address || \"\";\n                document.getElementById('m_edu').value = member.edu || \"\";\n                document.getElementById('m_job').value = member.job || \"\";\n                document.getElementById('m_phone').value = member.phone || \"\";\n                \n                document.getElementById('m_btn').innerHTML = \"Update Profile\";\n                document.getElementById('m_cancel_btn').classList.remove('hidden');\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n        }\n\n        function cancelEdit(type) {\n            editModeId = null;\n            editModeType = null;\n            existingPhotoUrl = \"\";\n            \n            if(type === 'general') {\n                document.getElementById('generalForm').reset();\n                document.getElementById('familyContainer').innerHTML = \"\";\n                document.getElementById('g_form_title').innerHTML = `<i class=\"fas fa-user-plus text-primary\"><\/i> General Registration`;\n                document.getElementById('g_btn').innerHTML = \"Save Data\";\n                document.getElementById('g_btn').disabled = false;\n                document.getElementById('g_cancel_btn').classList.add('hidden');\n            } else {\n                document.getElementById('matrimonyForm').reset();\n                document.getElementById('m_form_title').innerHTML = `<i class=\"fas fa-rings text-pink-500\"><\/i> Matrimonial Registration`;\n                document.getElementById('m_btn').innerHTML = \"Create Matrimony Profile\";\n                document.getElementById('m_btn').disabled = false;\n                document.getElementById('m_cancel_btn').classList.add('hidden');\n            }\n        }\n\n        \/\/ --- RENDER DIRECTORY ---\n        function renderDirectory() {\n            const container = document.getElementById('directoryContainer');\n            let data = membersData.filter(m => m.type === 'general').sort((a,b) => b.timestamp - a.timestamp);\n            if(data.length === 0) { container.innerHTML = `<p class=\"col-span-full text-center p-6 bg-white rounded-lg shadow-sm text-gray-500 border border-gray-100\">Abhi tak koi General Member nahi juda hai.<\/p>`; return; }\n            \n            container.innerHTML = data.map(m => {\n                let famHtml = '';\n                if(m.family && m.family.length > 0) {\n                    famHtml = `<div class=\"mt-3 pt-3 border-t border-gray-100 text-sm\">\n                        <strong><i class=\"fas fa-users text-gray-400\"><\/i> Family Members:<\/strong>\n                        <ul class=\"list-disc pl-5 mt-1 text-gray-600\">\n                            ${m.family.map(f => `<li>${f.name} (${f.relation}, ${f.age}Y)<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>`;\n                }\n\n                return `\n                <div class=\"bg-white rounded-xl shadow border-t-4 border-primary p-5 relative group\">\n                    <div class=\"absolute top-3 right-3 flex gap-2\">\n                        <button onclick=\"editMember('${m.id}', 'general')\" class=\"text-blue-500 bg-blue-50 p-1.5 rounded hover:bg-blue-100\" title=\"Edit\"><i class=\"fas fa-edit\"><\/i><\/button>\n                        <button onclick=\"deleteMember('${m.id}')\" class=\"text-red-500 bg-red-50 p-1.5 rounded hover:bg-red-100\" title=\"Delete\"><i class=\"fas fa-trash\"><\/i><\/button>\n                    <\/div>\n                    <div class=\"flex items-start space-x-4 mb-2\">\n                        ${m.photo ? `<img decoding=\"async\" src=\"${m.photo}\" class=\"w-16 h-16 rounded-full object-cover\">` : `<div class=\"w-16 h-16 rounded-full bg-gray-100 flex items-center justify-center text-2xl\"><i class=\"fas fa-user text-gray-300\"><\/i><\/div>`}\n                        <div>\n                            <h3 class=\"font-bold text-xl text-gray-800\">${m.name}<\/h3>\n                            <p class=\"text-sm text-gray-600\">S\/o, W\/o: ${m.fname}<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"text-sm text-gray-700 grid grid-cols-2 gap-y-1 mt-3\">\n                        <p><i class=\"fas fa-om text-orange-400 w-4\"><\/i> ${m.gotra}<\/p>\n                        <p><i class=\"fas fa-briefcase text-blue-400 w-4\"><\/i> ${m.profession || 'N\/A'}<\/p>\n                        <p><i class=\"fas fa-phone text-green-500 w-4\"><\/i> ${m.phone}<\/p>\n                        <p><i class=\"fas fa-map-marker-alt text-red-400 w-4\"><\/i> ${m.city}<\/p>\n                        <p class=\"col-span-2 text-gray-500 mt-1\"><strong>Address:<\/strong> ${m.address || 'N\/A'}<\/p>\n                    <\/div>\n                    ${famHtml}\n                <\/div>`\n            }).join('');\n        }\n\n        \/\/ --- RENDER MATRIMONY ---\n        function renderMatrimonial() {\n            const container = document.getElementById('matrimonialContainer');\n            let data = membersData.filter(m => m.type === 'matrimony').sort((a,b) => b.timestamp - a.timestamp);\n            if(data.length === 0) { container.innerHTML = `<p class=\"col-span-full text-center p-6 bg-white rounded-lg shadow-sm text-gray-500 border border-gray-100\">Abhi tak koi matrimony profile nahi hai.<\/p>`; return; }\n            \n            container.innerHTML = data.map(m => `\n                <div class=\"bg-white rounded-xl shadow-lg overflow-hidden border m-2 relative\">\n                    <div class=\"absolute top-2 right-2 flex gap-2 z-10\">\n                        <button onclick=\"editMember('${m.id}', 'matrimony')\" class=\"text-white bg-blue-500\/80 backdrop-blur p-2 rounded-full hover:bg-blue-600 shadow\" title=\"Edit\"><i class=\"fas fa-edit\"><\/i><\/button>\n                        <button onclick=\"deleteMember('${m.id}')\" class=\"text-white bg-red-500\/80 backdrop-blur p-2 rounded-full hover:bg-red-600 shadow\" title=\"Delete\"><i class=\"fas fa-trash\"><\/i><\/button>\n                    <\/div>\n                    ${m.photo ? `<img decoding=\"async\" src=\"${m.photo}\" class=\"w-full h-48 object-cover object-top\">` : `<div class=\"w-full h-48 bg-gray-100 flex items-center justify-center text-4xl text-gray-300\"><i class=\"fas fa-user\"><\/i><\/div>`}\n                    <div class=\"p-4\">\n                        <h3 class=\"font-bold text-xl\">${m.name}<\/h3>\n                        <p class=\"text-xs text-pink-600 font-bold mb-2\">${m.gender} \u2022 ${new Date().getFullYear() - parseInt((m.dob||\"2000\").substring(0,4))} Yrs<\/p>\n                        <div class=\"text-sm space-y-1 text-gray-700\">\n                            <p><strong>Gotra:<\/strong> ${m.gotra}<\/p>\n                            <p><strong>Edu:<\/strong> ${m.edu}<\/p>\n                            <p><strong>Job:<\/strong> ${m.job}<\/p>\n                            <p><strong>City:<\/strong> ${m.city}<\/p>\n                            <p class=\"text-xs text-gray-500 mt-2 line-clamp-2\" title=\"${m.address}\"><strong>Addr:<\/strong> ${m.address || 'N\/A'}<\/p>\n                        <\/div>\n                    <\/div>\n                    <button type=\"button\" onclick=\"alert('Contact: ${m.name}\\\\nPhone: ${m.phone}')\" class=\"w-full bg-pink-50 text-pink-600 p-2 font-bold border-t\"><i class=\"fas fa-phone\"><\/i> View Contact<\/button>\n                <\/div>`).join('');\n        }\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-490","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=490"}],"version-history":[{"count":1,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":491,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/490\/revisions\/491"}],"wp:attachment":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}