{"id":11924,"date":"2025-05-27T09:56:55","date_gmt":"2025-05-27T09:56:55","guid":{"rendered":"https:\/\/www.lemaiyansuites.com\/?page_id=11924"},"modified":"2025-05-27T10:07:50","modified_gmt":"2025-05-27T10:07:50","slug":"track-application","status":"publish","type":"page","link":"https:\/\/www.lemaiyansuites.com\/track-application\/","title":{"rendered":"Track Application"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11924\" class=\"elementor elementor-11924\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc9aff7 e-flex e-con-boxed e-con e-parent\" data-id=\"dc9aff7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f697a1 elementor-widget elementor-widget-lemaiyan_application_tracker\" data-id=\"9f697a1\" data-element_type=\"widget\" data-widget_type=\"lemaiyan_application_tracker.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            .application-tracker-container {\r\n                background: #fff;\r\n                border-radius: 8px;\r\n                box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n                padding: 30px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .tracker-title {\r\n                margin: 0 0 15px 0;\r\n                color: #333;\r\n            }\r\n\r\n            .tracker-description {\r\n                margin-bottom: 25px;\r\n                color: #666;\r\n            }\r\n\r\n            .tracker-form {\r\n                display: flex;\r\n                gap: 15px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .tracker-input {\r\n                flex: 1;\r\n                padding: 12px 15px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 4px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .tracker-button {\r\n                padding: 12px 25px;\r\n                background: #cd5928;\r\n                color: #fff;\r\n                border: none;\r\n                border-radius: 4px;\r\n                cursor: pointer;\r\n                transition: background 0.3s ease;\r\n            }\r\n\r\n            .tracker-button:hover {\r\n                background: #b34a1f;\r\n            }\r\n\r\n            .tracker-result {\r\n                margin-top: 20px;\r\n                padding: 20px;\r\n                border-radius: 4px;\r\n                display: none;\r\n            }\r\n\r\n            .tracker-result.success {\r\n                background: #e8f5e9;\r\n                color: #2e7d32;\r\n                display: block;\r\n            }\r\n\r\n            .tracker-result.error {\r\n                background: #ffebee;\r\n                color: #c62828;\r\n                display: block;\r\n            }\r\n\r\n            .tracker-result.loading {\r\n                background: #e3f2fd;\r\n                color: #1565c0;\r\n                display: block;\r\n            }\r\n\r\n            .application-status {\r\n                margin-top: 20px;\r\n                padding: 20px;\r\n                background: #f5f5f5;\r\n                border-radius: 4px;\r\n            }\r\n\r\n            .status-item {\r\n                display: flex;\r\n                align-items: center;\r\n                margin-bottom: 15px;\r\n                padding-bottom: 15px;\r\n                border-bottom: 1px solid #ddd;\r\n            }\r\n\r\n            .status-item:last-child {\r\n                margin-bottom: 0;\r\n                padding-bottom: 0;\r\n                border-bottom: none;\r\n            }\r\n\r\n            .status-icon {\r\n                width: 30px;\r\n                height: 30px;\r\n                border-radius: 50%;\r\n                background: #e0e0e0;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                margin-right: 15px;\r\n            }\r\n\r\n            .status-icon.active {\r\n                background: #cd5928;\r\n                color: #fff;\r\n            }\r\n\r\n            .status-content {\r\n                flex: 1;\r\n            }\r\n\r\n            .status-title {\r\n                font-weight: 500;\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            .status-date {\r\n                font-size: 0.9em;\r\n                color: #666;\r\n            }\r\n\r\n            @media (max-width: 768px) {\r\n                .tracker-form {\r\n                    flex-direction: column;\r\n                }\r\n\r\n                .tracker-button {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"application-tracker-container\">\r\n            <h2 class=\"tracker-title\">Track Your Application<\/h2>\r\n            <p class=\"tracker-description\">Enter your application ID or email address to track your application status.<\/p>\r\n\r\n            <form class=\"tracker-form\" id=\"application-tracker-form\">\r\n                <input type=\"text\" \r\n                       class=\"tracker-input\" \r\n                       placeholder=\"Enter application ID or email\" \r\n                       id=\"tracker-input\"\r\n                       value=\"\"\r\n                       required>\r\n                <button type=\"submit\" class=\"tracker-button\">\r\n                    Track Application                <\/button>\r\n            <\/form>\r\n\r\n            <div class=\"tracker-result\" id=\"tracker-result\"><\/div>\r\n            <div class=\"application-status\" id=\"application-status\" style=\"display: none;\"><\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n        jQuery(document).ready(function($) {\r\n            $('#application-tracker-form').on('submit', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const searchValue = $('#tracker-input').val();\r\n                const resultDiv = $('#tracker-result');\r\n                const statusDiv = $('#application-status');\r\n                \r\n                \/\/ Show loading state\r\n                resultDiv.removeClass('success error').addClass('loading')\r\n                    .html('Searching for your application...')\r\n                    .show();\r\n                statusDiv.hide();\r\n                getApplicationStatus(searchValue);\r\n            });\r\n\r\n\r\n\r\n\r\n\r\n            function getApplicationStatus(searchValue) {\r\n                const resultDiv = $('#tracker-result');\r\n                const statusDiv = $('#application-status');\r\n\r\n                    $.ajax({\r\n                        url: 'https:\/\/www.lemaiyansuites.com\/wp-admin\/admin-ajax.php',\r\n                        type: 'POST',\r\n                        data: {\r\n                            action: 'track_application',\r\n                            search: searchValue\r\n                        },\r\n                        success: function(response) {\r\n                            if (response.success) {\r\n                                resultDiv.removeClass('loading error').addClass('success')\r\n                                    .html('Application found!');\r\n                                \r\n                                \/\/ Display application status\r\n                                let statusHtml = '<h3>Application Status<\/h3>';\r\n                                \r\n                                \/\/ Add status items\r\n                                response.data.forEach(function(status) {\r\n                                    statusHtml += `\r\n                                        <div class=\"status-item\">\r\n                                            <div class=\"status-content\">\r\n                                                <div class=\"status-title\">${status.title}<\/div>\r\n                                                <div class=\"status-description\">${status.status}<\/div>\r\n                                                <div class=\"status-date\">${status.date}<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    `;\r\n                                });\r\n                                \r\n                                statusDiv.html(statusHtml).show();\r\n                            } else {\r\n                                resultDiv.removeClass('loading success').addClass('error')\r\n                                    .html(response.data.message || 'No application found.');\r\n                                statusDiv.hide();\r\n                            }\r\n                        },\r\n                        error: function() {\r\n                            resultDiv.removeClass('loading success').addClass('error')\r\n                                .html('Error occurred while searching. Please try again.');\r\n                            statusDiv.hide();\r\n                        }\r\n                    });           \r\n                    \r\n                }\r\n\r\n\r\n\r\n            if ($('#tracker-input').val() != '') {\r\n                getApplicationStatus($('#tracker-input').val());\r\n              }\r\n        });\r\n\r\n\r\n        \r\n        <\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Track Your Application Enter your application ID or email address to track your application status. Track Application<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11924","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/pages\/11924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/comments?post=11924"}],"version-history":[{"count":0,"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/pages\/11924\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lemaiyansuites.com\/api\/wp\/v2\/media?parent=11924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}