{"id":20,"date":"2025-12-08T10:37:53","date_gmt":"2025-12-08T10:37:53","guid":{"rendered":"https:\/\/ujjwalpaudel.com.np\/?page_id=20"},"modified":"2025-12-09T05:17:34","modified_gmt":"2025-12-09T05:17:34","slug":"contact","status":"publish","type":"page","link":"https:\/\/ujjwalpaudel.com.np\/?page_id=20","title":{"rendered":"Contact"},"content":{"rendered":"        <div class=\"m365-contact-form\">\n            <h3>Contact Us<\/h3>\n            \n            <form id=\"m365-contact-form\">\n                <input type=\"hidden\" id=\"m365_nonce\" name=\"m365_nonce\" value=\"24c7b0cb27\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F20\" \/>                \n                <div class=\"form-group\">\n                    <label for=\"m365-name\">Name *<\/label>\n                    <input type=\"text\" id=\"m365-name\" name=\"name\" required>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"m365-email\">Email *<\/label>\n                    <input type=\"email\" id=\"m365-email\" name=\"email\" required>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"m365-subject\">Subject *<\/label>\n                    <input type=\"text\" id=\"m365-subject\" name=\"subject\" required>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <label for=\"m365-message\">Message *<\/label>\n                    <textarea id=\"m365-message\" name=\"message\" rows=\"5\" required><\/textarea>\n                <\/div>\n                \n                <div class=\"form-group\">\n                    <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\n                    <span class=\"spinner\"><\/span>\n                <\/div>\n                \n                <div id=\"m365-form-response\"><\/div>\n            <\/form>\n        <\/div>\n        \n        <style>\n            .m365-contact-form {\n                max-width: 600px;\n                margin: 0 auto;\n                padding: 20px;\n                background: #f9f9f9;\n                border-radius: 5px;\n            }\n            .form-group {\n                margin-bottom: 15px;\n            }\n            .form-group label {\n                display: block;\n                margin-bottom: 5px;\n                font-weight: bold;\n            }\n            .form-group input,\n            .form-group textarea {\n                width: 100%;\n                padding: 10px;\n                border: 1px solid #ddd;\n                border-radius: 4px;\n                box-sizing: border-box;\n            }\n            .submit-btn {\n                background: #007cba;\n                color: white;\n                padding: 12px 25px;\n                border: none;\n                border-radius: 4px;\n                cursor: pointer;\n                font-size: 16px;\n            }\n            .submit-btn:hover {\n                background: #005a87;\n            }\n            .spinner {\n                display: inline-block;\n                margin-left: 10px;\n                vertical-align: middle;\n            }\n            .success { color: green; padding: 10px; background: #d4edda; }\n            .error { color: red; padding: 10px; background: #f8d7da; }\n        <\/style>\n        \n        <script>\n        jQuery(document).ready(function($) {\n            $('#m365-contact-form').on('submit', function(e) {\n                e.preventDefault();\n                \n                var $form = $(this);\n                var $submit = $form.find('.submit-btn');\n                var $spinner = $form.find('.spinner');\n                var $response = $('#m365-form-response');\n                \n                \/\/ Show loading\n                $submit.prop('disabled', true);\n                $spinner.html('<span class=\"dashicons dashicons-update spin\"><\/span>');\n                \n                $.ajax({\n                    url: 'https:\/\/ujjwalpaudel.com.np\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: {\n                        action: 'm365_submit_form',\n                        data: $form.serialize()\n                    },\n                    success: function(response) {\n                        if (response.success) {\n                            $response.html('<div class=\"success\">Thank you for your message!<\/div>');\n                            $form[0].reset();\n                        } else {\n                            $response.html('<div class=\"error\">' + response.data + '<\/div>');\n                        }\n                    },\n                    error: function() {\n                        $response.html('<div class=\"error\">An error occurred. Please try again.<\/div>');\n                    },\n                    complete: function() {\n                        $submit.prop('disabled', false);\n                        $spinner.html('');\n                    }\n                });\n            });\n        });\n        <\/script>\n        \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":2,"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/ujjwalpaudel.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}