<script>
        // This object will be sent everytime you submit a message in the sendMessage function.
        var clientInformation = {
            username: "{{ doctor }}",
            token: "{{ token }}"
            // You can add more information in a static object
        };

        // START SOCKET CONFIG
        /**
         * Note that you need to change the "sandbox" for the URL of your project.
         * According to the configuration in Sockets/Chat.php , change the port if you need to.
         * @type WebSocket
         */
        var conn = new WebSocket('ws://localhost:8081');

        conn.onopen = function (e) {
            console.info("Connection established succesfully");
        };

        conn.onmessage = function (e) {
            var data = JSON.parse(e.data);

            //Check token
            if (data.token == 'dsdsa') {
                Chat.appendMessage(data.username, data.message);
            }

            console.log(data.token);
        };

        conn.onerror = function (e) {
            alert("Error: something went wrong with the socket.");
            console.error(e);
        };
        // END SOCKET CONFIG


        /// Some code to add the messages to the list element and the message submit.
        document.getElementById("form-submit").addEventListener("click", function () {
            var msg = document.getElementById("form-message").value;

            if (!msg) {
                alert("Please send something on the chat");
            }

            Chat.sendMessage(msg);
            // Empty text area
            document.getElementById("form-message").value = "";
        }, false);

        // Mini API to send a message with the socket and append a message in a UL element.
        var Chat = {
            appendMessage: function (username, message) {
                var from;

                if (username == clientInformation.username) {
                    from = "me";
                } else {
                    from = clientInformation.username;
                }

                // Append List Item
                var ul = document.getElementById("chat-list");
                var li = document.createElement("li");
                li.appendChild(document.createTextNode(from + " : " + message));
                ul.appendChild(li);
            },
            sendMessage: function (text) {
                clientInformation.message = text;
                // Send info as JSON
                conn.send(JSON.stringify(clientInformation));
                // Add my own message to the list
                this.appendMessage(clientInformation.username, clientInformation.message);
            }
        };
    </script>