function custom_inline_login_script() {
    ?>
    <script>
    // Login event trigger function
    function triggerLoginEvent() {
        var username = document.querySelector("input[name='xoo-el-username']").value;
        var email = ""; // Assuming email isn't provided directly in the login form
        var web_user_id = "{author_id}"; 
        var phone = ""; 
        var firstName = ""; // First name is not present in login
        var lastName = "";  // Last name is not present in login
        var organization = ""; 
        var occupation = "";

        var eventData = {
            "user_data": [
                {
                    "username": username,
                    "web_user_id": web_user_id,
                    "email": email,
                    "phone": phone,
                    "firstname": firstName,
                    "lastname": lastName,
                    "organization": organization,
                    "occupation": occupation
                }
            ]
        };

        // Console log user data
        console.log("User data for login event: ", eventData.user_data[0]);

        // Trigger login event
        console.log("Triggering login event with data: ", eventData);
        ls('event', 'login', JSON.stringify(eventData));
    }

    // Add event listener to login button
    document.addEventListener("DOMContentLoaded", function() {
        var loginButton = document.querySelector(".xoo-el-login-btn");
        if (loginButton) {
            loginButton.addEventListener("click", function(event) {
                event.preventDefault(); // To prevent form submission before event is handled
                console.log("Login button clicked.");
                triggerLoginEvent();
            });
        } else {
            console.error("Login button not found.");
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'custom_inline_login_script');