República Dominicana

Hogarium Real Estate

hogariumrd.com

<section style="padding: 40px 20px; background-color: #f9f9f9; font-family: 'Inter', sans-serif; display: flex; justify-content: center;">
    <div style="background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); width: 100%; max-width: 500px;">
        <h2 style="font-family: 'Playfair Display', serif; font-size: 24px; color: #1a1a1a; margin-bottom: 20px; text-align: center;">Asignación de Cliente</h2>
        
        <form id="formAsignacion" onsubmit="procesarFormulario(event)">
            
            <div style="margin-bottom: 15px;">
                <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Fecha</label>
                <input type="date" id="fecha" required style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
            </div>

            <div style="margin-bottom: 15px;">
                <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Propiedad (Nombre o ID)</label>
                <input type="text" id="propiedad" required placeholder="Ej. Apartamento Los Prados" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
            </div>

            <div style="display: flex; gap: 10px; margin-bottom: 15px;">
                <div style="flex: 1;">
                    <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Moneda</label>
                    <select id="moneda" required style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
                        <option value="US$">US$</option>
                        <option value="RD$">RD$</option>
                    </select>
                </div>
                <div style="flex: 2;">
                    <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Precio</label>
                    <input type="number" id="precio" required placeholder="Ej. 150000" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
                </div>
            </div>

            <div style="margin-bottom: 15px;">
                <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Nombre del Cliente</label>
                <input type="text" id="clienteNombre" required placeholder="Nombre completo" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
            </div>

            <div style="margin-bottom: 15px;">
                <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Teléfono del Cliente</label>
                <input type="tel" id="clienteTelefono" required placeholder="Ej. 809-555-5555" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
            </div>

            <div style="margin-bottom: 25px;">
                <label style="display: block; font-weight: 600; margin-bottom: 5px; color: #333;">Agente Asignado</label>
                <select id="agenteAsignado" required onchange="mostrarCorreo()" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;">
                    <option value="" disabled selected>Selecciona un asesor...</option>
                    <option value="Leonel Gustavo De la Cruz">Leonel Gustavo De la Cruz</option>
                    <option value="Elizabeth Mena">Elizabeth Mena</option>
                    <option value="Alex De la Cruz">Alex De la Cruz</option>
                    <option value="Luis Mejia">Luis Mejia</option>
                    <option value="Scarlent Espinal">Scarlent Espinal</option>
                    <option value="Jose Luis">Jose Luis</option>
                    <option value="Lissette Feliz">Lissette Feliz</option>
                    <option value="Luis La Paz">Luis La Paz</option>
                </select>
                <div id="correoMostrado" style="margin-top: 8px; font-size: 14px; font-weight: 500; display: none;"></div>
            </div>

            <button type="submit" style="width: 100%; background-color: #25D366; color: white; padding: 15px; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.2s;">
                Guardar y Asignar por WhatsApp
            </button>
        </form>
    </div>
</section>

<script>
    const baseAsesores = {
        "Leonel Gustavo De la Cruz": { telefono: "18296391459", correo: "lcruz.hogarium@gmail.com" },
        "Elizabeth Mena": { telefono: "18498591459", correo: "emena.hogarium@gmail.com" },
        "Alex De la Cruz": { telefono: "18098669314", correo: "Adelacruz.hogarium@gmail.com" },
        "Luis Mejia": { telefono: "18299017023", correo: "lmejia.hogarium@gmail.com" },
        "Scarlent Espinal": { telefono: "18297660102", correo: "Scarlent.hogarium@outlook.com" },
        "Jose Luis": { telefono: "18098156171", correo: "Jrivera.hogarium@gmail.com" },
        "Lissette Feliz": { telefono: "18295997773", correo: "" },
        "Luis La Paz": { telefono: "18297746614", correo: "lapaz.hogarium@gmail.com" }
    };

    // TU URL DE GOOGLE APPS SCRIPT
    const urlWebhookExcel = "https://script.google.com/macros/s/AKfycbw2R6sqpHEmtNuuuTD76oqMGw2J0ETuxJ5Q698B6ScbrnRmPAVOWtLrKT6AfYIQESb8zg/exec"; 

    function mostrarCorreo() {
        const select = document.getElementById('agenteAsignado');
        const correoDiv = document.getElementById('correoMostrado');
        const nombreSeleccionado = select.value;

        if (nombreSeleccionado && baseAsesores[nombreSeleccionado]) {
            const correo = baseAsesores[nombreSeleccionado].correo;
            
            if (correo !== "") {
                correoDiv.innerHTML = `\u{2709}\u{FE0F} Se notificará a: <b>${correo}</b>`;
                correoDiv.style.color = "#0056b3"; 
            } else {
                correoDiv.innerHTML = `\u{26A0}\u{FE0F} Falta configurar el correo para este asesor.`;
                correoDiv.style.color = "#d9534f"; 
            }
            correoDiv.style.display = "block";
        } else {
            correoDiv.style.display = "none";
        }
    }

    function procesarFormulario(event) {
        event.preventDefault(); 

        const fecha = document.getElementById('fecha').value;
        const propiedad = document.getElementById('propiedad').value;
        const moneda = document.getElementById('moneda').value;
        const precio = document.getElementById('precio').value;
        const clienteNombre = document.getElementById('clienteNombre').value;
        const clienteTelefono = document.getElementById('clienteTelefono').value;
        const nombreAgente = document.getElementById('agenteAsignado').value;
        
        const datosAgente = baseAsesores[nombreAgente];

        fetch(urlWebhookExcel, {
            method: 'POST',
            headers: { 'Content-Type': 'text/plain;charset=utf-8' },
            body: JSON.stringify({
                fecha: fecha,
                propiedad: propiedad,
                moneda: moneda,
                precio: precio,
                clienteNombre: clienteNombre,
                clienteTelefono: clienteTelefono,
                agente: nombreAgente,
                correoAgente: datosAgente.correo
            })
        }).catch(error => console.error('Error al enviar a Excel:', error));

        // MENSAJE DE WHATSAPP MEJORADO CON CÓDIGOS UNICODE PARA EVITAR SIGNOS DE INTERROGACIÓN
        // \u{1F44B} = Mano saludando
        // \u{1F464} = Silueta persona
        // \u{1F4F1} = Celular
        // \u{1F3E0} = Casa
        // \u{1F4B0} = Bolsa de dinero
        // \u{1F680} = Cohete
        
        const mensajeTexto = `*Saludos*, \u{1F44B}\n\nA continuación le remito un nuevo cliente:\n\n\u{1F464} *Cliente:* ${clienteNombre}\n\u{1F4F1} *Teléfono:* ${clienteTelefono}\n\u{1F3E0} *Propiedad:* ${propiedad}\n\u{1F4B0} *Precio:* ${moneda} ${precio}\n\n*Favor asistirle. ¡Éxitos!* \u{1F680}`;
        
        const urlWhatsApp = `https://wa.me/${datosAgente.telefono}?text=${encodeURIComponent(mensajeTexto)}`;
        
        window.open(urlWhatsApp, '_blank');
        
        document.getElementById('formAsignacion').reset();
        document.getElementById('correoMostrado').style.display = "none";
    }
</script>