@{
    ViewBag.Title = "Chat Bot";

}

<h2>Chat Bot</h2>
<div id="chat"></div>
<script>

    var flag = false;

    $(document).ready(function () {

        var chat = $("#chat").kendoChat({
            post: onPost
        }).data("kendoChat");

        chat.renderMessage({
            type: "text",
            text: "Hello, how can I assist you today?",
            timestamp: new Date()
        }, {
            name: "Chatbot"
        });


        function onPost(args) {
            var chatargs = args.sender;
            var chat = $("#chat").data("kendoChat");

            // Render the typing indicator.
            chat.renderUserTypingIndicator({ name: "Chatbot" });

            console.log('flag in onPost start:' + flag);

        }

        console.log('flag in $(document).ready end:' + flag);
    });


</script>