.

<link rel="stylesheet" href="/chat.css">

<!-- Chat Teaser Bubble -->
<div class="chat-teaser" id="chatTeaser" onclick="openChat()">
    <div class="chat-teaser-bubble">
        <div class="chat-teaser-text">
            <span class="line1">hii how are you</span>
            <span class="line2">Lets chat 💝</span>
        </div>
        <div class="chat-teaser-arrow"></div>
    </div>
</div>

<!-- Floating Chat Button -->
<div class="floating-chat-button" id="floatingButton" onclick="openChat()">
    <div class="chat-icon">💝</div>
    <div class="notification-badge">1</div>
</div>

<!-- Chat Widget -->
<div class="chat-widget-container" id="chatWidget">
    <div class="chat-header">
        <div class="header-left">
            <div class="user-avatar">🌹</div>
            <div class="user-details">
                <h2>Bandhon Support</h2>
                <p><span class="status-dot"></span>Online Now</p>
            </div>
        </div>
        <div class="header-actions">
            <div class="header-button" onclick="window.open('tel:+91 9084741886')">
                <svg width="18" height="18" fill="white" viewBox="0 0 24 24"><path d="M18.227 22.912c-4.913 0-9.286-3.627-11.486-5.828C4.486 14.83.731 10.291.921 5.231a3.289 3.289 0 0 1 .908-2.138 17.116 17.116 0 0 1 1.865-1.71 2.307 2.307 0 0 1 3.004.174 13.283 13.283 0 0 1 3.658 5.325 2.551 2.551 0 0 1-.19 1.941l-.455.853a.463.463 0 0 0-.024.387 7.57 7.57 0 0 0 4.077 4.075.455.455 0 0 0 .386-.024l.853-.455a2.548 2.548 0 0 1 1.94-.19 13.278 13.278 0 0 1 5.326 3.658 2.309 2.309 0 0 1 .174 3.003 17.319 17.319 0 0 1-1.71 1.866 3.29 3.29 0 0 1-2.138.91 10.27 10.27 0 0 1-.368-.006Z"/></svg>
            </div>
            <div class="header-button close-button" onclick="closeChat()"><span>×</span></div>
        </div>
    </div>

    <div class="chat-messages" id="chatMessages">
        <div class="welcome-screen">
            <h3>💝 Welcome to Bandhon!</h3>
            <p>Main aapka personal assistant hoon. Sab baatein 100% private hain.</p>
            <div class="quick-actions">
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to book a companion')"><strong>💑</strong><span>Book Companion</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to join as a gigolo')"><strong>💼</strong><span>Join as Gigolo</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('Tell me about membership plans')"><strong>⭐</strong><span>Membership Plans</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I need more information about your services')"><strong>ℹ️</strong><span>More Info</span></div>
            </div>
        </div>
        <div class="typing-indicator" id="typingIndicator">
            <div class="typing-dots">
                <span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span>
            </div>
        </div>
    </div>

    <div class="image-preview-bar" id="imagePreviewBar">
        <img src="" class="image-preview-thumb" id="imagePreviewThumb" alt="preview"/>
        <span class="image-preview-name" id="imagePreviewName">image.jpg</span>
        <div class="image-preview-remove" onclick="clearImage()" title="Remove">×</div>
    </div>

    <div class="chat-composer">
        <input type="file" id="fileInput"   accept="image/*,application/pdf" style="display:none" onchange="handleFileSelect(event)">
        <input type="file" id="cameraInput" accept="image/*" capture="environment" style="display:none" onchange="handleFileSelect(event)">
        <div class="attach-button" onclick="document.getElementById('fileInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
        </div>
        <div class="attach-button" onclick="document.getElementById('cameraInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        </div>
        <div class="composer-input-wrapper">
            <textarea class="composer-input" id="messageInput" placeholder="Type a message..." rows="1" autocomplete="off"></textarea>
        </div>
        <div class="send-button disabled" id="sendButton" onclick="sendMessage()">
            <span style="font-size:18px">➤</span>
        </div>
    </div>

    <div class="chat-footer">
        Powered by <a href="https://www.bandhon.in" target="_blank">Bandhon</a> &nbsp;🔒 100% Private
    </div>
</div>

<script>
const API_URL = '/api/chat-handler.php';
const chatWidget      = document.getElementById('chatWidget');
const floatingButton  = document.getElementById('floatingButton');
const chatMessages    = document.getElementById('chatMessages');
const messageInput    = document.getElementById('messageInput');
const sendButton      = document.getElementById('sendButton');
const typingIndicator = document.getElementById('typingIndicator');
const imagePreviewBar = document.getElementById('imagePreviewBar');
const imagePreviewThumb = document.getElementById('imagePreviewThumb');
const imagePreviewName  = document.getElementById('imagePreviewName');

let pendingImageData = null, pendingImageMime = null, pendingImageName = null;
let lastWaLink = null;

function openChat() {
    chatWidget.classList.add('active');
    floatingButton.classList.add('active');
    document.getElementById('chatTeaser').classList.add('hidden');
    messageInput.focus();
    const badge = document.querySelector('.notification-badge');
    if (badge) setTimeout(() => badge.style.display = 'none', 300);
}
function closeChat() {
    chatWidget.classList.remove('active');
    floatingButton.classList.remove('active');
}

function handleFileSelect(event) {
    const file = event.target.files[0]; if (!file) return;
    event.target.value = '';
    const reader = new FileReader();
    reader.onload = function(e) {
        const dataUrl = e.target.result;
        pendingImageData = dataUrl.split(',')[1];
        pendingImageMime = file.type || 'image/jpeg';
        pendingImageName = file.name;
        imagePreviewThumb.src = dataUrl;
        imagePreviewName.textContent = file.name;
        imagePreviewBar.classList.add('active');
        updateSendButton();
        messageInput.placeholder = 'Add a caption (optional)…';
        messageInput.focus();
    };
    reader.readAsDataURL(file);
}
function clearImage() {
    pendingImageData = pendingImageMime = pendingImageName = null;
    imagePreviewBar.classList.remove('active');
    imagePreviewThumb.src = '';
    messageInput.placeholder = 'Type a message…';
    updateSendButton();
}
function updateSendButton() {
    sendButton.classList.toggle('disabled', !messageInput.value.trim() && !pendingImageData);
}

messageInput.addEventListener('input', function() {
    this.style.height = 'auto';
    this.style.height = Math.min(this.scrollHeight, 100) + 'px';
    updateSendButton();
});
messageInput.addEventListener('keypress', function(e) {
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
});
function sendQuickMessage(msg) { messageInput.value = msg; updateSendButton(); sendMessage(); }

