{"id":182,"date":"2025-08-05T02:00:54","date_gmt":"2025-08-05T02:00:54","guid":{"rendered":"https:\/\/mtmsglobal.com\/New\/?page_id=182"},"modified":"2025-08-07T05:03:30","modified_gmt":"2025-08-07T05:03:30","slug":"certificate","status":"publish","type":"page","link":"https:\/\/mtmsglobal.com\/index.php\/certificate\/","title":{"rendered":"Certificate"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Verify Certification &#8211; MTMS Global<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'mtms-blue': '#2563eb',\n                        'mtms-purple': '#7c3aed',\n                        'mtms-dark': '#1e293b'\n                    }\n                }\n            }\n        }\n    <\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        \/* Language Switcher *\/\n        .language-switcher {\n            position: fixed;\n            bottom: 20px;\n            left: 20px;\n            z-index: 1000;\n        }\n        \n        .language-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: #3b82f6;\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 20px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .language-icon:hover {\n            background: #2563eb;\n            transform: scale(1.1);\n        }\n        \n        .tooltip {\n            position: absolute;\n            right: 60px;\n            top: 50%;\n            transform: translateY(-50%);\n            background: #333;\n            color: white;\n            padding: 5px 10px;\n            border-radius: 5px;\n            font-size: 14px;\n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.3s;\n            pointer-events: none;\n        }\n        \n        .language-icon:hover .tooltip {\n            opacity: 1;\n        }\n        \n        \/* Hidden elements *\/\n        .hidden {\n            display: none;\n        }\n        \n        \/* RTL support *\/\n        [dir=\"rtl\"] .text-right {\n            text-align: right;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gradient-to-br from-blue-50 to-purple-50 min-h-screen\">\n    <!-- Language Switcher Icon -->\n    <div class=\"language-switcher\">\n        <div id=\"languageToggle\" class=\"language-icon\">\n            <i id=\"languageIcon\" class=\"fas fa-language\"><\/i>\n            <span class=\"tooltip\" id=\"languageTooltip\">Switch to Arabic<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Main Content -->\n    <main class=\"flex-1 flex items-center justify-center py-16 px-4 sm:px-6 lg:px-8\">\n        <div class=\"max-w-2xl w-full\">\n            <!-- Certificate Verification Card -->\n            <div class=\"bg-white rounded-3xl shadow-2xl p-12\">\n                <!-- Header Section -->\n                <div class=\"bg-mtms-blue rounded-2xl p-10 mb-10 text-center\">\n                    <h1 class=\"text-4xl font-bold text-white mb-4 english\" style=\"color: white !important;\">Verify Certification<\/h1>\n                    <h1 class=\"text-4xl font-bold text-white mb-4 arabic hidden text-right\" style=\"color: white !important;\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629<\/h1>\n                    <p class=\"text-white text-xl opacity-90 english\" style=\"color: white !important;\">Enter your verification code to validate your certificate<\/p>\n                    <p class=\"text-white text-xl opacity-90 arabic hidden text-right\" style=\"color: white !important;\">\u0623\u062f\u062e\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642 \u0644\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0634\u0647\u0627\u062f\u062a\u0643<\/p>\n                <\/div>\n\n                <!-- Verification Result (Hidden by default) -->\n                <div id=\"verificationResult\" class=\"mb-8 p-4 rounded-xl hidden\">\n                    <p id=\"resultMessage\" class=\"text-lg font-medium english\"><\/p>\n                    <p id=\"resultMessageAr\" class=\"text-lg font-medium arabic hidden text-right\"><\/p>\n                <\/div>\n\n                <!-- Verification Form -->\n                <form class=\"space-y-8\" id=\"verificationForm\">\n                    <!-- Certificate Code Input -->\n                    <div>\n                        <label for=\"certificateCode\" class=\"block text-lg font-medium text-gray-700 mb-3 english\">\n                            Certificate Verification Code\n                        <\/label>\n                        <label for=\"certificateCode\" class=\"block text-lg font-medium text-gray-700 mb-3 arabic hidden text-right\">\n                            \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629\n                        <\/label>\n                        <input \n                            type=\"text\" \n                            id=\"certificateCode\" \n                            name=\"certificateCode\" \n                            required\n                            maxlength=\"12\"\n                            class=\"block w-full px-6 py-4 border-2 border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-mtms-blue focus:border-transparent bg-gray-50 text-lg\"\n                            placeholder=\"Enter 12-character code (will auto-format)\"\n                            dir=\"ltr\"\n                        >\n                    <\/div>\n\n                    <!-- Verify Button -->\n                    <button \n                        type=\"submit\" \n                        class=\"w-full bg-mtms-blue text-white py-4 px-6 rounded-xl hover:bg-mtms-purple transition-colors font-medium text-xl english\"\n                    >\n                        Verify certificate\n                    <\/button>\n                    <button \n                        type=\"submit\" \n                        class=\"w-full bg-mtms-blue text-white py-4 px-6 rounded-xl hover:bg-mtms-purple transition-colors font-medium text-xl arabic hidden\"\n                    >\n                        \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629\n                    <\/button>\n                <\/form>\n\n                <!-- Get Certificate Link -->\n                <div class=\"text-center mt-10\">\n                    <a href=\"https:\/\/www.wpastra.com\" class=\"text-mtms-blue hover:text-mtms-purple font-medium text-lg english\">\n                        Get your certificate\n                    <\/a>\n                    <a href=\"https:\/\/www.wpastra.com\" class=\"text-mtms-blue hover:text-mtms-purple font-medium text-lg arabic hidden\">\n                        \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0634\u0647\u0627\u062f\u062a\u0643\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <script>\n        \/\/ Language switching functionality\n        document.getElementById('languageToggle').addEventListener('click', function() {\n            \/\/ Toggle body direction\n            document.body.dir = document.body.dir === 'ltr' ? 'rtl' : 'ltr';\n            \n            \/\/ Toggle language visibility\n            document.querySelectorAll('.english').forEach(el => el.classList.toggle('hidden'));\n            document.querySelectorAll('.arabic').forEach(el => el.classList.toggle('hidden'));\n            \n            \/\/ Update tooltip text\n            const tooltip = document.getElementById('languageTooltip');\n            if (document.querySelector('.english').classList.contains('hidden')) {\n                tooltip.textContent = 'Switch to English';\n            } else {\n                tooltip.textContent = 'Switch to Arabic';\n            }\n        });\n\n        \/\/ Auto-format certificate code\n        const certificateInput = document.getElementById('certificateCode');\n        \n        if (certificateInput) {\n            certificateInput.addEventListener('input', function(e) {\n                let value = e.target.value.replace(\/[^A-Za-z0-9]\/g, '').toUpperCase();\n                \n                \/\/ Auto-format as XXXX-XXXX-XXXX\n                if (value.length > 8) {\n                    value = value.slice(0, 4) + '-' + value.slice(4, 8) + '-' + value.slice(8, 12);\n                } else if (value.length > 4) {\n                    value = value.slice(0, 4) + '-' + value.slice(4, 8);\n                }\n                \n                e.target.value = value;\n            });\n        }\n\n        \/\/ Form validation and submission\n        const verificationForm = document.getElementById('verificationForm');\n        const verificationResult = document.getElementById('verificationResult');\n        const resultMessage = document.getElementById('resultMessage');\n        const resultMessageAr = document.getElementById('resultMessageAr');\n        \n        if (verificationForm) {\n            verificationForm.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const certificateCode = document.getElementById('certificateCode').value;\n                const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n                \n                if (!certificateCode) {\n                    showResult(\n                        'Please enter a certificate verification code!',\n                        '\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629!',\n                        'error'\n                    );\n                    return;\n                }\n                \n                if (certificateCode.replace(\/[^A-Za-z0-9]\/g, '').length !== 12) {\n                    showResult(\n                        'Please enter a valid 12-character certificate code!',\n                        '\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0631\u0645\u0632 \u0634\u0647\u0627\u062f\u0629 \u0635\u0627\u0644\u062d \u0645\u0643\u0648\u0646 \u0645\u0646 12 \u062d\u0631\u0641\u064b\u0627!',\n                        'error'\n                    );\n                    return;\n                }\n                \n                \/\/ Simulate verification process\n                showResult(\n                    'Verifying certificate...',\n                    '\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629...',\n                    'info'\n                );\n                \n                \/\/ Simulate API call delay\n                setTimeout(() => {\n                    \/\/ Example verification logic - you can replace this with your actual verification\n                    const cleanCode = certificateCode.replace(\/[^A-Za-z0-9]\/g, '');\n                    \n                    if (cleanCode.length === 12) {\n                        showResult(\n                            'Certificate verification successful! Your certificate is valid.',\n                            '\u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0628\u0646\u062c\u0627\u062d! \u0634\u0647\u0627\u062f\u062a\u0643 \u0635\u0627\u0644\u062d\u0629.',\n                            'success'\n                        );\n                    } else {\n                        showResult(\n                            'Invalid certificate code. Please check and try again.',\n                            '\u0631\u0645\u0632 \u0634\u0647\u0627\u062f\u0629 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d. \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0648\u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.',\n                            'error'\n                        );\n                    }\n                }, 1500);\n            });\n        }\n\n        \/\/ Function to show verification result\n        function showResult(message, messageAr, type) {\n            resultMessage.textContent = message;\n            resultMessageAr.textContent = messageAr;\n            \n            \/\/ Remove existing classes\n            verificationResult.className = 'mb-8 p-4 rounded-xl';\n            \n            \/\/ Add appropriate styling based on type\n            if (type === 'success') {\n                verificationResult.classList.add('bg-green-100', 'border', 'border-green-300', 'text-green-800');\n            } else if (type === 'error') {\n                verificationResult.classList.add('bg-red-100', 'border', 'border-red-300', 'text-red-800');\n            } else if (type === 'info') {\n                verificationResult.classList.add('bg-blue-100', 'border', 'border-blue-300', 'text-blue-800');\n            }\n            \n            \/\/ Show the result\n            verificationResult.classList.remove('hidden');\n            \n            \/\/ Show the appropriate message based on language\n            const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n            if (isEnglish) {\n                resultMessage.classList.remove('hidden');\n                resultMessageAr.classList.add('hidden');\n            } else {\n                resultMessage.classList.add('hidden');\n                resultMessageAr.classList.remove('hidden');\n            }\n            \n            \/\/ Scroll to result\n            verificationResult.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Verify Certification &#8211; MTMS Global Switch to Arabic Verify Certification \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 Enter your verification code to validate your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":7,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/182\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}