<div class="floating-contact-buttons">

    <a class="floating-whatsapp" href="https://wa.me/923361303020" target="_blank" aria-label="WhatsApp">
        💬
    </a>

   <a class="floating-location" href="#" onclick="sendLocationToWhatsApp(event)" aria-label="Send Location">
    📍
</a>

</div>

<script>
function sendLocationToWhatsApp(event) {
    event.preventDefault();

    if (!navigator.geolocation) {
        alert("Location services are not supported by your browser.");
        return;
    }

    navigator.geolocation.getCurrentPosition(
        function(position) {

            const latitude = position.coords.latitude;
            const longitude = position.coords.longitude;

            const mapsUrl =
                "https://www.google.com/maps?q=" +
                latitude + "," + longitude;

            const message =
                "🚗 I need car recovery.\n\n" +
                "📍 My current location:\n" +
                mapsUrl;

            const whatsappUrl =
                "https://wa.me/923001234567?text=" +
                encodeURIComponent(message);

            window.open(whatsappUrl, "_blank");
        },

        function() {
            alert("Please allow location access so we can send your location to our recovery team.");
        }
    );
}
</script>