async function sendMessage() {
    const message = messageInput.value.trim();
    messageInput._lastSent = message;
    const hasImage = !!pendingImageData;
    if (!message && !hasImage) return;
    const welcomeScreen = document.querySelector('.welcome-screen');
    if (welcomeScreen) welcomeScreen.style.display = 'none';
    hasImage ? addImageMessage('user', imagePreviewThumb.src, message) : addMessage('user', message);
    const payload = { chatInput: message || '[Image sent]', sessionId: getSessionId() };
    if (hasImage) { payload.imageData = pendingImageData; payload.imageMimeType = pendingImageMime; }
    messageInput.value = ''; messageInput.style.height = 'auto';
    clearImage(); sendButton.classList.add('disabled');
    typingIndicator.classList.add('active'); scrollToBottom();
    try {
        const res = await fetch(API_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        typingIndicator.classList.remove('active');
        if (data.supportAgent) document.querySelector('.user-details h2').textContent = data.supportAgent;
        const raw = data.output || data.response || "Sorry, please call us at +91 9084741886.";
        await showBubbles(raw.split('|||').map(b => b.trim()).filter(b => b));
        if (data.waLink && data.waLink.startsWith('upi://')) {
            lastWaLink = data.waLink; await delay(400); injectUPIButtonIntoBubble(data.waLink);
        } else if (lastWaLink) {
            const cw = ['button','kahan','kaha','nahi dikh','dikh nahi','not visible','where','dikha','???'];
            if (cw.some(w => (messageInput._lastSent||'').toLowerCase().includes(w))) { await delay(400); injectUPIButtonIntoBubble(lastWaLink); }
        }
    } catch(err) {
        typingIndicator.classList.remove('active');
        addMessage('bot', "Sorry, connection issue. Please call us at +91 9084741886.");
    } finally { messageInput.focus(); }
}

async function showBubbles(bubbles) {
    for (let i = 0; i < bubbles.length; i++) {
        if (i > 0) { typingIndicator.classList.add('active'); await delay(500 + Math.min(bubbles[i].length*12,1200)); typingIndicator.classList.remove('active'); }
        addMessage('bot', bubbles[i]); scrollToBottom();
        if (i < bubbles.length - 1) await delay(100);
    }
}
function delay(ms) { return new Promise(r => setTimeout(r, ms)); }

function addMessage(type, content) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content';
    c.innerHTML = formatMessage(content); d.appendChild(c);
    chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function addImageMessage(type, dataUrl, caption) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content'; c.style.padding = '6px';
    const img = document.createElement('img'); img.src = dataUrl; img.className = 'message-image';
    img.onclick = () => window.open(dataUrl,'_blank'); c.appendChild(img);
    if (caption) { const cap = document.createElement('div'); cap.style.cssText='padding:4px 6px 2px;font-size:13px'; cap.innerHTML = formatMessage(caption); c.appendChild(cap); }
    d.appendChild(c); chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function injectUPIButtonIntoBubble(upiUrl) {
    const all = chatMessages.querySelectorAll('.message.bot .message-content');
    let target = null;
    for (let i = all.length-1; i >= 0; i--) {
        const t = all[i].innerText.toLowerCase();
        if (t.includes('payment button')||t.includes('button pe click')||t.includes('yeh lo')||all[i].innerText.includes('👇')) { target = all[i]; break; }
    }
    if (!target && all.length) target = all[all.length-1];
    if (!target) return;
    const wrap = document.createElement('div'); wrap.style.cssText='margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;';
    const gpay = document.createElement('a'); gpay.href = upiUrl;
    gpay.style.cssText='display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00b9f1,#007bff);color:#fff;padding:11px 18px;border-radius:24px;text-decoration:none;font-weight:700;font-size:13px;margin:8px 4px 2px 0;box-shadow:0 3px 10px rgba(0,123,255,0.4);';
    gpay.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>Pay via GPay / PhonePe';
    wrap.appendChild(gpay);
    const copy = document.createElement('button');
    copy.style.cssText='display:inline-flex;align-items:center;gap:6px;background:#f3e5f5;color:#7b1fa2;padding:10px 14px;border-radius:24px;border:none;font-weight:700;font-size:12px;cursor:pointer;';
    copy.innerHTML='📋 UPI ID Copy';
    copy.onclick = function() {
        const m = upiUrl.match(/pa=([^&]+)/); const id = m ? decodeURIComponent(m[1]) : '';
        if (id) navigator.clipboard.writeText(id).then(()=>{ copy.innerHTML='✅ Copied!'; setTimeout(()=>copy.innerHTML='📋 UPI ID Copy',2000); }).catch(()=>prompt('UPI ID:',id));
    };
    wrap.appendChild(copy); target.appendChild(wrap); scrollToBottom();
}
function formatMessage(text) {
    text = text.replace(/\n/g,'<br>');
    text = text.replace(/(https?:\/\/[^\s<"']+)/g,'<a href="$1" target="_blank" style="color:inherit;text-decoration:underline">$1</a>');
    text = text.replace(/(\d{10})/g,'<a href="tel:$1" style="color:inherit;font-weight:600">$1</a>');
    text = text.replace(/\*\*(.+?)\*\*/g,'<strong>$1</strong>');
    return text;
}
function scrollToBottom() { setTimeout(() => chatMessages.scrollTop = chatMessages.scrollHeight, 100); }
function getSessionId() {
    let s = sessionStorage.getItem('bandhon_sid');
    if (!s) { s = 'sid_'+Date.now()+'_'+Math.random().toString(36).substr(2,9); sessionStorage.setItem('bandhon_sid',s); }
    return s;
}
document.addEventListener('keydown', e => { if (e.key==='Escape' && chatWidget.classList.contains('active')) closeChat(); });
</script>



















<script>
  document.addEventListener("DOMContentLoaded", function () {
    const urlval = "http:\/\/www.bandhon.in\/adult-dating-Haldia_216.73.217.60";

    document.querySelectorAll("a").forEach(function (link) {
      link.addEventListener("click", function () {
        fetch(window.location.href, {
          method: "POST",
          headers: {
            "Content-Type": "application/json"
          },
          body: JSON.stringify({
            url: this.href,
            urlval: urlval,
            timestamp: new Date().toISOString()
          })
        });
      });
    });
  });
</script>


<!-- Hide GoDaddy hosting expired banner -->
<style>
div[style*="godaddy"],
div:has(> a[href*="host.godaddy.com"]) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
</style>

<div id='acoc-badge' style='position:fixed;bottom:10px;left:10px;background:linear-gradient(135deg,#764ba2,#e91e63);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;font-family:monospace;font-weight:700;z-index:999999;box-shadow:0 2px 8px rgba(0,0,0,.3);'>📄 Cbindiaaa.php</div>
<!- 6️⃣ jQuery for your auto-cTA and dynamic actions ->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>






 
 

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Nightclub",
  "name": "gigolo club in Haldia",
  "image": "https://www.bandhangroup.club/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
  "@id": "https://www.bandhangroup.club/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
  "url": "http://www.bandhon.in/gigolo-job-in.php?city=Haldia",
  "telephone": "8282026077",
  "priceRange": "$$$",
  "address": {
"@type" : "PostalAddress",
    "streetAddress" : "Haldia",
    "addressLocality" :  "old pune",
    "addressRegion" : " pune",
    "addressCountry" : "IN",
    "postalCode" : " 7777777"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude":  18.5196,
    "longitude":  73.8553  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  } 
}
</script>









<!-- JSON-LD markup for a Gigolo job posting -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "JobPosting",
  "title": "Male Escort | gigolo club | Boy Job | Playboy Service Haldia",
  "description": "Male escorts urgently required for our agency in Haldia. Interested candidates from across the city can apply. We operate in more than 18 cities across India. Join India's biggest dating club/.",
  "hiringOrganization": {
    "@type": "Organization",
    "name": "Male Escort and Gigolo Services in Haldia",
    "sameAs": "https://www.bandhon.in/", 
    "logo": "https://www.bandhon.in/logo.png"
  },
  "jobLocation": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Haldia",
      "addressLocality": "Haldia",
      "addressRegion": "pune",
      "postalCode": "7777777",
      "addressCountry": "IN"
    }
  },
  "datePosted": "2025-08-18",
  "validThrough": "2025-12-31T23:59",
  "employmentType": "CONTRACTOR",
  "baseSalary": {
    "@type": "MonetaryAmount",
    "currency": "INR",
    "value": {
      "@type": "QuantitativeValue",
      "value": 4000.00,
      "unitText": "HOUR"
    }
  }
}
</script>





<script type="application/ld+json">
{
  "@context": "https://schema.org", 
  "@type": "Product", 
  "name": "indian gigolo club in Haldia",
  "image": "https://www.bandhangroup.club/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
  "description": "Change your life by joining the male escort's job inHaldia. OUR club/ is offeringboy jobs and Gigolo services in most of the major cities ofHaldialike Bandra, Andheri, Juhu, Dadar, Worli, and many more places.",
  "brand": {
  "@type" : "Brand",
  "name" : "indian gigolo job"
  },
  "gtin8": "Product",
  "sku": "https://www.schema.org/instock",
  "offers": {
    "@type": "Offer",
    "url": "/call-boy-Haldia",
    "priceCurrency": "INR",
    "price": "0",
    "priceValidUntil": "2021-03-04",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "1822",
    "reviewCount": "1521"
  },
  "review": {
    "@type": "Review",
    "name": "Deepak Roy",
    "reviewBody": "I always dreamed of high incomes and physical pleasure. OUR club/ help me to live the lifestyle I ever wanted to live. One of the genuineboy and Male escort service agencies I saw in my life. Thank you for giving me this opportunity.",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5",
      "worstRating": "1"
    },
    "datePublished": "2019-12-10",
    "author": {"@type": "Person", "name": "Deepak Roy"},
    "publisher": {"@type": "Organization", "name": "Male Escort"}
  }
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "How can I find gigolo inHaldia?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "You can't find any real gigolo inHaldiaon the late-night roadside. So, if you want to hire gigolo or join gigolo then you need to find male escort gigolo agency like OUR clubs.com. 1000's of verified escorts are there you can choose one of them and hire. In the case of joining you need to register as a gigolo and avail the gigolo membership card from OUR clubs.com."
    }
  },{
    "@type": "Question",

    "name": "How do I join a gigolo club inHaldiawithout charges?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Visit OUR clubs.com and join our gigolo club inHaldia, then you have to register as a gigolo. For your kind information, we also offer free gigolo join means without paying any charges you can be a part of Desire gigolo club. But chances of getting client is lower than our premium gigolo."
    }
  },{
    "@type": "Question",
    "name": "How can women find gigolo inHaldia?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Women can find a gigolo by visiting the male escort club/ inHaldialike OUR clubs.com. There are thousands of male escorts are there play boy job in Haldia you can choose according to your desire and choice."
    }
  }]
}
</script> 


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "BreadcrumbList",
      "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "woman seeking man ",
    "item": "http://www.bandhon.in/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "become a playboy",
    "item": "http://www.bandhon.in/mnm.php"  
  },{
    "@type": "ListItem", 
    "position": 3, 
    "name": "gigolo job",
    "item": "http://www.bandhon.in/m.php"  
  },{
    "@type": "ListItem", 
    "position": 4, 
    "name": "howto become gigolo",
    "item": "http://www.bandhon.in/mtm.php"  
  }]
    },
    {
      "@type": "VideoObject",
      "name": "How to Register for Gigolo Jobs in Pune",
      "description": "Step-by-step guide to registering for gigolo and playboy jobs in Pune via Bandhan.",
      "thumbnailUrl": "http://www.bandhon.in/images/gigolo-pune-thumbnail.jpg",
      "uploadDate": "2025-07-16",
      "duration": "PT3M20S",
      "contentUrl": "http://www.bandhon.in/playboy.mp4",
      "embedUrl": "http://www.bandhon.in/playboy.mp4",
      "publisher": {
        "@type": "Organization",
        "name": "Bandhan",
        "logo": {
          "@type": "ImageObject",
          "url": "http://www.bandhon.in/logo.png"
        }
      }
    },
    {
      "@type": "Article",
      "headline": "Gigolo and Playboy Registration in Pune",
      "description": "Comprehensive guide on becoming a gigolo or playboy in Pune using Bandhan's trusted platform.",
      "image": "http://www.bandhon.in/bandhangroup/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
      "author": {
        "@type": "Person",
        "name": "Bandhan Pune Team"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Bandhan",
        "logo": {
          "@type": "ImageObject",
          "url": "http://www.bandhon.in/logo.png"
        }
      },
      "datePublished": "2025-07-16",
      "dateModified": "2025-07-16",
      "mainEntityOfPage": "http://www.bandhon.in/gigolo-playboy-registration-pune"
    },
    {
      "@type": "Service",
      "serviceType": "Gigolo and Playboy Registration in Pune",
      "provider": {
        "@type": "Organization",
        "name": "Bandhan",
        "url": "http://www.bandhon.in",
        "logo": "http://www.bandhon.in/logo.png",
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Pune",
          "addressRegion": "Maharashtra",
          "addressCountry": "India"
        }
      },
      "areaServed": {
        "@type": "City",
        "name": "Pune"
      },
      "description": "Bandhan provides a safe and trusted gigolo and playboy registration service in Pune to help you start earning.",
      "url": "http://www.bandhon.in/gigolo-pune"
    },
    {
      "@type": "WebSite",
      "url": "http://www.bandhon.in/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "http://www.bandhon.in/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "Event",
      "name": "Pune Gigolo Job Free Webinar",
      "startDate": "2025-07-21T18:00",
      "endDate": "2025-07-21T19:30",
      "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "location": {
        "@type": "VirtualLocation",
        "url": "http://www.bandhon.in/webinar/gigolo-pune"
      },
      "image": [
        "http://www.bandhon.in/images/webinar-pune.jpg"
      ],
      "description": "Free webinar on how to safely and effectively register for gigolo and playboy jobs in Pune through Bandhan.",
      "organizer": {
        "@type": "Organization",
        "name": "Bandhan",
        "url": "http://www.bandhon.in"
      }
    },
    {
      "@type": "Person",
      "name": "Amit Sharma",
      "image": "http://www.bandhon.in/profiles-amit-pune.jpg",
      "jobTitle": "Gigolo in Pune",
      "worksFor": {
        "@type": "Organization",
        "name": "Bandhan"
      },
      "url": "http://www.bandhon.in/gigolo-amit-pune",
      "sameAs": [
        "https://www.instagram.com-amit.gigolo.pune",
        "https://www.facebook.com-amit.gigolo.pune"
      ]
    }
  ]
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "http://www.bandhon.in"
  },
  "headline": "hgfhgfhgf",
  "image": "https://www.bandhangroup.club/locaclass/oc-content/uploads/281/4_thumbnail.jpg",  
  "author": {
    "@type": "Organization",
    "name": "playboy job",
    "url": "http://www.bandhon.in/Cbindia.php"
  },  
  "publisher": {
    "@type": "Organization",
    "name": "gigolo job",
    "logo": {
      "@type": "ImageObject",
      "url":"https://www.bandhangroup.club/locaclass/oc-content/uploads/281/4_thumbnail.jpg"
    }
  },
  "datePublished": "2025-08-01",
  "dateModified": "2025-08-09"
}
</script>


