{"id":60092,"date":"2025-02-11T22:24:53","date_gmt":"2025-02-11T14:24:53","guid":{"rendered":"https:\/\/www.mo.com.mm\/?page_id=60092"},"modified":"2025-02-11T22:29:53","modified_gmt":"2025-02-11T14:29:53","slug":"hackthon","status":"publish","type":"page","link":"https:\/\/www.mo.com.mm\/mm\/hackthon\/","title":{"rendered":"hackthon"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"60092\" class=\"elementor elementor-60092\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f49fe6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9f49fe6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe247ed elementor-widget elementor-widget-html\" data-id=\"fe247ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n    <style>\r\n        body {\r\n            background: #f8f9fa;\r\n        }\r\n        #chat-container {\r\n            max-width: 450px;\r\n            margin: auto;\r\n            border-radius: 10px;\r\n            background: #ffffff;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n            padding: 15px;\r\n        }\r\n        #chat-box {\r\n            height: 350px;\r\n            overflow-y: auto;\r\n            padding: 10px;\r\n            border-bottom: 1px solid #ddd;\r\n        }\r\n        .message {\r\n            padding: 10px;\r\n            margin: 5px;\r\n            border-radius: 10px;\r\n            max-width: 75%;\r\n            display: inline-block;\r\n        }\r\n        .user-message {\r\n            background: #007bff;\r\n            color: white;\r\n            text-align: right;\r\n            align-self: flex-end;\r\n        }\r\n        .bot-message {\r\n            background: #28a745;\r\n            color: white;\r\n            text-align: left;\r\n            align-self: flex-start;\r\n        }\r\n        #user-input {\r\n            width: 80%;\r\n            border-radius: 20px;\r\n            padding: 10px;\r\n            border: 1px solid #ddd;\r\n        }\r\n        #send-btn {\r\n            width: 18%;\r\n            border-radius: 20px;\r\n            padding: 10px;\r\n            background: #007bff;\r\n            color: white;\r\n            border: none;\r\n        }\r\n        #send-btn:hover {\r\n            background: #0056b3;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"chat-container\" class=\"container mt-5 p-3\">\r\n    <h5 class=\"text-center\">AI Banking Chat<\/h5>\r\n    <div id=\"chat-box\" class=\"border rounded p-2 bg-light\"><\/div>\r\n    <div class=\"d-flex mt-3\">\r\n        <input type=\"text\" id=\"user-input\" class=\"form-control\" placeholder=\"Type your message...\">\r\n        <button id=\"send-btn\" class=\"btn ms-2\">Send<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    $(document).ready(function() {\r\n        $('#send-btn').click(function() {\r\n            let userMessage = $('#user-input').val().trim();\r\n            if (userMessage === \"\") return;\r\n\r\n            \/\/ Append User Message\r\n            $('#chat-box').append('<div class=\"text-end\"><div class=\"message user-message\">' + userMessage + '<\/div><\/div>');\r\n\r\n            \/\/ Send API Request\r\n            $.ajax({\r\n                url: \"https:\/\/your-api-url.com\/chat\", \/\/ Replace with your API endpoint\r\n                type: \"POST\",\r\n                contentType: \"application\/json\",\r\n                data: JSON.stringify({ message: userMessage }),\r\n                success: function(response) {\r\n                    $('#chat-box').append('<div class=\"text-start\"><div class=\"message bot-message\">' + response.reply + '<\/div><\/div>');\r\n                    $('#user-input').val(\"\"); \/\/ Clear input field\r\n                },\r\n                error: function() {\r\n                    $('#chat-box').append('<div class=\"text-start\"><div class=\"message bot-message bg-danger\">Error connecting to API!<\/div><\/div>');\r\n                }\r\n            });\r\n\r\n            \/\/ Auto-scroll\r\n            $('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);\r\n        });\r\n\r\n        \/\/ Allow sending messages with Enter key\r\n        $('#user-input').keypress(function(e) {\r\n            if (e.which === 13) {\r\n                $('#send-btn').click();\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AI Banking Chat Send<\/p>","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-60092","page","type-page","status-publish","hentry"],"ams_acf":[],"_links":{"self":[{"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/pages\/60092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/comments?post=60092"}],"version-history":[{"count":8,"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/pages\/60092\/revisions"}],"predecessor-version":[{"id":60101,"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/pages\/60092\/revisions\/60101"}],"wp:attachment":[{"href":"https:\/\/www.mo.com.mm\/mm\/wp-json\/wp\/v2\/media?parent=60092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}