{"business_name":"Blue Square Infra","address":"First Floor, Riverdale Business Center, SCO - 3, Zirakpur, Nabha, Punjab 140603","phone":"+91 98724 90091","primary_category":"Real Estate Agency","secondary_categories":["Real Estate Consultant","Commercial Real Estate Agency","Real Estate Developer","Property Management Company"],"description":"Looking for the best properties in Zirakpur and Nabha, Punjab? Blue Square Infra is your trusted premier real estate agency based at Riverdale Business Center, SCO-3. We specialize in commercial properties, luxury residential apartments, premium plots, and retail spaces across Zirakpur, Chandigarh Tricity, and Nabha. Backed by years of local market expertise, our licensed real estate consultants offer tailored property consulting, transparent deal structuring, and high-ROI investment options. Whether buying, selling, or leasing, we guarantee verified listings and smooth paperwork. Find your dream property today with Punjab's top property dealers. Call +91 98724 90091 or visit us to start your property journey today!","health_score":0,"score_grade":"Needs Optimization","shortcomings":[],"ai_optimizations":{"optimized_description":"Looking for the best properties in Zirakpur and Nabha, Punjab? Blue Square Infra is your trusted premier real estate agency based at Riverdale Business Center, SCO-3. We specialize in commercial properties, luxury residential apartments, premium plots, and retail spaces across Zirakpur, Chandigarh Tricity, and Nabha. Backed by years of local market expertise, our licensed real estate consultants offer tailored property consulting, transparent deal structuring, and high-ROI investment options. Whether buying, selling, or leasing, we guarantee verified listings and smooth paperwork. Find your dream property today with Punjab's top property dealers. Call +91 98724 90091 or visit us to start your property journey today!","recommended_primary_category":"Real Estate Agency","recommended_secondary_categories":["Real Estate Consultant","Commercial Real Estate Agency","Real Estate Developer","Property Management Company"],"high_intent_keywords":["real estate agency in zirakpur","property dealers in zirakpur","commercial property for sale zirakpur","luxury apartments in zirakpur nabha","real estate consultants in punjab","buy residential plots zirakpur","best real estate broker tricity","riverdale business center offices","property consultants in nabha punjab","commercial space for rent zirakpur"],"suggested_posts":[{"type":"offer","title":"Exclusive Zero-Brokerage Deal on Zirakpur Commercial Spaces!","content":"Unlock premium commercial spaces at Riverdale Business Center and across Zirakpur, Punjab with our limited-time Zero-Brokerage offer! Blue Square Infra presents fully verified retail shops, modern office spaces, and high-yield commercial properties with assured returns. Whether you are expanding your business or looking for a passive rental income stream in the booming Chandigarh Tricity area, our expert real estate consultants will find the perfect fit for your budget. We provide end-to-end documentation support, transparent legal checks, and flexible payment plans directly from A-grade developers. Don't let this exclusive opportunity pass you by. Maximize your business ROI with Zirakpur's most trusted property dealers today. Book your personalized site visit now!","cta_type":"BOOK","cta_url":"https://app.bluesquareinfra.in"},{"type":"update","title":"Why Tricity Investors Trust Blue Square Infra","content":"Customer satisfaction is at the core of everything we do at Blue Square Infra. As a premier real estate agency in Zirakpur, Punjab, we have helped over 500+ families and corporate clients secure high-value residential and commercial properties. Our clients appreciate our meticulous attention to detail, complete paperwork transparency, and deep knowledge of the local Nabha and Zirakpur property markets. We don't just sell properties; we build lifetime partnerships based on trust, verified listings, and genuine pricing. Looking for your next luxury apartment, commercial showroom, or investment plot in the Tricity? Let our expert real estate consultants guide you every step of the way to ensure a hassle-free purchasing experience. Click below to read our client success stories and view our latest exclusive listings.","cta_type":"LEARN_MORE","cta_url":"https://app.bluesquareinfra.in"},{"type":"event","title":"Zirakpur Real Estate Investment VIP Open House","content":"Join Blue Square Infra for an exclusive Real Estate Investment VIP Open House at our office on the First Floor, Riverdale Business Center, SCO - 3, Zirakpur. Discover upcoming high-yield residential projects, commercial spaces, and luxury flats across Nabha and Zirakpur, Punjab. This physical event is designed for serious property investors, business owners, and homebuyers looking to capitalize on Zirakpur's rapid infrastructure growth. Our certified property consultants will present exclusive pre-launch offers, down-payment plans, and market growth forecasts. Enjoy one-on-one portfolio reviews and free legal consulting. Spots are highly limited to maintain personalized assistance. Sign up now to secure your VIP entry pass!","cta_type":"SIGN_UP","cta_url":"https://app.bluesquareinfra.in"}],"qa_pairs":[{"question":"Where is Blue Square Infra located in Zirakpur?","answer":"Blue Square Infra is located on the First Floor, Riverdale Business Center, SCO - 3, Nabha, Zirakpur, Punjab 140603. Our office is easily accessible on the main VIP Road corridor, making it highly convenient for property consultations across Zirakpur and Chandigarh Tricity."},{"question":"What types of properties do you specialize in Zirakpur and Nabha?","answer":"As a leading real estate agency, we specialize in high-ROI commercial properties (office spaces, retail shops, showrooms) and premium residential options (luxury 3/4 BHK apartments, residential plots, independent floors) in Zirakpur, Nabha, and the wider Chandigarh Tricity region."},{"question":"Are the properties listed with Blue Square Infra RERA-approved?","answer":"Yes, 100%. At Blue Square Infra, we prioritize safety and legality. Every commercial and residential property we recommend in Zirakpur, Punjab, is fully RERA-approved with clean land titles and verified document trails to protect your investment."},{"question":"How does Blue Square Infra assist first-time homebuyers in Punjab?","answer":"We offer end-to-end guidance for first-time homebuyers. Our real estate consultants assist with neighborhood scouting, home loan approvals from top Indian banks, price negotiations, legal paperwork verification, and registration at the local Nabha/Zirakpur registrar offices."},{"question":"What are your business hours, and do I need an appointment for a site visit?","answer":"We are open Monday to Saturday from 10:00 AM to 7:00 PM. While walk-ins are welcome at our Riverdale Business Center office, we highly recommend scheduling an appointment by calling +91 98724 90091 so our dedicated consultants can arrange chauffeured site visits."}],"review_request_templates":{"whatsapp":"Hi [Client Name]! It was an absolute pleasure helping you secure your property with Blue Square Infra in Zirakpur. 🏢 Could you take 30 seconds to share your experience on our Google Profile? Please mention the specific service or area (like 'commercial office in Zirakpur' or 'flat in Nabha') to help others find us! Here is the direct link: {{review_link}} Thank you so much!","sms":"Thanks for choosing Blue Square Infra Zirakpur! Share your feedback on Google & help others find real estate deals: {{review_link}} - Blue Square Team"},"manual_action_steps":[{"step_number":1,"title":"Shoot High-Quality Exterior & Interior Photos of the Office","description":"Capture high-resolution landscape photos of the Riverdale Business Center facade showing the SCO-3 building during broad daylight with clear signage. Take photos of your modern office interior, welcoming area, meeting rooms, and team interactions.","why_it_matters":"Google values visual verification of physical offices. Clear office signage proofs build high local authority and instantly establish trust with both Google’s algorithms and visiting prospects."},{"step_number":2,"title":"Geo-Tag and Upload Team-at-Work / On-Site Client Deliveries","description":"Ensure your smartphone’s GPS location/metadata features are turned ON when photographing real estate sites, completed projects, and happy clients in Zirakpur, Nabha, and Tricity. Upload these directly to your GBP updates tab weekly.","why_it_matters":"Geotagged user and owner media supply hyper-local proximity signals to Google's ranking engine, placing your profile higher in search results for those specific suburban areas."},{"step_number":3,"title":"Target a Review Velocity of 2 to 3 Reviews Per Week with Target Keywords","description":"Systematically ask 2-3 past or active clients every week to write detailed reviews. Politely guide them to use keyword phrases like 'best property dealers in Zirakpur', 'real estate agent Nabha', or 'commercial property Zirakpur' in their feedback.","why_it_matters":"Constant review velocity coupled with semantic local keywords in client reviews is one of the strongest organic local 3-pack ranking signals for real estate queries."},{"step_number":4,"title":"Build High-Authority Local Citations on Indian Business Directories","description":"List Blue Square Infra with identical Name, Address, and Phone (NAP) data on high-authority directories such as Justdial, Sulekha, Housing.com, Magicbricks, and 99acres. Ensure the location exactly reads 'First Floor, Riverdale Business Center, SCO - 3, Zirakpur'.","why_it_matters":"Consistent NAP data across authoritative real estate and local directories signals high trustworthiness and validation to Google's indexing crawlers, elevating overall domain authority."}],"generated_at":"2026-10-09T13:00:32.841Z"}}
            <style>
            @media (min-width: 640px) {
                #survey-wizard-container {
                    padding: 2.25rem 2rem !important;
                }
            }
            @keyframes survey-step-in {
                from { opacity: 0; transform: translateY(8px); }
                to { opacity: 1; transform: translateY(0); }
            }
            .survey-step-active {
                animation: survey-step-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }
            @keyframes eligibility-scale-in {
                from { opacity: 0; transform: scale(0.96) translateY(8px); }
                to { opacity: 1; transform: scale(1) translateY(0); }
            }
            #eligibility-modal-card {
                animation: eligibility-scale-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }
            #eligibility-modal-back:hover {
                background: #e2e8f0;
                color: #0f172a;
            }
            #eligibility-modal-close:hover {
                background: #e2e8f0;
                color: #0f172a;
            }
            .eligibility-opt-btn {
                width: 100%;
                padding: 1rem 1.25rem;
                background: #f8fafc !important;
                border: 1px solid #e2e8f0;
                border-radius: 0.75rem;
                font-size: 0.875rem;
                font-weight: 600;
                color: #334155 !important;
                text-align: left;
                cursor: pointer;
                transition: all 0.2s;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 0.75rem;
            }
            .eligibility-opt-btn:hover {
                background: #f1f5f9 !important;
                border-color: #cbd5e1;
                color: #0f172a !important;
                transform: translateY(-1px);
            }
            .eligibility-opt-btn:active {
                transform: translateY(0);
            }
            .eligibility-opt-btn-chevron {
                color: #94a3b8;
                font-size: 1rem;
                font-weight: bold;
                transition: transform 0.2s;
            }
            .eligibility-opt-btn:hover .eligibility-opt-btn-chevron {
                color: #475569;
                transform: translateX(2px);
            }
            .eligibility-input {
                width: 100%;
                padding: 0.875rem 1rem;
                border-radius: 0.75rem;
                border: 1px solid #cbd5e1;
                outline: none;
                font-size: 0.875rem;
                box-sizing: border-box;
                transition: all 0.2s;
                color: #0f172a !important;
                background-color: #ffffff !important;
            }
            .eligibility-input:focus {
                border-color: #111947;
                box-shadow: 0 0 0 3px color-mix(in srgb, #111947 15%, transparent);
            }
            .eligibility-submit-btn {
                width: 100%;
                padding: 0.875rem;
                background: #111947 !important;
                color: #ffffff !important;
                border: none;
                border-radius: 0.75rem;
                font-size: 0.875rem;
                font-weight: 700;
                cursor: pointer;
                transition: all 0.2s;
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.5rem;
            }
            .eligibility-submit-btn:hover {
                background: #111947 !important;
                filter: brightness(0.9);
                box-shadow: 0 6px 12px -1px rgba(0, 0, 0, 0.15);
            }
            .eligibility-submit-btn:disabled {
                opacity: 0.6;
                cursor: not-allowed;
            }
            .calendar-days-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 0.5rem;
                margin-bottom: 1.25rem;
            }
            .calendar-day-btn {
                padding: 0.625rem 0.5rem;
                background: #f8fafc !important;
                border: 1px solid #e2e8f0;
                border-radius: 0.5rem;
                font-size: 0.75rem;
                font-weight: 700;
                color: #475569 !important;
                text-align: center;
                cursor: pointer;
                transition: all 0.2s;
                box-sizing: border-box;
            }
            .calendar-day-btn.active {
                background: #111947 !important;
                color: #ffffff !important;
                border-color: #111947;
            }
            .calendar-day-btn:hover:not(.active) {
                background: #f1f5f9 !important;
                border-color: #cbd5e1;
                color: #0f172a !important;
            }
            .calendar-slots-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
                max-height: 200px;
                overflow-y: auto;
                padding-right: 0.25rem;
            }
            .calendar-slot-btn {
                padding: 0.625rem;
                background: #ffffff !important;
                border: 1px solid #cbd5e1;
                border-radius: 0.5rem;
                font-size: 0.8125rem;
                font-weight: 600;
                color: #1e293b !important;
                text-align: center;
                cursor: pointer;
                transition: all 0.2s;
                box-sizing: border-box;
            }
            .calendar-slot-btn:hover {
                background: color-mix(in srgb, #111947 8%, #ffffff) !important;
                border-color: #111947;
                color: #111947 !important;
            }
            .calendar-slot-btn.active {
                background: #111947 !important;
                color: #ffffff !important;
                border-color: #111947;
            }
            </style>
 
            <script>
            (function() {
                const bookingEnabled = false;
                const userId = '2f62a259-f23b-48ee-a920-c436f36eaa4b';
                const brandColor = '#111947';
                const fields = [{"name":"name","type":"text","label":"Full Name"},{"name":"phone","type":"tel","label":"WhatsApp Number"},{"name":"city","type":"text","label":"City"}];
                const questions = [];
                let currentStep = 0;
                const answers = {};
                const contactInfo = { name: '', phone: '', city: '' };
                
                const isSurvey = true;
                const overlay = null;
                const closeBtn = null;
                const backBtn = document.getElementById('survey-back-btn');
                const progressContainer = document.getElementById('survey-progress-container');
                const progressBar = document.getElementById('survey-progress-bar');
                const progressText = document.getElementById('survey-progress-text');
                const stepsContainer = document.getElementById('survey-steps-container');
                
                const catalogueLink = window.location.hostname.includes('.') && !window.location.hostname.includes('localhost') && !window.location.hostname.includes('adrolls.in') && !window.location.hostname.includes('vercel.app') && !window.location.hostname.includes('ngrok-free.dev')
                    ? window.location.origin + '/'
                    : window.location.origin + '/shared/' + userId;
                
                function openModal() {
                    if (!overlay) return;
                    overlay.style.display = 'flex';
                    currentStep = 0;
                    for (let k in answers) delete answers[k];
                    contactInfo.name = '';
                    contactInfo.phone = '';
                    contactInfo.city = '';
                    renderStep();
                }
                
                function closeModal() {
                    if (!overlay) return;
                    overlay.style.display = 'none';
                }
                
                if (closeBtn) closeBtn.addEventListener('click', closeModal);
                
                if (backBtn) {
                    backBtn.addEventListener('click', function() {
                        if (currentStep > 0) {
                            currentStep--;
                            renderStep();
                        }
                    });
                }
                
                const card = document.getElementById('eligibility-modal-card');
                if (card) {
                    card.addEventListener('click', function(e) {
                        e.stopPropagation();
                    });
                }
                if (overlay) {
                    overlay.addEventListener('click', closeModal);
                }
                
                function renderStep() {
                    if (!stepsContainer || !progressContainer) return;
                    stepsContainer.innerHTML = '';
                    progressContainer.style.display = 'flex';
                    
                    if (backBtn) {
                        if (currentStep > 0) {
                            backBtn.style.display = 'flex';
                        } else {
                            backBtn.style.display = 'none';
                        }
                    }
                    
                    const totalSteps = questions.length + 1;
                    const percent = Math.round((currentStep / totalSteps) * 100);
                    if (progressBar) progressBar.style.width = percent + '%';
                    if (progressText) progressText.textContent = 'Step ' + (currentStep + 1) + ' of ' + totalSteps;
                    
                    if (currentStep < questions.length) {
                        const q = questions[currentStep];
                        
                        const wrapper = document.createElement('div');
                        wrapper.className = 'survey-step-active';
                        wrapper.style.display = 'flex';
                        wrapper.style.flexDirection = 'column';
                        wrapper.style.gap = '1.25rem';
                        
                        const questionLabel = document.createElement('h4');
                        questionLabel.style.margin = '0';
                        questionLabel.style.color = '#0f172a';
                        questionLabel.style.fontSize = '1.25rem';
                        questionLabel.style.fontWeight = '800';
                        questionLabel.style.lineHeight = '1.4';
                        questionLabel.textContent = q.label;
                        wrapper.appendChild(questionLabel);
                        
                        if (q.type === 'MULTIPLE_CHOICE') {
                            const optsContainer = document.createElement('div');
                            optsContainer.style.display = 'flex';
                            optsContainer.style.flexDirection = 'column';
                            optsContainer.style.gap = '0.5rem';
                            
                            var displayOpts = (q.options || []).slice();
                            if (q.disqualify_options && Array.isArray(q.disqualify_options)) {
                                q.disqualify_options.forEach(function(disqOpt) {
                                    var trimmed = disqOpt.trim();
                                    var alreadyExists = false;
                                    for (var i = 0; i < displayOpts.length; i++) {
                                        if (displayOpts[i].trim().toLowerCase() === trimmed.toLowerCase()) {
                                            alreadyExists = true;
                                            break;
                                        }
                                    }
                                    if (trimmed && !alreadyExists) {
                                        displayOpts.push(trimmed);
                                    }
                                });
                            }
                            
                            displayOpts.forEach(function(opt) {
                                const btn = document.createElement('button');
                                btn.className = 'eligibility-opt-btn';
                                btn.innerHTML = '<span>' + opt + '</span><span class="eligibility-opt-btn-chevron">→</span>';
                                btn.addEventListener('click', function() {
                                    handleAnswer(q, opt);
                                });
                                optsContainer.appendChild(btn);
                            });
                            wrapper.appendChild(optsContainer);
                        } else {
                            const inputGroup = document.createElement('div');
                            inputGroup.style.display = 'flex';
                            inputGroup.style.flexDirection = 'column';
                            inputGroup.style.gap = '0.75rem';
                            
                            const input = document.createElement('input');
                            input.type = 'text';
                            input.className = 'eligibility-input';
                            input.placeholder = 'Type your answer here...';
                            input.required = true;
                            input.value = answers[q.label] || '';
                            
                            input.addEventListener('input', function() {
                                answers[q.label] = input.value;
                            });
                            
                            const nextBtn = document.createElement('button');
                            nextBtn.className = 'eligibility-submit-btn';
                            nextBtn.textContent = 'Next';
                            
                            function submitTextAnswer() {
                                const val = input.value.trim();
                                if (!val) {
                                    input.style.borderColor = '#b91c1c';
                                    return;
                                }
                                handleAnswer(q, val);
                            }
                            
                            nextBtn.addEventListener('click', submitTextAnswer);
                            input.addEventListener('keypress', function(e) {
                                if (e.key === 'Enter') submitTextAnswer();
                            });
                            
                            inputGroup.appendChild(input);
                            inputGroup.appendChild(nextBtn);
                            wrapper.appendChild(inputGroup);
                            
                            setTimeout(function() { input.focus(); }, 50);
                        }
                        
                        stepsContainer.appendChild(wrapper);
                    } else {
                        const wrapper = document.createElement('div');
                        wrapper.className = 'survey-step-active';
                        wrapper.style.display = 'flex';
                        wrapper.style.flexDirection = 'column';
                        wrapper.style.gap = '1.25rem';
                        
                        const title = document.createElement('h4');
                        title.style.margin = '0';
                        title.style.color = '#0f172a';
                        title.style.fontSize = '1.25rem';
                        title.style.fontWeight = '800';
                        title.style.textAlign = 'center';
                        title.textContent = 'Almost There! Enter Details';
                        wrapper.appendChild(title);
                        
                        const desc = document.createElement('p');
                        desc.style.margin = '0';
                        desc.style.color = '#64748b';
                        desc.style.fontSize = '0.875rem';
                        desc.style.textAlign = 'center';
                        desc.style.lineHeight = '1.5';
                        desc.textContent = 'Please fill out your contact details to complete your application.';
                        wrapper.appendChild(desc);
                        
                        const form = document.createElement('form');
                        form.style.display = 'flex';
                        form.style.flexDirection = 'column';
                        form.style.gap = '1rem';
                        
                        const inputs = {};
                        fields.forEach(function(f) {
                            let placeholder = 'Your answer';
                            if (f.name === 'name') placeholder = 'John Doe';
                            else if (f.name === 'phone') placeholder = '+91 98765 43210';
                            else if (f.name === 'city') placeholder = 'Mohali';

                            const group = createInputGroup(f.label, f.type, f.name, placeholder);
                            group.input.value = contactInfo[f.name] || '';
                            group.input.addEventListener('input', function() {
                                contactInfo[f.name] = group.input.value;
                            });
                            form.appendChild(group.container);
                            inputs[f.name] = group.input;
                        });
                        
                        const submitBtn = document.createElement('button');
                        submitBtn.type = 'submit';
                        submitBtn.className = 'eligibility-submit-btn';
                        submitBtn.textContent = 'Submit Details';
                        form.appendChild(submitBtn);
                        
                        const errMsg = document.createElement('p');
                        errMsg.style.margin = '0';
                        errMsg.style.fontSize = '0.875rem';
                        errMsg.style.color = '#b91c1c';
                        errMsg.style.fontWeight = '600';
                        errMsg.style.textAlign = 'center';
                        errMsg.style.display = 'none';
                        form.appendChild(errMsg);
                        
                        form.addEventListener('submit', async function(e) {
                            e.preventDefault();
                            submitBtn.disabled = true;
                            submitBtn.textContent = 'Submitting...';
                            errMsg.style.display = 'none';
                            
                            const eventId = 'evt_lead_' + Date.now() + '_' + Math.random().toString(36).substring(2, 11);
                            const payload = {
                                landing_page_id: 'fc07837b-cc54-437d-8519-293af634adba',
                                user_id: '2f62a259-f23b-48ee-a920-c436f36eaa4b',
                                slug: 'gbp_suite_2f62a259-f23b-48ee-a920-c436f36eaa4b',
                                name: inputs.name ? inputs.name.value.trim() : '',
                                phone: inputs.phone ? inputs.phone.value.trim() : '',
                                city: inputs.city ? inputs.city.value.trim() : '',
                                eventId: eventId
                            };
                            
                            questions.forEach(function(q, idx) {
                                payload['custom_question_' + idx] = answers[q.label];
                            });
                            
                            try {
                                const res = await fetch('/api/shared/landing-page/lead', {
                                    method: 'POST',
                                    headers: { 'Content-Type': 'application/json' },
                                    body: JSON.stringify(payload)
                                });
                                
                                const resData = await res.json();
                                if (!res.ok || !resData.success) {
                                    throw new Error(resData.error || 'Submission failed');
                                }
                                
                                if (window.fbq) {
                                    window.fbq('track', 'Lead', {
                                        content_name: 'gbp_suite_profile',
                                        status: 'Qualified'
                                    }, { eventID: eventId });
                                }
                                
                                showSuccess(resData.leadId);
                            } catch(err) {
                                errMsg.textContent = err.message || 'Something went wrong. Please try again.';
                                errMsg.style.display = 'block';
                                submitBtn.disabled = false;
                                submitBtn.textContent = 'Submit Details';
                            }
                        });
                        
                        wrapper.appendChild(form);
                        stepsContainer.appendChild(wrapper);
                        
                        setTimeout(function() {
                            const keys = Object.keys(inputs);
                            if (keys.length > 0 && inputs[keys[0]]) {
                                inputs[keys[0]].focus();
                            }
                        }, 50);
                    }
                }
                
                function createInputGroup(labelVal, type, name, placeholder) {
                    const container = document.createElement('div');
                    container.style.display = 'flex';
                    container.style.flexDirection = 'column';
                    container.style.gap = '0.375rem';
                    
                    const label = document.createElement('label');
                    label.style.fontSize = '0.75rem';
                    label.style.fontWeight = '700';
                    label.style.color = '#475569';
                    label.style.textTransform = 'uppercase';
                    label.style.letterSpacing = '0.05em';
                    label.textContent = labelVal;
                    
                    const input = document.createElement('input');
                    input.type = type;
                    input.name = name;
                    input.className = 'eligibility-input';
                    input.placeholder = placeholder;
                    input.required = true;
                    
                    container.appendChild(label);
                    container.appendChild(input);
                    
                    return { container: container, input: input };
                }
                
                function handleAnswer(q, option) {
                    answers[q.label] = option;
                    
                    if (q.type === 'MULTIPLE_CHOICE' && q.disqualify_options && Array.isArray(q.disqualify_options)) {
                        const isDisqualified = q.disqualify_options.some(function(disqOpt) {
                            return disqOpt.trim().toLowerCase() === option.trim().toLowerCase();
                        });
                        
                        if (isDisqualified) {
                            showDisqualified(q.disqualify_message || 'Based on your response, you do not meet the eligibility criteria.');
                            return;
                        }
                    }
                    
                    currentStep++;
                    renderStep();
                }
                
                function showDisqualified(message) {
                    progressContainer.style.display = 'none';
                    if (backBtn) backBtn.style.display = 'none';
                    stepsContainer.innerHTML = '';
                    
                    const wrapper = document.createElement('div');
                    wrapper.className = 'survey-step-active';
                    wrapper.style.display = 'flex';
                    wrapper.style.flexDirection = 'column';
                    wrapper.style.alignItems = 'center';
                    wrapper.style.textAlign = 'center';
                    wrapper.style.gap = '1.25rem';
                    wrapper.style.padding = '1.5rem 0';
                    
                    const iconContainer = document.createElement('div');
                    iconContainer.style.width = '4rem';
                    iconContainer.style.height = '4rem';
                    iconContainer.style.background = '#fef2f2';
                    iconContainer.style.borderRadius = '50%';
                    iconContainer.style.display = 'flex';
                    iconContainer.style.alignItems = 'center';
                    iconContainer.style.justifyContent = 'center';
                    iconContainer.style.color = '#ef4444';
                    iconContainer.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>';
                    wrapper.appendChild(iconContainer);
                    
                    const title = document.createElement('h4');
                    title.style.margin = '0';
                    title.style.color = '#991b1b';
                    title.style.fontSize = '1.5rem';
                    title.style.fontWeight = '900';
                    title.textContent = 'Not Eligible';
                    wrapper.appendChild(title);
                    
                    const msgText = document.createElement('p');
                    msgText.style.margin = '0';
                    msgText.style.color = '#4b5563';
                    msgText.style.fontSize = '0.95rem';
                    msgText.style.lineHeight = '1.6';
                    msgText.style.fontWeight = '600';
                    msgText.textContent = message;
                    wrapper.appendChild(msgText);
                    
                    const btnContainer = document.createElement('div');
                    btnContainer.style.display = 'flex';
                    btnContainer.style.width = '100%';
                    btnContainer.style.gap = '0.75rem';
                    btnContainer.style.marginTop = '0.5rem';
                    
                    const backBtnDisq = document.createElement('button');
                    backBtnDisq.className = 'eligibility-submit-btn';
                    backBtnDisq.style.setProperty('background', '#111947', 'important');
                    backBtnDisq.style.setProperty('color', '#ffffff', 'important');
                    backBtnDisq.style.boxShadow = 'none';
                    backBtnDisq.textContent = 'Go Back & Edit';
                    backBtnDisq.addEventListener('click', function() {
                        renderStep();
                    });
                    btnContainer.appendChild(backBtnDisq);
                    
                    const closeBtn2 = document.createElement('button');
                    closeBtn2.className = 'eligibility-submit-btn';
                    closeBtn2.style.setProperty('background', '#6b7280', 'important');
                    closeBtn2.style.setProperty('color', '#ffffff', 'important');
                    closeBtn2.style.boxShadow = 'none';
                    closeBtn2.textContent = 'Close';
                    closeBtn2.addEventListener('click', function() {
                        if (isSurvey) {
                            window.location.href = catalogueLink;
                        } else {
                            closeModal();
                        }
                    });
                    btnContainer.appendChild(closeBtn2);
                    
                    wrapper.appendChild(btnContainer);
                    stepsContainer.appendChild(wrapper);
                }
                
                function getNextBookingDays() {
                    const days = [];
                    const current = new Date();
                    // Generate next 6 calendar days, excluding Sundays (0)
                    while (days.length < 6) {
                        const dayOfWeek = current.getDay();
                        if (dayOfWeek !== 0) {
                            const yyyy = current.getFullYear();
                            const mm = String(current.getMonth() + 1).padStart(2, '0');
                            const dd = String(current.getDate()).padStart(2, '0');
                            days.push({
                                dateStr: yyyy + '-' + mm + '-' + dd,
                                label: current.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })
                            });
                        }
                        current.setDate(current.getDate() + 1);
                    }
                    return days;
                }
 
                function showSuccess(leadId) {
                    if (!stepsContainer) {
                        alert('Thank you! Your details have been submitted.');
                        return;
                    }
                    if (bookingEnabled && leadId) {
                        renderCalendarBooking(leadId);
                    } else {
                        showSuccessDirect();
                    }
                }
 
                function showSuccessDirect() {
                    if (progressContainer) progressContainer.style.display = 'none';
                    if (backBtn) backBtn.style.display = 'none';
                    if (!stepsContainer) return;
                    stepsContainer.innerHTML = '';
                    
                    const wrapper = document.createElement('div');
                    wrapper.className = 'survey-step-active';
                    wrapper.style.display = 'flex';
                    wrapper.style.flexDirection = 'column';
                    wrapper.style.alignItems = 'center';
                    wrapper.style.textAlign = 'center';
                    wrapper.style.gap = '1.25rem';
                    wrapper.style.padding = '1.5rem 0';
                    
                    const iconContainer = document.createElement('div');
                    iconContainer.style.width = '4rem';
                    iconContainer.style.height = '4rem';
                    iconContainer.style.background = '#f0fdf4';
                    iconContainer.style.borderRadius = '50%';
                    iconContainer.style.display = 'flex';
                    iconContainer.style.alignItems = 'center';
                    iconContainer.style.justifyContent = 'center';
                    iconContainer.style.color = '#22c55e';
                    iconContainer.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="m9 12 2 2 4-4"/></svg>';
                    wrapper.appendChild(iconContainer);
                    
                    const title = document.createElement('h4');
                    title.style.margin = '0';
                    title.style.color = '#166534';
                    title.style.fontSize = '1.5rem';
                    title.style.fontWeight = '900';
                    title.textContent = 'Application Submitted!';
                    wrapper.appendChild(title);
                    
                    const msgText = document.createElement('p');
                    msgText.style.margin = '0';
                    msgText.style.color = '#4b5563';
                    msgText.style.fontSize = '0.95rem';
                    msgText.style.lineHeight = '1.6';
                    msgText.style.fontWeight = '600';
                    msgText.textContent = 'Thank you! Your details have been submitted successfully. We will get in touch with you shortly.';
                    wrapper.appendChild(msgText);
                    
                    const btnContainer = document.createElement('div');
                    btnContainer.style.display = 'flex';
                    btnContainer.style.flexDirection = 'column';
                    btnContainer.style.width = '100%';
                    btnContainer.style.gap = '0.75rem';
                    btnContainer.style.marginTop = '0.5rem';
                    
                    const catBtn = document.createElement('a');
                    catBtn.className = 'eligibility-submit-btn';
                    catBtn.href = catalogueLink;
                    catBtn.target = '_blank';
                    catBtn.style.setProperty('background', brandColor, 'important');
                    catBtn.style.setProperty('color', '#ffffff', 'important');
                    catBtn.style.textDecoration = 'none';
                    catBtn.style.display = 'flex';
                    catBtn.style.alignItems = 'center';
                    catBtn.style.justifyContent = 'center';
                    catBtn.style.gap = '0.5rem';
                    catBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg> View Catalogue Inventory';
                    btnContainer.appendChild(catBtn);
                    
                    let phone = '+91 98724 90091';
                    let cleanPhone = phone.replace(/[^0-9]/g, '');
                    if (cleanPhone.length === 10) {
                        cleanPhone = '91' + cleanPhone;
                    }
                    if (cleanPhone) {
                        const whatsappUrl = 'https://wa.me/' + cleanPhone;
                        const waBtn = document.createElement('a');
                        waBtn.className = 'eligibility-submit-btn';
                        waBtn.href = whatsappUrl;
                        waBtn.target = '_blank';
                        waBtn.style.setProperty('background', '#25D366', 'important');
                        waBtn.style.setProperty('color', '#ffffff', 'important');
                        waBtn.style.textDecoration = 'none';
                        waBtn.style.display = 'flex';
                        waBtn.style.alignItems = 'center';
                        waBtn.style.justifyContent = 'center';
                        waBtn.style.gap = '0.5rem';
                        waBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.746.953 3.71 1.458 5.704 1.459h.008c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413"/></svg> Connect on WhatsApp';
                        btnContainer.appendChild(waBtn);
                    }
                    
                    const closeBtn2 = document.createElement('button');
                    closeBtn2.className = 'eligibility-submit-btn';
                    closeBtn2.style.setProperty('background', '#f1f5f9', 'important');
                    closeBtn2.style.setProperty('color', '#475569', 'important');
                    closeBtn2.style.border = '1px solid #e2e8f0';
                    closeBtn2.style.boxShadow = 'none';
                    closeBtn2.textContent = 'Close';
                    closeBtn2.addEventListener('click', function() {
                        if (isSurvey) {
                            window.location.href = catalogueLink;
                        } else {
                            closeModal();
                        }
                    });
                    btnContainer.appendChild(closeBtn2);
                    
                    wrapper.appendChild(btnContainer);
                    stepsContainer.appendChild(wrapper);
                }
 
                function renderCalendarBooking(leadId) {
                    if (!stepsContainer) return;
                    stepsContainer.innerHTML = '';
                    if (progressContainer) progressContainer.style.display = 'none';
                    if (backBtn) backBtn.style.display = 'none';
 
                    const wrapper = document.createElement('div');
                    wrapper.style.display = 'flex';
                    wrapper.style.flexDirection = 'column';
                    wrapper.style.gap = '1.25rem';
                    wrapper.style.textAlign = 'left';
 
                    const title = document.createElement('h4');
                    title.style.margin = '0';
                    title.style.color = '#0f172a';
                    title.style.fontSize = '1.25rem';
                    title.style.fontWeight = '800';
                    title.textContent = 'Schedule Your Session';
                    wrapper.appendChild(title);
 
                    const desc = document.createElement('p');
                    desc.style.margin = '0';
                    desc.style.color = '#64748b';
                    desc.style.fontSize = '0.875rem';
                    desc.style.lineHeight = '1.5';
                    desc.textContent = 'Pick a convenient date and time to book your slots on Google Calendar.';
                    wrapper.appendChild(desc);
 
                    const daysGrid = document.createElement('div');
                    daysGrid.className = 'calendar-days-grid';
                    wrapper.appendChild(daysGrid);
 
                    const slotsTitle = document.createElement('h5');
                    slotsTitle.style.margin = '0 0 0.5rem';
                    slotsTitle.style.fontSize = '0.875rem';
                    slotsTitle.style.fontWeight = '700';
                    slotsTitle.style.color = '#475569';
                    slotsTitle.textContent = 'Available Slots:';
                    wrapper.appendChild(slotsTitle);
 
                    const slotsContainer = document.createElement('div');
                    slotsContainer.className = 'calendar-slots-grid';
                    wrapper.appendChild(slotsContainer);
 
                    const loadingIndicator = document.createElement('div');
                    loadingIndicator.style.fontSize = '0.875rem';
                    loadingIndicator.style.color = '#64748b';
                    loadingIndicator.style.padding = '1rem 0';
                    loadingIndicator.style.textAlign = 'center';
                    loadingIndicator.textContent = 'Loading slots...';
 
                    const days = getNextBookingDays();
                    let selectedDateStr = days[0].dateStr;
 
                    days.forEach(function(day, index) {
                        const dayBtn = document.createElement('button');
                        dayBtn.className = 'calendar-day-btn' + (index === 0 ? ' active' : '');
                        dayBtn.textContent = day.label;
                        dayBtn.addEventListener('click', function() {
                            const activeBtns = daysGrid.querySelectorAll('.calendar-day-btn');
                            activeBtns.forEach(btn => btn.classList.remove('active'));
                            dayBtn.classList.add('active');
                            selectedDateStr = day.dateStr;
                            loadSlots(day.dateStr);
                        });
                        daysGrid.appendChild(dayBtn);
                    });
 
                    async function loadSlots(dateStr) {
                        slotsContainer.innerHTML = '';
                        slotsContainer.appendChild(loadingIndicator);
                        try {
                            const res = await fetch('/api/shared/booking/slots?userId=' + encodeURIComponent(userId) + '&date=' + encodeURIComponent(dateStr));
                            const data = await res.json();
                            slotsContainer.innerHTML = '';
 
                            if (!res.ok) throw new Error(data.error || 'Failed to fetch slots');
 
                            const slots = data.slots || [];
                            if (slots.length === 0) {
                                const noSlots = document.createElement('div');
                                noSlots.style.gridColumn = 'span 2';
                                noSlots.style.fontSize = '0.875rem';
                                noSlots.style.color = '#64748b';
                                noSlots.style.padding = '1.5rem 0';
                                noSlots.style.textAlign = 'center';
                                noSlots.textContent = 'No slots available for this day.';
                                slotsContainer.appendChild(noSlots);
                                return;
                            }
 
                            slots.forEach(function(slotIso) {
                                const slotDate = new Date(slotIso);
                                const timeLabel = slotDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
                                
                                const slotBtn = document.createElement('button');
                                slotBtn.className = 'calendar-slot-btn';
                                slotBtn.textContent = timeLabel;
                                slotBtn.addEventListener('click', function() {
                                    showConfirmBooking(slotIso, timeLabel, dateStr);
                                });
                                slotsContainer.appendChild(slotBtn);
                            });
                        } catch (err) {
                            slotsContainer.innerHTML = '';
                            const errEl = document.createElement('div');
                            errEl.style.gridColumn = 'span 2';
                            errEl.style.fontSize = '0.875rem';
                            errEl.style.color = '#ef4444';
                            errEl.style.padding = '1.5rem 0';
                            errEl.style.textAlign = 'center';
                            errEl.style.fontWeight = '600';
                            errEl.textContent = 'Error loading slots: ' + err.message;
                            slotsContainer.appendChild(errEl);
                        }
                    }
 
                    const footer = document.createElement('div');
                    footer.style.display = 'flex';
                    footer.style.justifyContent = 'center';
                    footer.style.marginTop = '1rem';
                    footer.style.borderTop = '1px solid #e2e8f0';
                    footer.style.paddingTop = '1rem';
 
                    const skipBtn = document.createElement('button');
                    skipBtn.style.background = 'none';
                    skipBtn.style.border = 'none';
                    skipBtn.style.color = '#64748b';
                    skipBtn.style.fontSize = '0.875rem';
                    skipBtn.style.fontWeight = '600';
                    skipBtn.style.cursor = 'pointer';
                    skipBtn.textContent = 'Skip for now';
                    skipBtn.addEventListener('click', function() {
                        showSuccessDirect();
                    });
                    footer.appendChild(skipBtn);
                    wrapper.appendChild(footer);
 
                    stepsContainer.appendChild(wrapper);
 
                    // Load slots for first day
                    loadSlots(selectedDateStr);
 
                    function showConfirmBooking(slotIso, timeLabel, dateStr) {
                        stepsContainer.innerHTML = '';
                        
                        const confirmWrapper = document.createElement('div');
                        confirmWrapper.style.display = 'flex';
                        confirmWrapper.style.flexDirection = 'column';
                        confirmWrapper.style.gap = '1.25rem';
                        confirmWrapper.style.textAlign = 'center';
                        confirmWrapper.style.padding = '1rem 0';
 
                        const confirmTitle = document.createElement('h4');
                        confirmTitle.style.margin = '0';
                        confirmTitle.style.color = '#0f172a';
                        confirmTitle.style.fontSize = '1.25rem';
                        confirmTitle.style.fontWeight = '800';
                        confirmTitle.textContent = 'Confirm Your Appointment';
                        confirmWrapper.appendChild(confirmTitle);
 
                        const detailBox = document.createElement('div');
                        detailBox.style.background = '#f8fafc';
                        detailBox.style.border = '1px solid #e2e8f0';
                        detailBox.style.borderRadius = '0.75rem';
                        detailBox.style.padding = '1.25rem';
                        detailBox.style.display = 'flex';
                        detailBox.style.flexDirection = 'column';
                        detailBox.style.gap = '0.5rem';
 
                        const formattedDate = new Date(slotIso).toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
 
                        const dateEl = document.createElement('div');
                        dateEl.style.fontSize = '0.95rem';
                        dateEl.style.fontWeight = '700';
                        dateEl.style.color = '#1e293b';
                        dateEl.textContent = '📅  ' + formattedDate;
                        detailBox.appendChild(dateEl);
 
                        const timeEl = document.createElement('div');
                        timeEl.style.fontSize = '1.1rem';
                        timeEl.style.fontWeight = '800';
                        timeEl.style.color = brandColor;
                        timeEl.textContent = '⏰  ' + timeLabel;
                        detailBox.appendChild(timeEl);
 
                        confirmWrapper.appendChild(detailBox);
 
                        const actionBtn = document.createElement('button');
                        actionBtn.className = 'eligibility-submit-btn';
                        actionBtn.textContent = 'Confirm Booking';
                        confirmWrapper.appendChild(actionBtn);
 
                        const cancelBtn = document.createElement('button');
                        cancelBtn.className = 'eligibility-submit-btn';
                        cancelBtn.style.setProperty('background', '#f1f5f9', 'important');
                        cancelBtn.style.setProperty('color', '#475569', 'important');
                        cancelBtn.style.boxShadow = 'none';
                        cancelBtn.style.border = '1px solid #e2e8f0';
                        cancelBtn.textContent = 'Change Date/Time';
                        cancelBtn.addEventListener('click', function() {
                            renderCalendarBooking(leadId);
                        });
                        confirmWrapper.appendChild(cancelBtn);
 
                        const errorMsg = document.createElement('p');
                        errorMsg.style.margin = '0';
                        errorMsg.style.fontSize = '0.875rem';
                        errorMsg.style.color = '#ef4444';
                        errorMsg.style.fontWeight = '600';
                        errorMsg.style.display = 'none';
                        confirmWrapper.appendChild(errorMsg);
 
                        actionBtn.addEventListener('click', async function() {
                            actionBtn.disabled = true;
                            actionBtn.textContent = 'Booking...';
                            errorMsg.style.display = 'none';
                            cancelBtn.style.display = 'none';
 
                            try {
                                const eventId = 'evt_sched_' + Date.now() + '_' + Math.random().toString(36).substring(2, 11);
                                const bookingRes = await fetch('/api/shared/booking/create', {
                                    method: 'POST',
                                    headers: { 'Content-Type': 'application/json' },
                                    body: JSON.stringify({
                                        lead_id: leadId,
                                        slot: slotIso,
                                        user_id: userId,
                                        eventId: eventId
                                    })
                                });
 
                                const bookingData = await bookingRes.json();
                                if (!bookingRes.ok || !bookingData.success) {
                                    throw new Error(bookingData.error || 'Booking failed');
                                }
 
                                showBookedSuccess(formattedDate, timeLabel);
                            } catch (err) {
                                errorMsg.textContent = err.message || 'Something went wrong. Please try again.';
                                errorMsg.style.display = 'block';
                                actionBtn.disabled = false;
                                actionBtn.textContent = 'Confirm Booking';
                                cancelBtn.style.display = 'block';
                            }
                        });
 
                        stepsContainer.appendChild(confirmWrapper);
                    }
 
                    function showBookedSuccess(dateLabel, timeLabel) {
                        stepsContainer.innerHTML = '';
 
                        const wrapper = document.createElement('div');
                        wrapper.style.display = 'flex';
                        wrapper.style.flexDirection = 'column';
                        wrapper.style.alignItems = 'center';
                        wrapper.style.textAlign = 'center';
                        wrapper.style.gap = '1.25rem';
                        wrapper.style.padding = '1.5rem 0';
 
                        const iconContainer = document.createElement('div');
                        iconContainer.style.width = '4rem';
                        iconContainer.style.height = '4rem';
                        iconContainer.style.background = '#f0fdf4';
                        iconContainer.style.borderRadius = '50%';
                        iconContainer.style.display = 'flex';
                        iconContainer.style.alignItems = 'center';
                        iconContainer.style.justifyContent = 'center';
                        iconContainer.style.color = '#22c55e';
                        iconContainer.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="m9 12 2 2 4-4"/></svg>';
                        wrapper.appendChild(iconContainer);
 
                        const title = document.createElement('h4');
                        title.style.margin = '0';
                        title.style.color = '#166534';
                        title.style.fontSize = '1.5rem';
                        title.style.fontWeight = '900';
                        title.textContent = 'Booking Confirmed!';
                        wrapper.appendChild(title);
 
                        const msgText = document.createElement('p');
                        msgText.style.margin = '0';
                        msgText.style.color = '#4b5563';
                        msgText.style.fontSize = '0.95rem';
                        msgText.style.lineHeight = '1.6';
                        msgText.style.fontWeight = '600';
                        msgText.innerHTML = 'Your appointment is scheduled for <br><span style="color:#0f172a; font-weight:800;">' + dateLabel + ' at ' + timeLabel + '</span>.<br>A Google Calendar invitation has been sent to your email.';
                        wrapper.appendChild(msgText);
 
                        const closeBtn2 = document.createElement('button');
                        closeBtn2.className = 'eligibility-submit-btn';
                        closeBtn2.style.setProperty('background', '#166534', 'important');
                        closeBtn2.style.setProperty('color', '#ffffff', 'important');
                        closeBtn2.style.boxShadow = 'none';
                        closeBtn2.textContent = 'Done';
                        closeBtn2.addEventListener('click', function() {
                            if (isSurvey) {
                                window.location.href = catalogueLink;
                            } else {
                                closeModal();
                            }
                        });
                        wrapper.appendChild(closeBtn2);
 
                        stepsContainer.appendChild(wrapper);
                    }
                }
                


                function renderCalendarBooking(leadId) {
                    stepsContainer.innerHTML = '';
                    progressContainer.style.display = 'none';
                    if (backBtn) backBtn.style.display = 'none';

                    const wrapper = document.createElement('div');
                    wrapper.className = 'survey-step-active';
                    wrapper.style.display = 'flex';
                    wrapper.style.flexDirection = 'column';
                    wrapper.style.gap = '1.25rem';
                    wrapper.style.textAlign = 'left';

                    const title = document.createElement('h4');
                    title.style.margin = '0';
                    title.style.color = '#0f172a';
                    title.style.fontSize = '1.25rem';
                    title.style.fontWeight = '800';
                    title.textContent = 'Schedule Your Session';
                    wrapper.appendChild(title);

                    const desc = document.createElement('p');
                    desc.style.margin = '0';
                    desc.style.color = '#64748b';
                    desc.style.fontSize = '0.875rem';
                    desc.style.lineHeight = '1.5';
                    desc.textContent = 'Pick a convenient date and time to book your slots on Google Calendar.';
                    wrapper.appendChild(desc);

                    const daysGrid = document.createElement('div');
                    daysGrid.className = 'calendar-days-grid';
                    wrapper.appendChild(daysGrid);

                    const slotsTitle = document.createElement('h5');
                    slotsTitle.style.margin = '0 0 0.5rem';
                    slotsTitle.style.fontSize = '0.875rem';
                    slotsTitle.style.fontWeight = '700';
                    slotsTitle.style.color = '#475569';
                    slotsTitle.textContent = 'Available Slots:';
                    wrapper.appendChild(slotsTitle);

                    const slotsContainer = document.createElement('div');
                    slotsContainer.className = 'calendar-slots-grid';
                    wrapper.appendChild(slotsContainer);

                    const loadingIndicator = document.createElement('div');
                    loadingIndicator.style.fontSize = '0.875rem';
                    loadingIndicator.style.color = '#64748b';
                    loadingIndicator.style.padding = '1rem 0';
                    loadingIndicator.style.textAlign = 'center';
                    loadingIndicator.textContent = 'Loading slots...';

                    const days = getNextBookingDays();
                    let selectedDateStr = days[0].dateStr;

                    days.forEach(function(day, index) {
                        const dayBtn = document.createElement('button');
                        dayBtn.className = 'calendar-day-btn' + (index === 0 ? ' active' : '');
                        dayBtn.textContent = day.label;
                        dayBtn.addEventListener('click', function() {
                            const activeBtns = daysGrid.querySelectorAll('.calendar-day-btn');
                            activeBtns.forEach(btn => btn.classList.remove('active'));
                            dayBtn.classList.add('active');
                            selectedDateStr = day.dateStr;
                            loadSlots(day.dateStr);
                        });
                        daysGrid.appendChild(dayBtn);
                    });

                    async function loadSlots(dateStr) {
                        slotsContainer.innerHTML = '';
                        slotsContainer.appendChild(loadingIndicator);
                        try {
                            const res = await fetch('/api/shared/booking/slots?userId=' + encodeURIComponent(userId) + '&date=' + encodeURIComponent(dateStr));
                            const data = await res.json();
                            slotsContainer.innerHTML = '';

                            if (!res.ok) throw new Error(data.error || 'Failed to fetch slots');

                            const slots = data.slots || [];
                            if (slots.length === 0) {
                                const noSlots = document.createElement('div');
                                noSlots.style.gridColumn = 'span 2';
                                noSlots.style.fontSize = '0.875rem';
                                noSlots.style.color = '#64748b';
                                noSlots.style.padding = '1.5rem 0';
                                noSlots.style.textAlign = 'center';
                                noSlots.textContent = 'No slots available for this day.';
                                slotsContainer.appendChild(noSlots);
                                return;
                            }

                            slots.forEach(function(slotIso) {
                                const slotDate = new Date(slotIso);
                                const timeLabel = slotDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
                                
                                const slotBtn = document.createElement('button');
                                slotBtn.className = 'calendar-slot-btn';
                                slotBtn.textContent = timeLabel;
                                slotBtn.addEventListener('click', function() {
                                    showConfirmBooking(slotIso, timeLabel, dateStr);
                                });
                                slotsContainer.appendChild(slotBtn);
                            });
                        } catch (err) {
                            slotsContainer.innerHTML = '';
                            const errEl = document.createElement('div');
                            errEl.style.gridColumn = 'span 2';
                            errEl.style.fontSize = '0.875rem';
                            errEl.style.color = '#ef4444';
                            errEl.style.padding = '1.5rem 0';
                            errEl.style.textAlign = 'center';
                            errEl.style.fontWeight = '600';
                            errEl.textContent = 'Error loading slots: ' + err.message;
                            slotsContainer.appendChild(errEl);
                        }
                    }

                    const footer = document.createElement('div');
                    footer.style.display = 'flex';
                    footer.style.justifyContent = 'center';
                    footer.style.marginTop = '1rem';
                    footer.style.borderTop = '1px solid #e2e8f0';
                    footer.style.paddingTop = '1rem';

                    const skipBtn = document.createElement('button');
                    skipBtn.style.background = 'none';
                    skipBtn.style.border = 'none';
                    skipBtn.style.color = '#64748b';
                    skipBtn.style.fontSize = '0.875rem';
                    skipBtn.style.fontWeight = '600';
                    skipBtn.style.cursor = 'pointer';
                    skipBtn.textContent = 'Skip for now';
                    skipBtn.addEventListener('click', function() {
                        showSuccessDirect();
                    });
                    footer.appendChild(skipBtn);
                    wrapper.appendChild(footer);

                    stepsContainer.appendChild(wrapper);

                    // Load slots for first day
                    loadSlots(selectedDateStr);

                    function showConfirmBooking(slotIso, timeLabel, dateStr) {
                        stepsContainer.innerHTML = '';
                        
                        const confirmWrapper = document.createElement('div');
                        confirmWrapper.className = 'survey-step-active';
                        confirmWrapper.style.display = 'flex';
                        confirmWrapper.style.flexDirection = 'column';
                        confirmWrapper.style.gap = '1.25rem';
                        confirmWrapper.style.textAlign = 'center';
                        confirmWrapper.style.padding = '1rem 0';

                        const confirmTitle = document.createElement('h4');
                        confirmTitle.style.margin = '0';
                        confirmTitle.style.color = '#0f172a';
                        confirmTitle.style.fontSize = '1.25rem';
                        confirmTitle.style.fontWeight = '800';
                        confirmTitle.textContent = 'Confirm Your Appointment';
                        confirmWrapper.appendChild(confirmTitle);

                        const detailBox = document.createElement('div');
                        detailBox.style.background = '#f8fafc';
                        detailBox.style.border = '1px solid #e2e8f0';
                        detailBox.style.borderRadius = '0.75rem';
                        detailBox.style.padding = '1.25rem';
                        detailBox.style.display = 'flex';
                        detailBox.style.flexDirection = 'column';
                        detailBox.style.gap = '0.5rem';

                        const formattedDate = new Date(slotIso).toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });

                        const dateEl = document.createElement('div');
                        dateEl.style.fontSize = '0.95rem';
                        dateEl.style.fontWeight = '700';
                        dateEl.style.color = '#1e293b';
                        dateEl.textContent = '📅  ' + formattedDate;
                        detailBox.appendChild(dateEl);

                        const timeEl = document.createElement('div');
                        timeEl.style.fontSize = '1.1rem';
                        timeEl.style.fontWeight = '800';
                        timeEl.style.color = brandColor;
                        timeEl.textContent = '⏰  ' + timeLabel;
                        detailBox.appendChild(timeEl);

                        confirmWrapper.appendChild(detailBox);

                        const actionBtn = document.createElement('button');
                        actionBtn.className = 'eligibility-submit-btn';
                        actionBtn.textContent = 'Confirm Booking';
                        confirmWrapper.appendChild(actionBtn);

                        const cancelBtn = document.createElement('button');
                        cancelBtn.className = 'eligibility-submit-btn';
                        cancelBtn.style.setProperty('background', '#f1f5f9', 'important');
                        cancelBtn.style.setProperty('color', '#475569', 'important');
                        cancelBtn.style.boxShadow = 'none';
                        cancelBtn.style.border = '1px solid #e2e8f0';
                        cancelBtn.textContent = 'Change Date/Time';
                        cancelBtn.addEventListener('click', function() {
                            renderCalendarBooking(leadId);
                        });
                        confirmWrapper.appendChild(cancelBtn);

                        const errorMsg = document.createElement('p');
                        errorMsg.style.margin = '0';
                        errorMsg.style.fontSize = '0.875rem';
                        errorMsg.style.color = '#ef4444';
                        errorMsg.style.fontWeight = '600';
                        errorMsg.style.display = 'none';
                        confirmWrapper.appendChild(errorMsg);

                        actionBtn.addEventListener('click', async function() {
                            actionBtn.disabled = true;
                            actionBtn.textContent = 'Booking...';
                            errorMsg.style.display = 'none';
                            cancelBtn.style.display = 'none';

                            try {
                                const eventId = 'evt_sched_' + Date.now() + '_' + Math.random().toString(36).substring(2, 11);
                                const bookingRes = await fetch('/api/shared/booking/create', {
                                    method: 'POST',
                                    headers: { 'Content-Type': 'application/json' },
                                    body: JSON.stringify({
                                        lead_id: leadId,
                                        slot: slotIso,
                                        user_id: userId,
                                        eventId: eventId
                                    })
                                });

                                const bookingData = await bookingRes.json();
                                if (!bookingRes.ok || !bookingData.success) {
                                    throw new Error(bookingData.error || 'Booking failed');
                                }

                                showBookedSuccess(formattedDate, timeLabel);
                            } catch (err) {
                                errorMsg.textContent = err.message || 'Something went wrong. Please try again.';
                                errorMsg.style.display = 'block';
                                actionBtn.disabled = false;
                                actionBtn.textContent = 'Confirm Booking';
                                cancelBtn.style.display = 'block';
                            }
                        });

                        stepsContainer.appendChild(confirmWrapper);
                    }

                    function showBookedSuccess(dateLabel, timeLabel) {
                        stepsContainer.innerHTML = '';

                        const wrapper = document.createElement('div');
                        wrapper.className = 'survey-step-active';
                        wrapper.style.display = 'flex';
                        wrapper.style.flexDirection = 'column';
                        wrapper.style.alignItems = 'center';
                        wrapper.style.textAlign = 'center';
                        wrapper.style.gap = '1.25rem';
                        wrapper.style.padding = '1.5rem 0';

                        const iconContainer = document.createElement('div');
                        iconContainer.style.width = '4rem';
                        iconContainer.style.height = '4rem';
                        iconContainer.style.background = '#f0fdf4';
                        iconContainer.style.borderRadius = '50%';
                        iconContainer.style.display = 'flex';
                        iconContainer.style.alignItems = 'center';
                        iconContainer.style.justifyContent = 'center';
                        iconContainer.style.color = '#22c55e';
                        iconContainer.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="m9 12 2 2 4-4"/></svg>';
                        wrapper.appendChild(iconContainer);

                        const title = document.createElement('h4');
                        title.style.margin = '0';
                        title.style.color = '#166534';
                        title.style.fontSize = '1.5rem';
                        title.style.fontWeight = '900';
                        title.textContent = 'Booking Confirmed!';
                        wrapper.appendChild(title);

                        const msgText = document.createElement('p');
                        msgText.style.margin = '0';
                        msgText.style.color = '#4b5563';
                        msgText.style.fontSize = '0.95rem';
                        msgText.style.lineHeight = '1.6';
                        msgText.style.fontWeight = '600';
                        msgText.innerHTML = 'Your appointment is scheduled for <br><span style="color:#0f172a; font-weight:800;">' + dateLabel + ' at ' + timeLabel + '</span>.<br>A Google Calendar invitation has been sent to your email.';
                        wrapper.appendChild(msgText);

                        const closeBtn2 = document.createElement('button');
                        closeBtn2.className = 'eligibility-submit-btn';
                        closeBtn2.style.setProperty('background', '#166534', 'important');
                        closeBtn2.style.setProperty('color', '#ffffff', 'important');
                        closeBtn2.style.boxShadow = 'none';
                        closeBtn2.textContent = 'Done';
                        closeBtn2.addEventListener('click', closeModal);
                        wrapper.appendChild(closeBtn2);

                        stepsContainer.appendChild(wrapper);
                    }
                }
                
                if (isSurvey && stepsContainer) {
                    currentStep = 0;
                    renderStep();
                } else {
                    document.addEventListener('click', function(e) {
                        const target = e.target.closest('a');
                        if (target) {
                            const href = target.getAttribute('href') || '';
                            if (href === '#qualification-form-container') {
                                e.preventDefault();
                                openModal();
                                return;
                            }
                        }
                        
                        const btn = e.target.closest('.open-eligibility-modal-btn');
                        if (btn) {
                            e.preventDefault();
                            openModal();
                        }
                    });
                }

                // Auto-hook into any static or AI-generated custom forms on the page
                function hookStaticForms() {
                    const hasAttachedForm = false;
                    const oldModal = document.getElementById('enquiryModal');
                    
                    if (hasAttachedForm) {
                        // 1. Hide and disable any AI-generated custom modal since a real form is attached
                        if (oldModal) {
                            oldModal.style.setProperty('display', 'none', 'important');
                            oldModal.classList.remove('active');
                            oldModal.remove();
                        }
                        
                        // 2. Hijack the global openModal/closeModal functions to open our dynamic overlay
                        window.openModal = function() {
                            const target = document.getElementById('survey-wizard-container') || document.getElementById('qualification-form-container');
                            if (target) {
                                const offset = 100;
                                const top = target.getBoundingClientRect().top + window.scrollY - offset;
                                window.scrollTo({ top: top, behavior: 'smooth' });
                            }
                        };
                        window.closeModal = function() {
                            // Inline layout has no closeModal actions needed
                        };
                    } else {
                        // No attached form - make the AI-generated form functional!
                        
                        // Hide custom modal by default on load
                        if (oldModal) {
                            oldModal.style.display = 'none';
                            oldModal.classList.remove('active');
                            document.body.style.overflow = 'auto';

                            // Re-bind global trigger methods
                            window.openModal = function() {
                                oldModal.style.display = 'flex';
                                oldModal.classList.add('active');
                                document.body.style.overflow = 'hidden';
                            };
                            window.closeModal = function() {
                                oldModal.style.display = 'none';
                                oldModal.classList.remove('active');
                                document.body.style.overflow = 'auto';
                            };
                            
                            // Re-bind close button clicks
                            const closeBtn3 = oldModal.querySelector('button[onclick="closeModal()"]') || oldModal.querySelector('.absolute.top-4.right-4');
                            if (closeBtn3) {
                                closeBtn3.removeAttribute('onclick');
                                closeBtn3.addEventListener('click', window.closeModal);
                            }
                            
                            // Handle click outside modal to close
                            oldModal.addEventListener('click', function(e) {
                                if (e.target === oldModal) {
                                    window.closeModal();
                                }
                            });
                        }

                        // Ensure all inputs and buttons on the page are clickable and active
                        const allInputs = Array.from(document.querySelectorAll('input, button, select, textarea'));
                        allInputs.forEach(function(el) {
                            if (el.id.startsWith('eligibility-') || el.id.startsWith('survey-')) return;
                            el.removeAttribute('disabled');
                            el.removeAttribute('readonly');
                            el.style.pointerEvents = 'auto';
                            el.style.cursor = el.tagName === 'BUTTON' ? 'pointer' : 'text';
                        });

                        async function handleCustomSubmit(container, customBtn) {
                            const submitBtn = customBtn || container.querySelector('button[type="submit"]') || container.querySelector('button');
                            if (!submitBtn) return;
                            
                            if (submitBtn.disabled) return;
                            submitBtn.disabled = true;
                            const originalText = submitBtn.textContent;
                            submitBtn.textContent = 'Submitting...';

                            let nameVal = '';
                            let phoneVal = '';
                            let emailVal = '';
                            let cityVal = '';
                            let budgetVal = '';

                            const formInputs = Array.from(container.querySelectorAll('input, select, textarea'));
                            formInputs.forEach(function(input) {
                                const placeholder = (input.placeholder || '').toLowerCase();
                                const type = (input.type || '').toLowerCase();
                                const nameAttr = (input.name || '').toLowerCase();
                                const val = input.value.trim();

                                if ((type === 'radio' || type === 'checkbox') && !input.checked) return;

                                const idAttr = (input.id || '').toLowerCase();
                                const isPhone = type === 'tel' || placeholder.includes('phone') || placeholder.includes('number') || placeholder.includes('whatsapp') || nameAttr.includes('phone') || nameAttr.includes('number') || nameAttr.includes('whatsapp') || idAttr.includes('phone');
                                const isEmail = type === 'email' || val.includes('@') || placeholder.includes('email') || nameAttr.includes('email') || idAttr.includes('email');
                                const isCity = !isPhone && !isEmail && (placeholder.includes('city') || placeholder.includes('location') || placeholder.includes('country') || placeholder.includes('dubai') || placeholder.includes('mohali') || nameAttr.includes('city') || nameAttr.includes('location') || idAttr.includes('city'));
                                const isBudget = !isPhone && !isEmail && !isCity && (placeholder.includes('budget') || placeholder.includes('plot') || placeholder.includes('size') || nameAttr.includes('budget') || nameAttr.includes('size') || nameAttr.includes('plot') || idAttr.includes('budget'));
                                const isName = !isPhone && !isEmail && !isCity && !isBudget && !val.includes('@') && (nameAttr === 'name' || nameAttr.includes('name') || placeholder.includes('full name') || placeholder.includes('legal name') || placeholder.includes('first name') || placeholder.includes('john') || idAttr.includes('name') || (!nameVal && type === 'text'));

                                if (isPhone) phoneVal = val;
                                else if (isEmail) emailVal = val;
                                else if (isCity) cityVal = val;
                                else if (isBudget) budgetVal = val;
                                else if (isName && val && !val.includes('@')) nameVal = val;
                            });

                            if (!phoneVal) {
                                alert('Please enter your Mobile/WhatsApp Number.');
                                submitBtn.disabled = false;
                                submitBtn.textContent = originalText;
                                return;
                            }

                            const eventId = 'evt_lead_' + Date.now() + '_' + Math.random().toString(36).substring(2, 11);
                            const payload = {
                                landing_page_id: 'fc07837b-cc54-437d-8519-293af634adba',
                                user_id: '2f62a259-f23b-48ee-a920-c436f36eaa4b',
                                slug: 'gbp_suite_2f62a259-f23b-48ee-a920-c436f36eaa4b',
                                name: nameVal || 'Prospect',
                                phone: phoneVal,
                                email: emailVal || '',
                                city: cityVal || '',
                                custom_question_0: budgetVal ? ('Selected Plot Size: ' + budgetVal) : '',
                                eventId: eventId
                            };

                            try {
                                const res = await fetch('/api/shared/landing-page/lead', {
                                    method: 'POST',
                                    headers: { 'Content-Type': 'application/json' },
                                    body: JSON.stringify(payload)
                                });

                                const resData = await res.json();
                                if (!res.ok || !resData.success) {
                                    throw new Error(resData.error || 'Submission failed');
                                }

                                if (window.fbq) {
                                    window.fbq('track', 'Lead', {
                                        content_name: 'gbp_suite_profile',
                                        status: 'Qualified'
                                    }, { eventID: eventId });
                                }

                                formInputs.forEach(function(i) {
                                    if (i.type === 'radio' || i.type === 'checkbox') {
                                        i.checked = false;
                                    } else {
                                        i.value = '';
                                    }
                                });
                                
                                submitBtn.textContent = 'Submitted Successfully!';
                                submitBtn.style.background = '#166534';
                                
                                setTimeout(function() {
                                    if (window.closeModal) window.closeModal();
                                }, 1500);

                                showSuccess(resData.leadId);
                            } catch (err) {
                                alert(err.message || 'Something went wrong. Please try again.');
                                submitBtn.disabled = false;
                                submitBtn.textContent = originalText;
                            }
                        }

                        // Intercept submit on any custom form on the page (both hero card and popup modal)
                        // Clone-replace each form to strip any AI-generated listeners (e.g. "Sending..." freeze)
                        const forms = Array.from(document.querySelectorAll('form'));
                        forms.forEach(function(form) {
                            if (form.id && (form.id.startsWith('eligibility-') || form.id.startsWith('survey-') || form.hasAttribute('data-no-auto-hook'))) return;
                            
                            const clone = form.cloneNode(true);
                            clone.removeAttribute('action');
                            clone.removeAttribute('method');
                            clone.removeAttribute('onsubmit');
                            
                            clone.addEventListener('submit', async function(e) {
                                e.preventDefault();
                                e.stopImmediatePropagation();
                                handleCustomSubmit(clone);
                            });
                            
                            form.parentNode.replaceChild(clone, form);
                        });

                        // Also find any buttons not inside a form that submit data
                        const buttons = Array.from(document.querySelectorAll('button'));
                        buttons.forEach(function(btn) {
                            if (btn.id.startsWith('eligibility-') || btn.id.startsWith('survey-') || btn.className.includes('open-eligibility-modal-btn')) return;
                            
                            // Check if button is inside a form
                            if (btn.closest('form')) return; 

                            const text = btn.textContent.toLowerCase();
                            if (text.includes('download') || text.includes('submit') || text.includes('enquiry') || text.includes('check') || text.includes('register') || text.includes('book') || text.includes('get price') || text.includes('avail')) {
                                btn.addEventListener('click', async function(e) {
                                    e.preventDefault();
                                    // Climb up to find a container with inputs
                                    let container = btn.parentElement;
                                    while (container && container.tagName !== 'BODY') {
                                        if (container.querySelectorAll('input').length > 0) {
                                            break;
                                        }
                                        container = container.parentElement;
                                    }
                                    if (container) {
                                        handleCustomSubmit(container, btn);
                                    }
                                });
                            }
                        });
                    }
                }
                
                // Run hook immediately and at every lifecycle stage to bypass other scripts/crashes
                try {
                    hookStaticForms();
                } catch(e) {
                    console.error('[hookStaticForms Immediate Error]', e);
                }
                document.addEventListener('DOMContentLoaded', function() {
                    try { hookStaticForms(); } catch(e) {}
                });
                window.addEventListener('load', function() {
                    try { hookStaticForms(); } catch(e) {}
                });
                setTimeout(function() {
                    try { hookStaticForms(); } catch(e) {}
                }, 500);
                setTimeout(function() {
                    try { hookStaticForms(); } catch(e) {}
                }, 1500);
            })();
            </script>