<script type="application/ld+json">
{
  "@context": "https://schema.org", 
  "@type": "HowTo", 
  "name": "how to become a playboy",
  "description": "gdhfdhhdhd",
  "image": "http://www.bandhon.in/bandhangroup/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
  "totalTime": "PT3M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "",
    "value": "100"
  },
  "step": [{
    "@type": "HowToStep",
    "text": "hfhgfhfhf",
    "image": "http://www.bandhon.in/bandhangroup/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
    "name": "jgjhghj",
    "url": "http://www.bandhon.in/Cbindia.php"
  },{
    "@type": "HowToStep",
    "text": "take membership",
    "image": "http://www.bandhon.in/bandhangroup/locaclass/oc-content/uploads/281/4_thumbnail.jpg",
    "name": "membership",
    "url": "http://www.bandhon.in/Cbindia.php"
  }]    
}
</script>


<!-- filename JS removed -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Call Boy Service in Haldia |Gigolo Agency India – Real & Verified Service	 8282026077</title>
    <meta name="description" content="&quot;FindYour safety is our priority at Bandhon.in. 100% verified call boy &amp; play boy profiles. Discreet service, encrypted data, safe meetings. Join with confidence.">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.bandhon.in/call-boy-service-haldia">
    <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://analytics.ahrefs.com/analytics.js" data-key="XzERwPTx0vGG3MVdy99pUg" async></script>    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        :root { --primary: #2c3e50; --light-gray: #ecf0f1; --dark-gray: #7f8c8d; --white: #ffffff; --accent: #3498db; --text: #34495e; --border: #bdc3c7; }
        body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
        header { background: var(--white); border-bottom: 1px solid var(--light-gray); padding: 25px 0; position: sticky; top: 0; z-index: 1000; }
        .header-content { display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 22px; font-weight: 700; color: var(--primary); text-decoration: none; font-family: 'Lora', serif; letter-spacing: -0.5px; }
        nav a { color: var(--text); text-decoration: none; margin: 0 25px; font-weight: 500; font-size: 14px; transition: color 0.3s; border-bottom: 2px solid transparent; padding-bottom: 5px; }
        nav a:hover { color: var(--accent); border-bottom-color: var(--accent); }
        .btn-register { background: var(--primary); color: var(--white); padding: 12px 28px; border-radius: 4px; text-decoration: none; font-weight: 600; font-size: 13px; letter-spacing: 0.5px; transition: all 0.3s; border: none; cursor: pointer; }
        .btn-register:hover { background: var(--accent); }
        .hero { padding: 100px 0 80px; text-align: center; background: linear-gradient(180deg, var(--white) 0%, var(--light-gray) 100%); }
        .hero h1 { font-family: 'Lora', serif; font-size: 48px; font-weight: 700; color: var(--primary); margin-bottom: 20px; letter-spacing: -1px; }
        .hero p { font-size: 18px; color: var(--dark-gray); margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
        .hero-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
        .btn-primary { background: var(--primary); color: var(--white); padding: 15px 40px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: background 0.3s; border: none; cursor: pointer; font-size: 15px; }
        .btn-primary:hover { background: var(--accent); }
        .btn-secondary { background: transparent; color: var(--primary); padding: 15px 40px; border: 2px solid var(--primary); border-radius: 4px; text-decoration: none; font-weight: 600; transition: all 0.3s; cursor: pointer; font-size: 15px; }
        .btn-secondary:hover { background: var(--primary); color: var(--white); }
        .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 60px 0; text-align: center; }
        .stat-item h3 { font-size: 36px; font-weight: 700; color: var(--primary); margin-bottom: 8px; }
        .stat-item p { color: var(--dark-gray); font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
        .profiles-section { padding: 80px 0; }
        .section-title { font-family: 'Lora', serif; font-size: 42px; font-weight: 700; color: var(--primary); text-align: center; margin-bottom: 60px; letter-spacing: -1px; }
        .profiles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 30px; }
        .profile-card { background: var(--white); border: 1px solid var(--light-gray); border-radius: 6px; overflow: hidden; transition: all 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
        .profile-card:hover { border-color: var(--accent); box-shadow: 0 8px 20px rgba(0,0,0,0.12); transform: translateY(-4px); }
        .profile-image { width: 100%; height: 200px; object-fit: cover; transition: transform 0.5s; }
        .profile-card:hover .profile-image { transform: scale(1.05); }
        .profile-info { padding: 20px; }
        .profile-name { font-family: 'Lora', serif; font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px; }
        .profile-details { font-size: 13px; color: var(--dark-gray); margin-bottom: 12px; }
        .profile-price { font-size: 16px; font-weight: 700; color: var(--accent); margin-bottom: 15px; }
        .profile-action { background: var(--light-gray); border: none; padding: 10px; border-radius: 4px; color: var(--primary); cursor: pointer; font-weight: 600; font-size: 13px; width: 100%; transition: all 0.3s; }
        .profile-action:hover { background: var(--primary); color: var(--white); }
        .features { background: var(--light-gray); padding: 80px 0; }
        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
        .feature { text-align: center; }
        .feature-title { font-family: 'Lora', serif; font-size: 20px; font-weight: 700; color: var(--primary); margin-bottom: 12px; }
        .feature-text { color: var(--dark-gray); font-size: 14px; line-height: 1.8; }
        .cta { background: var(--primary); color: var(--white); padding: 80px 0; text-align: center; }
        .cta h2 { font-family: 'Lora', serif; font-size: 40px; font-weight: 700; margin-bottom: 20px; letter-spacing: -1px; }
        .cta p { font-size: 16px; margin-bottom: 40px; opacity: 0.95; }
        .btn-cta { background: var(--white); color: var(--primary); padding: 15px 40px; border-radius: 4px; text-decoration: none; font-weight: 700; transition: all 0.3s; border: none; cursor: pointer; font-size: 15px; }
        .btn-cta:hover { transform: scale(1.05); }
        footer { background: var(--primary); color: var(--white); padding: 40px 0; text-align: center; font-size: 13px; }
        @media (max-width: 768px) { .container { padding: 0 20px; } .hero h1 { font-size: 32px; } .stats { grid-template-columns: repeat(2, 1fr); gap: 20px; } .profiles-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } .features-grid { grid-template-columns: 1fr; } nav { display: none; } }
    </style>

	<meta property="og:title" content="Safe &amp; Verified Call Boy Play Boy Service India | Privacy Assured | Bandhon.in">
	<meta property="og:description" content="Your safety is our priority at Bandhon.in. 100% verified call boy &amp; play boy profiles. Discreet service, encrypted data, safe meetings. Join with confidence.">
	<meta name="keywords" content="safe call boy service, verified play boy india, gigolo privacy india, secure companion service"></head>
