Search Agents  <div id="emailModal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center"> <div style="background:#1e293b;border-radius:16px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(99,102,241,.3)"> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px"> <h3 style="margin:0;color:#a78bfa;font-size:16px">✉️ Email Agent </h3> <button onclick="closeEmailModal()" style="background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer">×</button> </div> <input type="hidden" id="emailAgentId"> <div style="margin-bottom:12px"> <label style="font-size:12px;color:#94a3b8;display:block;margin-bottom:4px">Subject</label> <input id="emailSubject" type="text" placeholder="e.g. Interested in your listing" style="width:100%;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:14px;box-sizing:border-box"> </div> <div style="margin-bottom:16px"> <label style="font-size:12px;color:#94a3b8;display:block;margin-bottom:4px">Message</label> <textarea id="emailBody" rows="4" placeholder="Write your message..." style="width:100%;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:14px;resize:vertical;box-sizing:border-box"></textarea> </div> <button id="emailSendBtn" onclick="sendBrokerEmail()" style="width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;border:none;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px"> <i class="fas fa-paper-plane"></i> Send Email </button> </div> </div> <script> function openEmailModal(agentId) { document.getElementById('emailAgentId').value = agentId; document.getElementById('emailSubject').value = ''; document.getElementById('emailBody').value = ''; document.getElementById('emailModal').style.display = 'flex'; } function closeEmailModal() { document.getElementById('emailModal').style.display = 'none'; } async function sendBrokerEmail() { var agentId = document.getElementById('emailAgentId').value; var subject = document.getElementById('emailSubject').value.trim(); var body = document.getElementById('emailBody').value.trim(); if(!subject || !body) { Swal.fire({icon:'warning',title:'Missing Fields',text:'Please enter subject and message.',background:'#1e293b',color:'#fff'}); return; } var btn = document.getElementById('emailSendBtn'); btn.disabled = true; btn.innerHTML = '<i class="fas fa-circle-notch fa-spin"></i> Sending...'; try { var r = await fetch('/api/send-broker-email', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({agent_id: parseInt(agentId), subject: subject, body: body}), credentials: 'same-origin' }); var d = await r.json(); if(d.ok) { closeEmailModal(); Swal.fire({icon:'success',title:'Email Sent!',text:'Your message has been delivered!',background:'#1e293b',color:'#fff',confirmButtonColor:'#6366f1'}); // Update balance display if present var balEl = document.getElementById('walletBal') || document.getElementById('walletBalHeader'); if(balEl && d.balance !== undefined) balEl.textContent = parseFloat(d.balance).toLocaleString() + ' \ud83e\ude99'; } else { Swal.fire({icon:'error',title:'Failed',text: d.error || 'Could not send email',background:'#1e293b',color:'#fff'}); } } catch(e) { Swal.fire({icon:'error',title:'Error',text:'Network error',background:'#1e293b',color:'#fff'}); } btn.disabled = false; btn.innerHTML = '<i class="fas fa-paper-plane"></i> Send Email '; } // Close on background click document.getElementById('emailModal').addEventListener('click', function(e) { if(e.target === this) closeEmailModal(); }); </script>