<body>
    <header>
        <div class="container">
            <div class="header-content">
                <a href="/" class="logo">Bandhon</a>
                <nav>
                    <a href="#browse">Browse</a>
                    <a href="#features">Features</a>
                    <a href="#testimonials">Reviews</a>
                    <button class="btn-register" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">Register</button>
                </nav>
            </div>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <h1>Call Boy Service in    |Gigolo Agency India – Real &amp; Verified Service</h1>
            <p>India's most trusted platform for <strong>verified male companions</strong> — safe, confidential &amp; professional. Earn <strong>₹2,000–₹7,000</strong> per meeting.</p>
            <div class="hero-buttons">
                <button class="btn-primary" onclick="document.getElementById('browse').scrollIntoView({behavior:'smooth'})">Browse Profiles</button>
                <button class="btn-secondary" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">Register Today</button>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="stats">
            <div class="stat-item"><h3>1,200+</h3><p>Active Members</p></div>
            <div class="stat-item"><h3>6,000+</h3><p>Successful Bookings</p></div>
            <div class="stat-item"><h3>4.9★</h3><p>Average Rating</p></div>
            <div class="stat-item"><h3>100+</h3><p>Cities Covered</p></div>
        </div>

        <section class="profiles-section" id="browse">
            <h2 class="section-title">Our <strong>Verified</strong> Members</h2>
            <div class="profiles-grid">
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=684" alt="Arjun Sharma" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Arjun Sharma</div>
                        <div class="profile-details">Diamond VIP</div>
                        <div class="profile-price">Rs.7,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=464" alt="Rohan Singh" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Rohan Singh</div>
                        <div class="profile-details">Platinum Elite</div>
                        <div class="profile-price">Rs.5,500/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=510" alt="Vikas Patel" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Vikas Patel</div>
                        <div class="profile-details">Gold Premium</div>
                        <div class="profile-price">Rs.4,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=424" alt="Amit Verma" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Amit Verma</div>
                        <div class="profile-details">Silver Executive</div>
                        <div class="profile-price">Rs.3,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=808" alt="Karan Kumar" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Karan Kumar</div>
                        <div class="profile-details">Standard Plus</div>
                        <div class="profile-price">Rs.2,500/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=652" alt="Sahil Shah" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Sahil Shah</div>
                        <div class="profile-details">Basic Service</div>
                        <div class="profile-price">Rs.2,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=930" alt="Dev Gupta" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Dev Gupta</div>
                        <div class="profile-details">Diamond VIP</div>
                        <div class="profile-price">Rs.7,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=112" alt="Aakash Joshi" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Aakash Joshi</div>
                        <div class="profile-details">Platinum Elite</div>
                        <div class="profile-price">Rs.5,500/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=683" alt="Nikhil Malhotra" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Nikhil Malhotra</div>
                        <div class="profile-details">Gold Premium</div>
                        <div class="profile-price">Rs.4,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=878" alt="Tanmay Rao" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Tanmay Rao</div>
                        <div class="profile-details">Silver Executive</div>
                        <div class="profile-price">Rs.3,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=939" alt="Aditya Mehta" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Aditya Mehta</div>
                        <div class="profile-details">Standard Plus</div>
                        <div class="profile-price">Rs.2,500/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                                <div class="profile-card">
                    <img src="/dynamic-image.php?id=745" alt="Simran Reddy" class="profile-image" loading="lazy">
                    <div class="profile-info">
                        <div class="profile-name">Simran Reddy</div>
                        <div class="profile-details">Basic Service</div>
                        <div class="profile-price">Rs.2,000/meeting</div>
                        <button class="profile-action" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})">View Profile</button>
                    </div>
                </div>
                            </div>
        </section>

        <section class="features" id="features">
            <div class="container">
                <h2 class="section-title">Why Choose <strong>Bandhon</strong>?</h2>
                <div class="features-grid">
                    <div class="feature">
                        <h3 class="feature-title"><strong>100% Verified Profiles</strong></h3>
                        <p class="feature-text">Every profile is <strong>manually verified</strong> for authenticity, safety and genuine intent before approval</p>
                    </div>
                    <div class="feature">
                        <h3 class="feature-title"><strong>Secure &amp;amp; Fully Confidential</strong></h3>
                        <p class="feature-text">Your <strong>privacy is our priority</strong>. Advanced encryption protects your personal information at all times</p>
                    </div>
                    <div class="feature">
                        <h3 class="feature-title"><strong>24/7 Expert Support</strong></h3>
                        <p class="feature-text">Our <strong>dedicated support team</strong> is available around the clock to assist you with any query</p>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <section class="cta">
        <div class="container">
            <h2>Start Your Journey Today — <strong>It&amp;#039;s Free!</strong></h2>
            <p><strong>Zero registration fee.</strong> No hidden charges. Get your first booking within <strong>48 hours</strong>. Join <strong>1,200+ verified members</strong> across India.</p>
            <button class="btn-cta" onclick="document.getElementById('register').scrollIntoView({behavior:'smooth'})"><strong>Get Started — 100% Free</strong></button>
        </div>
    </section>

    <div id="register">
        

Current URL: http://www.bandhon.in/adult-dating-Haldia


<link rel="stylesheet" href="/chat.css">

<!-- Chat Teaser Bubble -->
<div class="chat-teaser" id="chatTeaser" onclick="openChat()">
    <div class="chat-teaser-bubble">
        <div class="chat-teaser-text">
            <span class="line1">hii how are you</span>
            <span class="line2">Lets chat 💝</span>
        </div>
        <div class="chat-teaser-arrow"></div>
    </div>
</div>

<!-- Floating Chat Button -->
<div class="floating-chat-button" id="floatingButton" onclick="openChat()">
    <div class="chat-icon">💝</div>
    <div class="notification-badge">1</div>
</div>

<!-- Chat Widget -->
<div class="chat-widget-container" id="chatWidget">
    <div class="chat-header">
        <div class="header-left">
            <div class="user-avatar">🌹</div>
            <div class="user-details">
                <h2>Bandhon Support</h2>
                <p><span class="status-dot"></span>Online Now</p>
            </div>
        </div>
        <div class="header-actions">
            <div class="header-button" onclick="window.open('tel:+91 9084741886')">
                <svg width="18" height="18" fill="white" viewBox="0 0 24 24"><path d="M18.227 22.912c-4.913 0-9.286-3.627-11.486-5.828C4.486 14.83.731 10.291.921 5.231a3.289 3.289 0 0 1 .908-2.138 17.116 17.116 0 0 1 1.865-1.71 2.307 2.307 0 0 1 3.004.174 13.283 13.283 0 0 1 3.658 5.325 2.551 2.551 0 0 1-.19 1.941l-.455.853a.463.463 0 0 0-.024.387 7.57 7.57 0 0 0 4.077 4.075.455.455 0 0 0 .386-.024l.853-.455a2.548 2.548 0 0 1 1.94-.19 13.278 13.278 0 0 1 5.326 3.658 2.309 2.309 0 0 1 .174 3.003 17.319 17.319 0 0 1-1.71 1.866 3.29 3.29 0 0 1-2.138.91 10.27 10.27 0 0 1-.368-.006Z"/></svg>
            </div>
            <div class="header-button close-button" onclick="closeChat()"><span>×</span></div>
        </div>
    </div>

    <div class="chat-messages" id="chatMessages">
        <div class="welcome-screen">
            <h3>💝 Welcome to Bandhon!</h3>
            <p>Main aapka personal assistant hoon. Sab baatein 100% private hain.</p>
            <div class="quick-actions">
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to book a companion')"><strong>💑</strong><span>Book Companion</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to join as a gigolo')"><strong>💼</strong><span>Join as Gigolo</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('Tell me about membership plans')"><strong>⭐</strong><span>Membership Plans</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I need more information about your services')"><strong>ℹ️</strong><span>More Info</span></div>
            </div>
        </div>
        <div class="typing-indicator" id="typingIndicator">
            <div class="typing-dots">
                <span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span>
            </div>
        </div>
    </div>

    <div class="image-preview-bar" id="imagePreviewBar">
        <img src="" class="image-preview-thumb" id="imagePreviewThumb" alt="preview"/>
        <span class="image-preview-name" id="imagePreviewName">image.jpg</span>
        <div class="image-preview-remove" onclick="clearImage()" title="Remove">×</div>
    </div>

    <div class="chat-composer">
        <input type="file" id="fileInput"   accept="image/*,application/pdf" style="display:none" onchange="handleFileSelect(event)">
        <input type="file" id="cameraInput" accept="image/*" capture="environment" style="display:none" onchange="handleFileSelect(event)">
        <div class="attach-button" onclick="document.getElementById('fileInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
        </div>
        <div class="attach-button" onclick="document.getElementById('cameraInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        </div>
        <div class="composer-input-wrapper">
            <textarea class="composer-input" id="messageInput" placeholder="Type a message..." rows="1" autocomplete="off"></textarea>
        </div>
        <div class="send-button disabled" id="sendButton" onclick="sendMessage()">
            <span style="font-size:18px">➤</span>
        </div>
    </div>

    <div class="chat-footer">
        Powered by <a href="https://www.bandhon.in" target="_blank">Bandhon</a> &nbsp;🔒 100% Private
    </div>
</div>

<script>
const API_URL = '/api/chat-handler.php';
const chatWidget      = document.getElementById('chatWidget');
const floatingButton  = document.getElementById('floatingButton');
const chatMessages    = document.getElementById('chatMessages');
const messageInput    = document.getElementById('messageInput');
const sendButton      = document.getElementById('sendButton');
const typingIndicator = document.getElementById('typingIndicator');
const imagePreviewBar = document.getElementById('imagePreviewBar');
const imagePreviewThumb = document.getElementById('imagePreviewThumb');
const imagePreviewName  = document.getElementById('imagePreviewName');

let pendingImageData = null, pendingImageMime = null, pendingImageName = null;
let lastWaLink = null;

function openChat() {
    chatWidget.classList.add('active');
    floatingButton.classList.add('active');
    document.getElementById('chatTeaser').classList.add('hidden');
    messageInput.focus();
    const badge = document.querySelector('.notification-badge');
    if (badge) setTimeout(() => badge.style.display = 'none', 300);
}
function closeChat() {
    chatWidget.classList.remove('active');
    floatingButton.classList.remove('active');
}

function handleFileSelect(event) {
    const file = event.target.files[0]; if (!file) return;
    event.target.value = '';
    const reader = new FileReader();
    reader.onload = function(e) {
        const dataUrl = e.target.result;
        pendingImageData = dataUrl.split(',')[1];
        pendingImageMime = file.type || 'image/jpeg';
        pendingImageName = file.name;
        imagePreviewThumb.src = dataUrl;
        imagePreviewName.textContent = file.name;
        imagePreviewBar.classList.add('active');
        updateSendButton();
        messageInput.placeholder = 'Add a caption (optional)…';
        messageInput.focus();
    };
    reader.readAsDataURL(file);
}
function clearImage() {
    pendingImageData = pendingImageMime = pendingImageName = null;
    imagePreviewBar.classList.remove('active');
    imagePreviewThumb.src = '';
    messageInput.placeholder = 'Type a message…';
    updateSendButton();
}
function updateSendButton() {
    sendButton.classList.toggle('disabled', !messageInput.value.trim() && !pendingImageData);
}

messageInput.addEventListener('input', function() {
    this.style.height = 'auto';
    this.style.height = Math.min(this.scrollHeight, 100) + 'px';
    updateSendButton();
});
messageInput.addEventListener('keypress', function(e) {
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
});
function sendQuickMessage(msg) { messageInput.value = msg; updateSendButton(); sendMessage(); }

async function sendMessage() {
    const message = messageInput.value.trim();
    messageInput._lastSent = message;
    const hasImage = !!pendingImageData;
    if (!message && !hasImage) return;
    const welcomeScreen = document.querySelector('.welcome-screen');
    if (welcomeScreen) welcomeScreen.style.display = 'none';
    hasImage ? addImageMessage('user', imagePreviewThumb.src, message) : addMessage('user', message);
    const payload = { chatInput: message || '[Image sent]', sessionId: getSessionId() };
    if (hasImage) { payload.imageData = pendingImageData; payload.imageMimeType = pendingImageMime; }
    messageInput.value = ''; messageInput.style.height = 'auto';
    clearImage(); sendButton.classList.add('disabled');
    typingIndicator.classList.add('active'); scrollToBottom();
    try {
        const res = await fetch(API_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        typingIndicator.classList.remove('active');
        if (data.supportAgent) document.querySelector('.user-details h2').textContent = data.supportAgent;
        const raw = data.output || data.response || "Sorry, please call us at +91 9084741886.";
        await showBubbles(raw.split('|||').map(b => b.trim()).filter(b => b));
        if (data.waLink && data.waLink.startsWith('upi://')) {
            lastWaLink = data.waLink; await delay(400); injectUPIButtonIntoBubble(data.waLink);
        } else if (lastWaLink) {
            const cw = ['button','kahan','kaha','nahi dikh','dikh nahi','not visible','where','dikha','???'];
            if (cw.some(w => (messageInput._lastSent||'').toLowerCase().includes(w))) { await delay(400); injectUPIButtonIntoBubble(lastWaLink); }
        }
    } catch(err) {
        typingIndicator.classList.remove('active');
        addMessage('bot', "Sorry, connection issue. Please call us at +91 9084741886.");
    } finally { messageInput.focus(); }
}

async function showBubbles(bubbles) {
    for (let i = 0; i < bubbles.length; i++) {
        if (i > 0) { typingIndicator.classList.add('active'); await delay(500 + Math.min(bubbles[i].length*12,1200)); typingIndicator.classList.remove('active'); }
        addMessage('bot', bubbles[i]); scrollToBottom();
        if (i < bubbles.length - 1) await delay(100);
    }
}
function delay(ms) { return new Promise(r => setTimeout(r, ms)); }

function addMessage(type, content) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content';
    c.innerHTML = formatMessage(content); d.appendChild(c);
    chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function addImageMessage(type, dataUrl, caption) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content'; c.style.padding = '6px';
    const img = document.createElement('img'); img.src = dataUrl; img.className = 'message-image';
    img.onclick = () => window.open(dataUrl,'_blank'); c.appendChild(img);
    if (caption) { const cap = document.createElement('div'); cap.style.cssText='padding:4px 6px 2px;font-size:13px'; cap.innerHTML = formatMessage(caption); c.appendChild(cap); }
    d.appendChild(c); chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function injectUPIButtonIntoBubble(upiUrl) {
    const all = chatMessages.querySelectorAll('.message.bot .message-content');
    let target = null;
    for (let i = all.length-1; i >= 0; i--) {
        const t = all[i].innerText.toLowerCase();
        if (t.includes('payment button')||t.includes('button pe click')||t.includes('yeh lo')||all[i].innerText.includes('👇')) { target = all[i]; break; }
    }
    if (!target && all.length) target = all[all.length-1];
    if (!target) return;
    const wrap = document.createElement('div'); wrap.style.cssText='margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;';
    const gpay = document.createElement('a'); gpay.href = upiUrl;
    gpay.style.cssText='display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00b9f1,#007bff);color:#fff;padding:11px 18px;border-radius:24px;text-decoration:none;font-weight:700;font-size:13px;margin:8px 4px 2px 0;box-shadow:0 3px 10px rgba(0,123,255,0.4);';
    gpay.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>Pay via GPay / PhonePe';
    wrap.appendChild(gpay);
    const copy = document.createElement('button');
    copy.style.cssText='display:inline-flex;align-items:center;gap:6px;background:#f3e5f5;color:#7b1fa2;padding:10px 14px;border-radius:24px;border:none;font-weight:700;font-size:12px;cursor:pointer;';
    copy.innerHTML='📋 UPI ID Copy';
    copy.onclick = function() {
        const m = upiUrl.match(/pa=([^&]+)/); const id = m ? decodeURIComponent(m[1]) : '';
        if (id) navigator.clipboard.writeText(id).then(()=>{ copy.innerHTML='✅ Copied!'; setTimeout(()=>copy.innerHTML='📋 UPI ID Copy',2000); }).catch(()=>prompt('UPI ID:',id));
    };
    wrap.appendChild(copy); target.appendChild(wrap); scrollToBottom();
}
function formatMessage(text) {
    text = text.replace(/\n/g,'<br>');
    text = text.replace(/(https?:\/\/[^\s<"']+)/g,'<a href="$1" target="_blank" style="color:inherit;text-decoration:underline">$1</a>');
    text = text.replace(/(\d{10})/g,'<a href="tel:$1" style="color:inherit;font-weight:600">$1</a>');
    text = text.replace(/\*\*(.+?)\*\*/g,'<strong>$1</strong>');
    return text;
}
function scrollToBottom() { setTimeout(() => chatMessages.scrollTop = chatMessages.scrollHeight, 100); }
function getSessionId() {
    let s = sessionStorage.getItem('bandhon_sid');
    if (!s) { s = 'sid_'+Date.now()+'_'+Math.random().toString(36).substr(2,9); sessionStorage.setItem('bandhon_sid',s); }
    return s;
}
document.addEventListener('keydown', e => { if (e.key==='Escape' && chatWidget.classList.contains('active')) closeChat(); });
</script>

<style>
.pro-gallery-parent-container {
    height: 300px;
}

div#oky {
    background-color: rebeccapurple;
}

button.btn.btn-primary.btn-block {
    background: #e491ff;
    font-size: xx-large;
}

input.form-control {
    font-size: x-large;
}

select#subject {
    font-size: 23px;
    width: 100%;
}

.form-group {
    background: antiquewhite;
    box-shadow: 3px 3px 2px 0px rgba(203, 162, 157, 1);
}

.register-photo {
    background: #8E24AA;
    padding: 80px 0;
    max-width: 1200px;
    align-items: center;
    display: block;
    width: 100%;
}

@media (max-width: 576px) {
    .register-photo .image-holder {
        display: none !important;
    }
}

.register-photo .image-holder {
    display: table-cell;
    width: auto;
    background: url(https://www.lovezones.in/storage/2024/05/escort-client-meeting-300x213.webp);
    background-size: cover;
}

.register-photo .form-container {
    display: block;
    width: 100%;
    margin: 0 auto;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.register-photo form {
    background: #ffffff;
    display: block;
    width: 100%;
    padding: 20px 30px;
    color: #505e6c;
}

@media (max-width:991px) {
    .register-photo form {
        padding: 15px;
    }
}

.register-photo form h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.register-photo form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #dfe7f1;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: inherit;
    text-indent: 6px;
    height: 40px;
    width: 100%;
}

.register-photo form .form-check {
    font-size: 13px;
    line-height: 20px;
}

.register-photo form .btn-primary {
    background: #8E24AA;
    border: none;
    border-radius: 4px;
    padding: 11px;
    box-shadow: none;
    margin-top: 35px;
    text-shadow: none;
    outline: none !important;
}

.register-photo form .btn-primary:hover,
.register-photo form .btn-primary:active {
    background: #8E24AA;
}

.register-photo form .btn-primary:active {
    transform: translateY(1px);
}

.register-photo form .already {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #6f7a85;
    opacity: 0.9;
    text-decoration: none;
}

.form-group1 {
    background: antiquewhite;
    box-shadow: 3px 3px 2px 0px rgba(203, 162, 157, 1);
}
</style>

<div class="register-photo" id="frm">
    <div class="form-container">
        <div class="image-holder"></div>
        
        <form method="post" action="./modixx.php">
            <div>
                <h3 style="font-size: 2rem;">Gigolo Club Registration - Playboy Service Jobs</h3>
                <h6 id="ok1" style="font-size: x-large;">Have a question or just want to get in touch? Let's chat.</h6> 
            </div>
            
            <p id="failure" style="color: red;"></p>  
            <p id="success" style="color: green;"></p>

            <h2 class="text-center"><strong>Create</strong> an account.</h2>
            
            <input name="website" id="website" value="http://www.bandhon.in/adult-dating-Haldia" type="hidden"/>
            
            <div class="form-group">
                <input class="form-control" type="text" name="name" placeholder="Full Name" required="required">
            </div>
            
            <div class="form-group">
                <input class="form-control" type="text" name="lname" placeholder="Mobile No" required="required">
            </div>
            
            <div class="form-group">
                <input class="form-control" type="text" name="city" placeholder="City" required="required">
            </div>
            
            <div class="form-group">
                <select class="form-control" id="subject" name="subject" required="required">
                    <option value="">Select Package</option>
                    <option value="1999">Standard Pack - ₹1999</option>  
                    <option value="2999">Silver Pack - ₹2999</option>
                    <option value="4999">Gold Pack - ₹4999</option>
                </select>
            </div>
            
            <div class="form-group">
                <div class="form-check">
                    <label class="form-check-label">
                        <input class="form-check-input" type="checkbox" required="required">
                        I agree to the license terms.
                    </label>
                </div>
            </div>
            
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block">Sign Up</button>
            </div>
            
            <a class="already" href="#">Already have an account? Login</a>
        </form>
    </div>
</div>

<link rel="stylesheet" href="/chat.css">

<!-- Chat Teaser Bubble -->
<div class="chat-teaser" id="chatTeaser" onclick="openChat()">
    <div class="chat-teaser-bubble">
        <div class="chat-teaser-text">
            <span class="line1">hii how are you</span>
            <span class="line2">Lets chat 💝</span>
        </div>
        <div class="chat-teaser-arrow"></div>
    </div>
</div>

<!-- Floating Chat Button -->
<div class="floating-chat-button" id="floatingButton" onclick="openChat()">
    <div class="chat-icon">💝</div>
    <div class="notification-badge">1</div>
</div>

<!-- Chat Widget -->
<div class="chat-widget-container" id="chatWidget">
    <div class="chat-header">
        <div class="header-left">
            <div class="user-avatar">🌹</div>
            <div class="user-details">
                <h2>Bandhon Support</h2>
                <p><span class="status-dot"></span>Online Now</p>
            </div>
        </div>
        <div class="header-actions">
            <div class="header-button" onclick="window.open('tel:+91 9084741886')">
                <svg width="18" height="18" fill="white" viewBox="0 0 24 24"><path d="M18.227 22.912c-4.913 0-9.286-3.627-11.486-5.828C4.486 14.83.731 10.291.921 5.231a3.289 3.289 0 0 1 .908-2.138 17.116 17.116 0 0 1 1.865-1.71 2.307 2.307 0 0 1 3.004.174 13.283 13.283 0 0 1 3.658 5.325 2.551 2.551 0 0 1-.19 1.941l-.455.853a.463.463 0 0 0-.024.387 7.57 7.57 0 0 0 4.077 4.075.455.455 0 0 0 .386-.024l.853-.455a2.548 2.548 0 0 1 1.94-.19 13.278 13.278 0 0 1 5.326 3.658 2.309 2.309 0 0 1 .174 3.003 17.319 17.319 0 0 1-1.71 1.866 3.29 3.29 0 0 1-2.138.91 10.27 10.27 0 0 1-.368-.006Z"/></svg>
            </div>
            <div class="header-button close-button" onclick="closeChat()"><span>×</span></div>
        </div>
    </div>

    <div class="chat-messages" id="chatMessages">
        <div class="welcome-screen">
            <h3>💝 Welcome to Bandhon!</h3>
            <p>Main aapka personal assistant hoon. Sab baatein 100% private hain.</p>
            <div class="quick-actions">
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to book a companion')"><strong>💑</strong><span>Book Companion</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to join as a gigolo')"><strong>💼</strong><span>Join as Gigolo</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('Tell me about membership plans')"><strong>⭐</strong><span>Membership Plans</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I need more information about your services')"><strong>ℹ️</strong><span>More Info</span></div>
            </div>
        </div>
        <div class="typing-indicator" id="typingIndicator">
            <div class="typing-dots">
                <span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span>
            </div>
        </div>
    </div>

    <div class="image-preview-bar" id="imagePreviewBar">
        <img src="" class="image-preview-thumb" id="imagePreviewThumb" alt="preview"/>
        <span class="image-preview-name" id="imagePreviewName">image.jpg</span>
        <div class="image-preview-remove" onclick="clearImage()" title="Remove">×</div>
    </div>

    <div class="chat-composer">
        <input type="file" id="fileInput"   accept="image/*,application/pdf" style="display:none" onchange="handleFileSelect(event)">
        <input type="file" id="cameraInput" accept="image/*" capture="environment" style="display:none" onchange="handleFileSelect(event)">
        <div class="attach-button" onclick="document.getElementById('fileInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
        </div>
        <div class="attach-button" onclick="document.getElementById('cameraInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        </div>
        <div class="composer-input-wrapper">
            <textarea class="composer-input" id="messageInput" placeholder="Type a message..." rows="1" autocomplete="off"></textarea>
        </div>
        <div class="send-button disabled" id="sendButton" onclick="sendMessage()">
            <span style="font-size:18px">➤</span>
        </div>
    </div>

    <div class="chat-footer">
        Powered by <a href="https://www.bandhon.in" target="_blank">Bandhon</a> &nbsp;🔒 100% Private
    </div>
</div>

<script>
const API_URL = '/api/chat-handler.php';
const chatWidget      = document.getElementById('chatWidget');
const floatingButton  = document.getElementById('floatingButton');
const chatMessages    = document.getElementById('chatMessages');
const messageInput    = document.getElementById('messageInput');
const sendButton      = document.getElementById('sendButton');
const typingIndicator = document.getElementById('typingIndicator');
const imagePreviewBar = document.getElementById('imagePreviewBar');
const imagePreviewThumb = document.getElementById('imagePreviewThumb');
const imagePreviewName  = document.getElementById('imagePreviewName');

let pendingImageData = null, pendingImageMime = null, pendingImageName = null;
let lastWaLink = null;

function openChat() {
    chatWidget.classList.add('active');
    floatingButton.classList.add('active');
    document.getElementById('chatTeaser').classList.add('hidden');
    messageInput.focus();
    const badge = document.querySelector('.notification-badge');
    if (badge) setTimeout(() => badge.style.display = 'none', 300);
}
function closeChat() {
    chatWidget.classList.remove('active');
    floatingButton.classList.remove('active');
}

function handleFileSelect(event) {
    const file = event.target.files[0]; if (!file) return;
    event.target.value = '';
    const reader = new FileReader();
    reader.onload = function(e) {
        const dataUrl = e.target.result;
        pendingImageData = dataUrl.split(',')[1];
        pendingImageMime = file.type || 'image/jpeg';
        pendingImageName = file.name;
        imagePreviewThumb.src = dataUrl;
        imagePreviewName.textContent = file.name;
        imagePreviewBar.classList.add('active');
        updateSendButton();
        messageInput.placeholder = 'Add a caption (optional)…';
        messageInput.focus();
    };
    reader.readAsDataURL(file);
}
function clearImage() {
    pendingImageData = pendingImageMime = pendingImageName = null;
    imagePreviewBar.classList.remove('active');
    imagePreviewThumb.src = '';
    messageInput.placeholder = 'Type a message…';
    updateSendButton();
}
function updateSendButton() {
    sendButton.classList.toggle('disabled', !messageInput.value.trim() && !pendingImageData);
}

messageInput.addEventListener('input', function() {
    this.style.height = 'auto';
    this.style.height = Math.min(this.scrollHeight, 100) + 'px';
    updateSendButton();
});
messageInput.addEventListener('keypress', function(e) {
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
});
function sendQuickMessage(msg) { messageInput.value = msg; updateSendButton(); sendMessage(); }

async function sendMessage() {
    const message = messageInput.value.trim();
    messageInput._lastSent = message;
    const hasImage = !!pendingImageData;
    if (!message && !hasImage) return;
    const welcomeScreen = document.querySelector('.welcome-screen');
    if (welcomeScreen) welcomeScreen.style.display = 'none';
    hasImage ? addImageMessage('user', imagePreviewThumb.src, message) : addMessage('user', message);
    const payload = { chatInput: message || '[Image sent]', sessionId: getSessionId() };
    if (hasImage) { payload.imageData = pendingImageData; payload.imageMimeType = pendingImageMime; }
    messageInput.value = ''; messageInput.style.height = 'auto';
    clearImage(); sendButton.classList.add('disabled');
    typingIndicator.classList.add('active'); scrollToBottom();
    try {
        const res = await fetch(API_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        typingIndicator.classList.remove('active');
        if (data.supportAgent) document.querySelector('.user-details h2').textContent = data.supportAgent;
        const raw = data.output || data.response || "Sorry, please call us at +91 9084741886.";
        await showBubbles(raw.split('|||').map(b => b.trim()).filter(b => b));
        if (data.waLink && data.waLink.startsWith('upi://')) {
            lastWaLink = data.waLink; await delay(400); injectUPIButtonIntoBubble(data.waLink);
        } else if (lastWaLink) {
            const cw = ['button','kahan','kaha','nahi dikh','dikh nahi','not visible','where','dikha','???'];
            if (cw.some(w => (messageInput._lastSent||'').toLowerCase().includes(w))) { await delay(400); injectUPIButtonIntoBubble(lastWaLink); }
        }
    } catch(err) {
        typingIndicator.classList.remove('active');
        addMessage('bot', "Sorry, connection issue. Please call us at +91 9084741886.");
    } finally { messageInput.focus(); }
}

async function showBubbles(bubbles) {
    for (let i = 0; i < bubbles.length; i++) {
        if (i > 0) { typingIndicator.classList.add('active'); await delay(500 + Math.min(bubbles[i].length*12,1200)); typingIndicator.classList.remove('active'); }
        addMessage('bot', bubbles[i]); scrollToBottom();
        if (i < bubbles.length - 1) await delay(100);
    }
}
function delay(ms) { return new Promise(r => setTimeout(r, ms)); }

function addMessage(type, content) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content';
    c.innerHTML = formatMessage(content); d.appendChild(c);
    chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function addImageMessage(type, dataUrl, caption) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content'; c.style.padding = '6px';
    const img = document.createElement('img'); img.src = dataUrl; img.className = 'message-image';
    img.onclick = () => window.open(dataUrl,'_blank'); c.appendChild(img);
    if (caption) { const cap = document.createElement('div'); cap.style.cssText='padding:4px 6px 2px;font-size:13px'; cap.innerHTML = formatMessage(caption); c.appendChild(cap); }
    d.appendChild(c); chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function injectUPIButtonIntoBubble(upiUrl) {
    const all = chatMessages.querySelectorAll('.message.bot .message-content');
    let target = null;
    for (let i = all.length-1; i >= 0; i--) {
        const t = all[i].innerText.toLowerCase();
        if (t.includes('payment button')||t.includes('button pe click')||t.includes('yeh lo')||all[i].innerText.includes('👇')) { target = all[i]; break; }
    }
    if (!target && all.length) target = all[all.length-1];
    if (!target) return;
    const wrap = document.createElement('div'); wrap.style.cssText='margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;';
    const gpay = document.createElement('a'); gpay.href = upiUrl;
    gpay.style.cssText='display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00b9f1,#007bff);color:#fff;padding:11px 18px;border-radius:24px;text-decoration:none;font-weight:700;font-size:13px;margin:8px 4px 2px 0;box-shadow:0 3px 10px rgba(0,123,255,0.4);';
    gpay.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>Pay via GPay / PhonePe';
    wrap.appendChild(gpay);
    const copy = document.createElement('button');
    copy.style.cssText='display:inline-flex;align-items:center;gap:6px;background:#f3e5f5;color:#7b1fa2;padding:10px 14px;border-radius:24px;border:none;font-weight:700;font-size:12px;cursor:pointer;';
    copy.innerHTML='📋 UPI ID Copy';
    copy.onclick = function() {
        const m = upiUrl.match(/pa=([^&]+)/); const id = m ? decodeURIComponent(m[1]) : '';
        if (id) navigator.clipboard.writeText(id).then(()=>{ copy.innerHTML='✅ Copied!'; setTimeout(()=>copy.innerHTML='📋 UPI ID Copy',2000); }).catch(()=>prompt('UPI ID:',id));
    };
    wrap.appendChild(copy); target.appendChild(wrap); scrollToBottom();
}
function formatMessage(text) {
    text = text.replace(/\n/g,'<br>');
    text = text.replace(/(https?:\/\/[^\s<"']+)/g,'<a href="$1" target="_blank" style="color:inherit;text-decoration:underline">$1</a>');
    text = text.replace(/(\d{10})/g,'<a href="tel:$1" style="color:inherit;font-weight:600">$1</a>');
    text = text.replace(/\*\*(.+?)\*\*/g,'<strong>$1</strong>');
    return text;
}
function scrollToBottom() { setTimeout(() => chatMessages.scrollTop = chatMessages.scrollHeight, 100); }
function getSessionId() {
    let s = sessionStorage.getItem('bandhon_sid');
    if (!s) { s = 'sid_'+Date.now()+'_'+Math.random().toString(36).substr(2,9); sessionStorage.setItem('bandhon_sid',s); }
    return s;
}
document.addEventListener('keydown', e => { if (e.key==='Escape' && chatWidget.classList.contains('active')) closeChat(); });
</script>
    </div>

    <link rel="stylesheet" href="/chat.css">

<!-- Chat Teaser Bubble -->
<div class="chat-teaser" id="chatTeaser" onclick="openChat()">
    <div class="chat-teaser-bubble">
        <div class="chat-teaser-text">
            <span class="line1">hii how are you</span>
            <span class="line2">Lets chat 💝</span>
        </div>
        <div class="chat-teaser-arrow"></div>
    </div>
</div>

<!-- Floating Chat Button -->
<div class="floating-chat-button" id="floatingButton" onclick="openChat()">
    <div class="chat-icon">💝</div>
    <div class="notification-badge">1</div>
</div>

<!-- Chat Widget -->
<div class="chat-widget-container" id="chatWidget">
    <div class="chat-header">
        <div class="header-left">
            <div class="user-avatar">🌹</div>
            <div class="user-details">
                <h2>Bandhon Support</h2>
                <p><span class="status-dot"></span>Online Now</p>
            </div>
        </div>
        <div class="header-actions">
            <div class="header-button" onclick="window.open('tel:+91 9084741886')">
                <svg width="18" height="18" fill="white" viewBox="0 0 24 24"><path d="M18.227 22.912c-4.913 0-9.286-3.627-11.486-5.828C4.486 14.83.731 10.291.921 5.231a3.289 3.289 0 0 1 .908-2.138 17.116 17.116 0 0 1 1.865-1.71 2.307 2.307 0 0 1 3.004.174 13.283 13.283 0 0 1 3.658 5.325 2.551 2.551 0 0 1-.19 1.941l-.455.853a.463.463 0 0 0-.024.387 7.57 7.57 0 0 0 4.077 4.075.455.455 0 0 0 .386-.024l.853-.455a2.548 2.548 0 0 1 1.94-.19 13.278 13.278 0 0 1 5.326 3.658 2.309 2.309 0 0 1 .174 3.003 17.319 17.319 0 0 1-1.71 1.866 3.29 3.29 0 0 1-2.138.91 10.27 10.27 0 0 1-.368-.006Z"/></svg>
            </div>
            <div class="header-button close-button" onclick="closeChat()"><span>×</span></div>
        </div>
    </div>

    <div class="chat-messages" id="chatMessages">
        <div class="welcome-screen">
            <h3>💝 Welcome to Bandhon!</h3>
            <p>Main aapka personal assistant hoon. Sab baatein 100% private hain.</p>
            <div class="quick-actions">
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to book a companion')"><strong>💑</strong><span>Book Companion</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I want to join as a gigolo')"><strong>💼</strong><span>Join as Gigolo</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('Tell me about membership plans')"><strong>⭐</strong><span>Membership Plans</span></div>
                <div class="quick-action-btn" onclick="sendQuickMessage('I need more information about your services')"><strong>ℹ️</strong><span>More Info</span></div>
            </div>
        </div>
        <div class="typing-indicator" id="typingIndicator">
            <div class="typing-dots">
                <span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span>
            </div>
        </div>
    </div>

    <div class="image-preview-bar" id="imagePreviewBar">
        <img src="" class="image-preview-thumb" id="imagePreviewThumb" alt="preview"/>
        <span class="image-preview-name" id="imagePreviewName">image.jpg</span>
        <div class="image-preview-remove" onclick="clearImage()" title="Remove">×</div>
    </div>

    <div class="chat-composer">
        <input type="file" id="fileInput"   accept="image/*,application/pdf" style="display:none" onchange="handleFileSelect(event)">
        <input type="file" id="cameraInput" accept="image/*" capture="environment" style="display:none" onchange="handleFileSelect(event)">
        <div class="attach-button" onclick="document.getElementById('fileInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
        </div>
        <div class="attach-button" onclick="document.getElementById('cameraInput').click()">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        </div>
        <div class="composer-input-wrapper">
            <textarea class="composer-input" id="messageInput" placeholder="Type a message..." rows="1" autocomplete="off"></textarea>
        </div>
        <div class="send-button disabled" id="sendButton" onclick="sendMessage()">
            <span style="font-size:18px">➤</span>
        </div>
    </div>

    <div class="chat-footer">
        Powered by <a href="https://www.bandhon.in" target="_blank">Bandhon</a> &nbsp;🔒 100% Private
    </div>
</div>

<script>
const API_URL = '/api/chat-handler.php';
const chatWidget      = document.getElementById('chatWidget');
const floatingButton  = document.getElementById('floatingButton');
const chatMessages    = document.getElementById('chatMessages');
const messageInput    = document.getElementById('messageInput');
const sendButton      = document.getElementById('sendButton');
const typingIndicator = document.getElementById('typingIndicator');
const imagePreviewBar = document.getElementById('imagePreviewBar');
const imagePreviewThumb = document.getElementById('imagePreviewThumb');
const imagePreviewName  = document.getElementById('imagePreviewName');

let pendingImageData = null, pendingImageMime = null, pendingImageName = null;
let lastWaLink = null;

function openChat() {
    chatWidget.classList.add('active');
    floatingButton.classList.add('active');
    document.getElementById('chatTeaser').classList.add('hidden');
    messageInput.focus();
    const badge = document.querySelector('.notification-badge');
    if (badge) setTimeout(() => badge.style.display = 'none', 300);
}
function closeChat() {
    chatWidget.classList.remove('active');
    floatingButton.classList.remove('active');
}

function handleFileSelect(event) {
    const file = event.target.files[0]; if (!file) return;
    event.target.value = '';
    const reader = new FileReader();
    reader.onload = function(e) {
        const dataUrl = e.target.result;
        pendingImageData = dataUrl.split(',')[1];
        pendingImageMime = file.type || 'image/jpeg';
        pendingImageName = file.name;
        imagePreviewThumb.src = dataUrl;
        imagePreviewName.textContent = file.name;
        imagePreviewBar.classList.add('active');
        updateSendButton();
        messageInput.placeholder = 'Add a caption (optional)…';
        messageInput.focus();
    };
    reader.readAsDataURL(file);
}
function clearImage() {
    pendingImageData = pendingImageMime = pendingImageName = null;
    imagePreviewBar.classList.remove('active');
    imagePreviewThumb.src = '';
    messageInput.placeholder = 'Type a message…';
    updateSendButton();
}
function updateSendButton() {
    sendButton.classList.toggle('disabled', !messageInput.value.trim() && !pendingImageData);
}

messageInput.addEventListener('input', function() {
    this.style.height = 'auto';
    this.style.height = Math.min(this.scrollHeight, 100) + 'px';
    updateSendButton();
});
messageInput.addEventListener('keypress', function(e) {
    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
});
function sendQuickMessage(msg) { messageInput.value = msg; updateSendButton(); sendMessage(); }

async function sendMessage() {
    const message = messageInput.value.trim();
    messageInput._lastSent = message;
    const hasImage = !!pendingImageData;
    if (!message && !hasImage) return;
    const welcomeScreen = document.querySelector('.welcome-screen');
    if (welcomeScreen) welcomeScreen.style.display = 'none';
    hasImage ? addImageMessage('user', imagePreviewThumb.src, message) : addMessage('user', message);
    const payload = { chatInput: message || '[Image sent]', sessionId: getSessionId() };
    if (hasImage) { payload.imageData = pendingImageData; payload.imageMimeType = pendingImageMime; }
    messageInput.value = ''; messageInput.style.height = 'auto';
    clearImage(); sendButton.classList.add('disabled');
    typingIndicator.classList.add('active'); scrollToBottom();
    try {
        const res = await fetch(API_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload) });
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        typingIndicator.classList.remove('active');
        if (data.supportAgent) document.querySelector('.user-details h2').textContent = data.supportAgent;
        const raw = data.output || data.response || "Sorry, please call us at +91 9084741886.";
        await showBubbles(raw.split('|||').map(b => b.trim()).filter(b => b));
        if (data.waLink && data.waLink.startsWith('upi://')) {
            lastWaLink = data.waLink; await delay(400); injectUPIButtonIntoBubble(data.waLink);
        } else if (lastWaLink) {
            const cw = ['button','kahan','kaha','nahi dikh','dikh nahi','not visible','where','dikha','???'];
            if (cw.some(w => (messageInput._lastSent||'').toLowerCase().includes(w))) { await delay(400); injectUPIButtonIntoBubble(lastWaLink); }
        }
    } catch(err) {
        typingIndicator.classList.remove('active');
        addMessage('bot', "Sorry, connection issue. Please call us at +91 9084741886.");
    } finally { messageInput.focus(); }
}

async function showBubbles(bubbles) {
    for (let i = 0; i < bubbles.length; i++) {
        if (i > 0) { typingIndicator.classList.add('active'); await delay(500 + Math.min(bubbles[i].length*12,1200)); typingIndicator.classList.remove('active'); }
        addMessage('bot', bubbles[i]); scrollToBottom();
        if (i < bubbles.length - 1) await delay(100);
    }
}
function delay(ms) { return new Promise(r => setTimeout(r, ms)); }

function addMessage(type, content) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content';
    c.innerHTML = formatMessage(content); d.appendChild(c);
    chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function addImageMessage(type, dataUrl, caption) {
    const d = document.createElement('div'); d.className = `message ${type}`;
    const c = document.createElement('div'); c.className = 'message-content'; c.style.padding = '6px';
    const img = document.createElement('img'); img.src = dataUrl; img.className = 'message-image';
    img.onclick = () => window.open(dataUrl,'_blank'); c.appendChild(img);
    if (caption) { const cap = document.createElement('div'); cap.style.cssText='padding:4px 6px 2px;font-size:13px'; cap.innerHTML = formatMessage(caption); c.appendChild(cap); }
    d.appendChild(c); chatMessages.insertBefore(d, typingIndicator); scrollToBottom();
}
function injectUPIButtonIntoBubble(upiUrl) {
    const all = chatMessages.querySelectorAll('.message.bot .message-content');
    let target = null;
    for (let i = all.length-1; i >= 0; i--) {
        const t = all[i].innerText.toLowerCase();
        if (t.includes('payment button')||t.includes('button pe click')||t.includes('yeh lo')||all[i].innerText.includes('👇')) { target = all[i]; break; }
    }
    if (!target && all.length) target = all[all.length-1];
    if (!target) return;
    const wrap = document.createElement('div'); wrap.style.cssText='margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;';
    const gpay = document.createElement('a'); gpay.href = upiUrl;
    gpay.style.cssText='display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00b9f1,#007bff);color:#fff;padding:11px 18px;border-radius:24px;text-decoration:none;font-weight:700;font-size:13px;margin:8px 4px 2px 0;box-shadow:0 3px 10px rgba(0,123,255,0.4);';
    gpay.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>Pay via GPay / PhonePe';
    wrap.appendChild(gpay);
    const copy = document.createElement('button');
    copy.style.cssText='display:inline-flex;align-items:center;gap:6px;background:#f3e5f5;color:#7b1fa2;padding:10px 14px;border-radius:24px;border:none;font-weight:700;font-size:12px;cursor:pointer;';
    copy.innerHTML='📋 UPI ID Copy';
    copy.onclick = function() {
        const m = upiUrl.match(/pa=([^&]+)/); const id = m ? decodeURIComponent(m[1]) : '';
        if (id) navigator.clipboard.writeText(id).then(()=>{ copy.innerHTML='✅ Copied!'; setTimeout(()=>copy.innerHTML='📋 UPI ID Copy',2000); }).catch(()=>prompt('UPI ID:',id));
    };
    wrap.appendChild(copy); target.appendChild(wrap); scrollToBottom();
}
function formatMessage(text) {
    text = text.replace(/\n/g,'<br>');
    text = text.replace(/(https?:\/\/[^\s<"']+)/g,'<a href="$1" target="_blank" style="color:inherit;text-decoration:underline">$1</a>');
    text = text.replace(/(\d{10})/g,'<a href="tel:$1" style="color:inherit;font-weight:600">$1</a>');
    text = text.replace(/\*\*(.+?)\*\*/g,'<strong>$1</strong>');
    return text;
}
function scrollToBottom() { setTimeout(() => chatMessages.scrollTop = chatMessages.scrollHeight, 100); }
function getSessionId() {
    let s = sessionStorage.getItem('bandhon_sid');
    if (!s) { s = 'sid_'+Date.now()+'_'+Math.random().toString(36).substr(2,9); sessionStorage.setItem('bandhon_sid',s); }
    return s;
}
document.addEventListener('keydown', e => { if (e.key==='Escape' && chatWidget.classList.contains('active')) closeChat(); });
</script>
    </body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'sg2plzcpnl509301'},{'dcenter':'sg2'},{'cp_id':'10434546'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>