Contact Form<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n <style>\n \/* Main container *\/\n .main-container {\n max-width: 900px;\n margin: 2rem auto;\n padding: 0 20px;\n }\n \n \/* Form Container *\/\n .form-container {\n background-color: white;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n padding: 2.5rem;\n margin-bottom: 2rem;\n }\n \n \/* Header styles *\/\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 2rem;\n }\n \n .logo-img {\n height: 80px;\n width: auto;\n object-fit: contain;\n }\n \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 \/* Form Elements *\/\n .form-group {\n margin-bottom: 1.5rem;\n }\n \n label {\n display: block;\n color: #334155;\n margin-bottom: 0.5rem;\n font-weight: 500;\n font-size: 0.95rem;\n }\n \n .required-field::after {\n content: \"*\";\n color: #ef4444;\n margin-left: 4px;\n }\n \n input, textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background-color: #f8fafc;\n }\n \n input:focus, textarea:focus {\n outline: none;\n border-color: #2563eb;\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n background-color: white;\n }\n \n textarea {\n min-height: 120px;\n resize: vertical;\n }\n \n \/* Submit Button *\/\n .submit-btn {\n width: 100%;\n background-color: #2563eb;\n color: white;\n padding: 1rem;\n border: none;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 1rem;\n }\n \n .submit-btn:hover {\n background-color: #1d4ed8;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2);\n }\n \n \/* Success Message *\/\n .success-message {\n display: none;\n background-color: #dcfce7;\n color: #166534;\n padding: 1.5rem;\n border-radius: 10px;\n margin-top: 1.5rem;\n text-align: center;\n }\n \n \/* Error Message *\/\n .error-summary {\n display: none;\n background-color: #fee2e2;\n color: #b91c1c;\n padding: 1rem;\n border-radius: 8px;\n margin-bottom: 1.5rem;\n border-left: 4px solid #ef4444;\n }\n \n \/* Hidden elements *\/\n .hidden {\n display: none;\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-container {\n padding: 0 15px;\n }\n \n .header {\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n }\n \n .logo-img {\n height: 60px;\n margin-bottom: 1rem;\n }\n \n .form-container {\n padding: 1.5rem;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n \n .intro-text {\n font-size: 1rem;\n }\n\n \/* Responsive navigation *\/\n .nav-links {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n }\n \n .language-icon {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n \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 \n <div class=\"main-container\">\n <header class=\"header\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/mtmsglobal.com\/wp-content\/uploads\/2025\/07\/logo.png\" alt=\"Company Logo\" class=\"logo-img\">\n <\/div>\n <\/header>\n\n <div class=\"form-container\">\n <h1 class=\"text-2xl font-bold text-gray-800 mb-4 english\">Contact Us<\/h1>\n <h1 class=\"text-2xl font-bold text-gray-800 mb-4 arabic hidden text-right\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h1>\n \n <p class=\"text-gray-600 mb-6 english\">Please fill out the form below and we will contact you shortly.<\/p>\n <p class=\"text-gray-600 mb-6 arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n \n \n <div class=\"error-summary english\" id=\"errorSummary\">\n <h3 class=\"font-bold\">Please fix the following errors:<\/h3>\n <ul id=\"errorList\" class=\"mt-1 list-disc list-inside\"><\/ul>\n <\/div>\n <div class=\"error-summary arabic hidden text-right\" id=\"errorSummaryAr\">\n <h3 class=\"font-bold\">\u064a\u0631\u062c\u0649 \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/h3>\n <ul id=\"errorListAr\" class=\"mt-1 list-disc list-inside\"><\/ul>\n <\/div>\n \n <form id=\"consultationForm\" action=\"https:\/\/formsubmit.co\/Mohamedossama86@hotmail.com\" method=\"POST\" enctype=\"multipart\/form-data\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"New Submission: Administrative Consultation\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_autoresponse\" value=\"Thank you for your submission to our Administrative Consultation form. We'll contact you shortly.\">\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\n <input type=\"hidden\" name=\"_form-name\" value=\"Administrative Consultation Form\">\n <input type=\"hidden\" name=\"_cc\" value=\"Mohamedossama86@hotmail.com\">\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Full Name<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" id=\"fullName\" name=\"Full Name\" placeholder=\"\" dir=\"auto\" required>\n <div class=\"field-error english\">Please enter your full name<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Email Address<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"@domain.com\" dir=\"ltr\" required>\n <div class=\"field-error english\" id=\"emailError\">Please enter a valid email address<\/div>\n <div class=\"field-error arabic hidden text-right\" id=\"emailErrorAr\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Phone Number<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" id=\"phone\" name=\"Phone Number\" placeholder=\"\" dir=\"ltr\" required>\n <div class=\"field-error english\">Please enter your phone number<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">WhatsApp Number<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n <input type=\"tel\" id=\"whatsapp\" name=\"WhatsApp Number\" placeholder=\"\" dir=\"ltr\" required>\n <div class=\"field-error english\">Please enter your WhatsApp number<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english\">Notes<\/label>\n <label class=\"arabic hidden text-right\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/label>\n <textarea id=\"notes\" dir=\"auto\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn english\">Send<\/button>\n <button type=\"submit\" class=\"submit-btn arabic hidden\">\u0625\u0631\u0633\u0627\u0644<\/button>\n <\/form>\n \n <div class=\"success-message english hidden\" id=\"successMessage\">\n <h3 class=\"font-bold\">Thank you for your submission!<\/h3>\n <p>We have received your request and will contact you shortly.<\/p>\n <\/div>\n <div class=\"success-message arabic hidden text-right\" id=\"successMessageAr\">\n <h3 class=\"font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u062a\u0642\u062f\u064a\u0645\u0643!<\/h3>\n <p>\u0644\u0642\u062f \u0627\u0633\u062a\u0644\u0645\u0646\u0627 \u0637\u0644\u0628\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n <\/div>\n <\/div>\n <\/div>\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 \/\/ Form validation\n const form = document.getElementById('contactForm');\n const requiredInputs = form.querySelectorAll('input[required]');\n \n function validateField(input) {\n const value = input.value.trim();\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (value === '') {\n errorMsg.classList.remove('hidden');\n return false;\n } else {\n errorMsg.classList.add('hidden');\n return true;\n }\n }\n \n \/\/ Email validation\n function validateEmail(email) {\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n return re.test(email);\n }\n \n \/\/ Phone number validation\n function validatePhone(phone) {\n const re = \/^[+]?[(]?[0-9]{1,4}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$\/;\n return re.test(phone);\n }\n \n \/\/ Validate field on blur\n function validateOnBlur(input) {\n if (input.id === 'email') {\n const isValid = validateEmail(input.value.trim());\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (!isValid && input.value.trim() !== '') {\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = 'Please enter a valid email address';\n } else {\n errorMsg.textContent = '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d';\n }\n } else {\n errorMsg.classList.add('hidden');\n }\n } else if (input.id === 'phone' || input.id === 'whatsapp') {\n const isValid = validatePhone(input.value.trim());\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (!isValid && input.value.trim() !== '') {\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = 'Please enter a valid phone number';\n } else {\n errorMsg.textContent = '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d';\n }\n } else {\n errorMsg.classList.add('hidden');\n }\n } else {\n validateField(input);\n }\n }\n \n requiredInputs.forEach(input => {\n input.addEventListener('blur', function() {\n validateOnBlur(this);\n });\n \n \/\/ Also validate when typing to remove error immediately\n input.addEventListener('input', function() {\n if (this.value.trim() !== '') {\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = this.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n errorMsg.classList.add('hidden');\n }\n });\n });\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n let isValid = true;\n const errorMessages = [];\n const errorMessagesAr = [];\n \n \/\/ First validate all required fields\n requiredInputs.forEach(input => {\n const value = input.value.trim();\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (value === '') {\n isValid = false;\n const fieldName = input.parentElement.querySelector(isEnglish ? 'label.english' : 'label.arabic').textContent.replace('*', '').trim();\n \n if (isEnglish) {\n errorMessages.push(`\"${fieldName}\" is required`);\n } else {\n errorMessagesAr.push(`\"${fieldName}\" \u0645\u0637\u0644\u0648\u0628`);\n }\n \n \/\/ Show individual field error\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = `Please enter your ${fieldName.toLowerCase()}`;\n } else {\n errorMsg.textContent = `\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 ${fieldName.toLowerCase()}`;\n }\n } else if (input.id === 'email' && !validateEmail(value)) {\n isValid = false;\n if (isEnglish) {\n errorMessages.push('Please enter a valid email address');\n } else {\n errorMessagesAr.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d');\n }\n } else if ((input.id === 'phone' || input.id === 'whatsapp') && !validatePhone(value)) {\n isValid = false;\n if (isEnglish) {\n errorMessages.push('Please enter a valid phone number');\n } else {\n errorMessagesAr.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d');\n }\n }\n });\n \n \/\/ Show\/hide error summary\n if (!isValid) {\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (isEnglish) {\n document.getElementById('errorSummary').classList.remove('hidden');\n const errorList = document.getElementById('errorList');\n errorList.innerHTML = '';\n errorMessages.forEach(msg => {\n const li = document.createElement('li');\n li.textContent = msg;\n errorList.appendChild(li);\n });\n } else {\n document.getElementById('errorSummaryAr').classList.remove('hidden');\n const errorList = document.getElementById('errorListAr');\n errorList.innerHTML = '';\n errorMessagesAr.forEach(msg => {\n const li = document.createElement('li');\n li.textContent = msg;\n errorList.appendChild(li);\n });\n }\n \n \/\/ Scroll to error summary\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n } else {\n document.getElementById('errorSummary').classList.add('hidden');\n document.getElementById('errorSummaryAr').classList.add('hidden');\n \n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (isEnglish) {\n document.getElementById('successMessage').classList.remove('hidden');\n } else {\n document.getElementById('successMessageAr').classList.remove('hidden');\n }\n \n \/\/ Here you would typically send the form data to the server\n console.log('Form submitted successfully!');\n console.log({\n fullName: document.getElementById('fullName').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n whatsapp: document.getElementById('whatsapp').value,\n notes: document.getElementById('notes').value\n });\n \n \/\/ For demonstration, we'll just reset the form after 3 seconds\n setTimeout(() => {\n form.reset();\n document.getElementById('successMessage').classList.add('hidden');\n document.getElementById('successMessageAr').classList.add('hidden');\n }, 3000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Form Switch to Arabic Contact Us \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 Please fill out the form below and we will contact you […]<\/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-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405","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=405"}],"version-history":[{"count":5,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":405,"date":"2025-08-07T04:17:48","date_gmt":"2025-08-07T04:17:48","guid":{"rendered":"https:\/\/mtmsglobal.com\/New\/?page_id=405"},"modified":"2025-08-11T07:11:12","modified_gmt":"2025-08-11T07:11:12","slug":"jobs","status":"publish","type":"page","link":"https:\/\/mtmsglobal.com\/index.php\/jobs\/","title":{"rendered":"Jobs"},"content":{"rendered":"\n\n\n\n \n \n Contact Form<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n <style>\n \/* Main container *\/\n .main-container {\n max-width: 900px;\n margin: 2rem auto;\n padding: 0 20px;\n }\n \n \/* Form Container *\/\n .form-container {\n background-color: white;\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n padding: 2.5rem;\n margin-bottom: 2rem;\n }\n \n \/* Header styles *\/\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 2rem;\n }\n \n .logo-img {\n height: 80px;\n width: auto;\n object-fit: contain;\n }\n \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 \/* Form Elements *\/\n .form-group {\n margin-bottom: 1.5rem;\n }\n \n label {\n display: block;\n color: #334155;\n margin-bottom: 0.5rem;\n font-weight: 500;\n font-size: 0.95rem;\n }\n \n .required-field::after {\n content: \"*\";\n color: #ef4444;\n margin-left: 4px;\n }\n \n input, textarea {\n width: 100%;\n padding: 1rem;\n border: 1px solid #e2e8f0;\n border-radius: 10px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background-color: #f8fafc;\n }\n \n input:focus, textarea:focus {\n outline: none;\n border-color: #2563eb;\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n background-color: white;\n }\n \n textarea {\n min-height: 120px;\n resize: vertical;\n }\n \n \/* Submit Button *\/\n .submit-btn {\n width: 100%;\n background-color: #2563eb;\n color: white;\n padding: 1rem;\n border: none;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 1rem;\n }\n \n .submit-btn:hover {\n background-color: #1d4ed8;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2);\n }\n \n \/* Success Message *\/\n .success-message {\n display: none;\n background-color: #dcfce7;\n color: #166534;\n padding: 1.5rem;\n border-radius: 10px;\n margin-top: 1.5rem;\n text-align: center;\n }\n \n \/* Error Message *\/\n .error-summary {\n display: none;\n background-color: #fee2e2;\n color: #b91c1c;\n padding: 1rem;\n border-radius: 8px;\n margin-bottom: 1.5rem;\n border-left: 4px solid #ef4444;\n }\n \n \/* Hidden elements *\/\n .hidden {\n display: none;\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-container {\n padding: 0 15px;\n }\n \n .header {\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n }\n \n .logo-img {\n height: 60px;\n margin-bottom: 1rem;\n }\n \n .form-container {\n padding: 1.5rem;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n \n .intro-text {\n font-size: 1rem;\n }\n\n \/* Responsive navigation *\/\n .nav-links {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n }\n \n .language-icon {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n \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 \n <div class=\"main-container\">\n <header class=\"header\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/mtmsglobal.com\/wp-content\/uploads\/2025\/07\/logo.png\" alt=\"Company Logo\" class=\"logo-img\">\n <\/div>\n <\/header>\n\n <div class=\"form-container\">\n <h1 class=\"text-2xl font-bold text-gray-800 mb-4 english\">Contact Us<\/h1>\n <h1 class=\"text-2xl font-bold text-gray-800 mb-4 arabic hidden text-right\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h1>\n \n <p class=\"text-gray-600 mb-6 english\">Please fill out the form below and we will contact you shortly.<\/p>\n <p class=\"text-gray-600 mb-6 arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n \n \n <div class=\"error-summary english\" id=\"errorSummary\">\n <h3 class=\"font-bold\">Please fix the following errors:<\/h3>\n <ul id=\"errorList\" class=\"mt-1 list-disc list-inside\"><\/ul>\n <\/div>\n <div class=\"error-summary arabic hidden text-right\" id=\"errorSummaryAr\">\n <h3 class=\"font-bold\">\u064a\u0631\u062c\u0649 \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/h3>\n <ul id=\"errorListAr\" class=\"mt-1 list-disc list-inside\"><\/ul>\n <\/div>\n \n <form id=\"consultationForm\" action=\"https:\/\/formsubmit.co\/Mohamedossama86@hotmail.com\" method=\"POST\" enctype=\"multipart\/form-data\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"New Submission: Administrative Consultation\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_autoresponse\" value=\"Thank you for your submission to our Administrative Consultation form. We'll contact you shortly.\">\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\n <input type=\"hidden\" name=\"_form-name\" value=\"Administrative Consultation Form\">\n <input type=\"hidden\" name=\"_cc\" value=\"Mohamedossama86@hotmail.com\">\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Full Name<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" id=\"fullName\" name=\"Full Name\" placeholder=\"\" dir=\"auto\" required>\n <div class=\"field-error english\">Please enter your full name<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Email Address<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"@domain.com\" dir=\"ltr\" required>\n <div class=\"field-error english\" id=\"emailError\">Please enter a valid email address<\/div>\n <div class=\"field-error arabic hidden text-right\" id=\"emailErrorAr\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">Phone Number<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" id=\"phone\" name=\"Phone Number\" placeholder=\"\" dir=\"ltr\" required>\n <div class=\"field-error english\">Please enter your phone number<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english required-field\">WhatsApp Number<\/label>\n <label class=\"arabic hidden text-right required-field\">\u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n <input type=\"tel\" id=\"whatsapp\" name=\"WhatsApp Number\" placeholder=\"\" dir=\"ltr\" required>\n <div class=\"field-error english\">Please enter your WhatsApp number<\/div>\n <div class=\"field-error arabic hidden text-right\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"english\">Notes<\/label>\n <label class=\"arabic hidden text-right\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/label>\n <textarea id=\"notes\" dir=\"auto\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn english\">Send<\/button>\n <button type=\"submit\" class=\"submit-btn arabic hidden\">\u0625\u0631\u0633\u0627\u0644<\/button>\n <\/form>\n \n <div class=\"success-message english hidden\" id=\"successMessage\">\n <h3 class=\"font-bold\">Thank you for your submission!<\/h3>\n <p>We have received your request and will contact you shortly.<\/p>\n <\/div>\n <div class=\"success-message arabic hidden text-right\" id=\"successMessageAr\">\n <h3 class=\"font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u062a\u0642\u062f\u064a\u0645\u0643!<\/h3>\n <p>\u0644\u0642\u062f \u0627\u0633\u062a\u0644\u0645\u0646\u0627 \u0637\u0644\u0628\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n <\/div>\n <\/div>\n <\/div>\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 \/\/ Form validation\n const form = document.getElementById('contactForm');\n const requiredInputs = form.querySelectorAll('input[required]');\n \n function validateField(input) {\n const value = input.value.trim();\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (value === '') {\n errorMsg.classList.remove('hidden');\n return false;\n } else {\n errorMsg.classList.add('hidden');\n return true;\n }\n }\n \n \/\/ Email validation\n function validateEmail(email) {\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n return re.test(email);\n }\n \n \/\/ Phone number validation\n function validatePhone(phone) {\n const re = \/^[+]?[(]?[0-9]{1,4}[)]?[-\\s.]?[0-9]{3}[-\\s.]?[0-9]{4,6}$\/;\n return re.test(phone);\n }\n \n \/\/ Validate field on blur\n function validateOnBlur(input) {\n if (input.id === 'email') {\n const isValid = validateEmail(input.value.trim());\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (!isValid && input.value.trim() !== '') {\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = 'Please enter a valid email address';\n } else {\n errorMsg.textContent = '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d';\n }\n } else {\n errorMsg.classList.add('hidden');\n }\n } else if (input.id === 'phone' || input.id === 'whatsapp') {\n const isValid = validatePhone(input.value.trim());\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n \n if (!isValid && input.value.trim() !== '') {\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = 'Please enter a valid phone number';\n } else {\n errorMsg.textContent = '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d';\n }\n } else {\n errorMsg.classList.add('hidden');\n }\n } else {\n validateField(input);\n }\n }\n \n requiredInputs.forEach(input => {\n input.addEventListener('blur', function() {\n validateOnBlur(this);\n });\n \n \/\/ Also validate when typing to remove error immediately\n input.addEventListener('input', function() {\n if (this.value.trim() !== '') {\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n const errorMsg = this.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n errorMsg.classList.add('hidden');\n }\n });\n });\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n let isValid = true;\n const errorMessages = [];\n const errorMessagesAr = [];\n \n \/\/ First validate all required fields\n requiredInputs.forEach(input => {\n const value = input.value.trim();\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (value === '') {\n isValid = false;\n const fieldName = input.parentElement.querySelector(isEnglish ? 'label.english' : 'label.arabic').textContent.replace('*', '').trim();\n \n if (isEnglish) {\n errorMessages.push(`\"${fieldName}\" is required`);\n } else {\n errorMessagesAr.push(`\"${fieldName}\" \u0645\u0637\u0644\u0648\u0628`);\n }\n \n \/\/ Show individual field error\n const errorMsg = input.parentElement.querySelector(isEnglish ? '.text-red-500.english' : '.text-red-500.arabic');\n errorMsg.classList.remove('hidden');\n if (isEnglish) {\n errorMsg.textContent = `Please enter your ${fieldName.toLowerCase()}`;\n } else {\n errorMsg.textContent = `\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 ${fieldName.toLowerCase()}`;\n }\n } else if (input.id === 'email' && !validateEmail(value)) {\n isValid = false;\n if (isEnglish) {\n errorMessages.push('Please enter a valid email address');\n } else {\n errorMessagesAr.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d');\n }\n } else if ((input.id === 'phone' || input.id === 'whatsapp') && !validatePhone(value)) {\n isValid = false;\n if (isEnglish) {\n errorMessages.push('Please enter a valid phone number');\n } else {\n errorMessagesAr.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d');\n }\n }\n });\n \n \/\/ Show\/hide error summary\n if (!isValid) {\n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (isEnglish) {\n document.getElementById('errorSummary').classList.remove('hidden');\n const errorList = document.getElementById('errorList');\n errorList.innerHTML = '';\n errorMessages.forEach(msg => {\n const li = document.createElement('li');\n li.textContent = msg;\n errorList.appendChild(li);\n });\n } else {\n document.getElementById('errorSummaryAr').classList.remove('hidden');\n const errorList = document.getElementById('errorListAr');\n errorList.innerHTML = '';\n errorMessagesAr.forEach(msg => {\n const li = document.createElement('li');\n li.textContent = msg;\n errorList.appendChild(li);\n });\n }\n \n \/\/ Scroll to error summary\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n } else {\n document.getElementById('errorSummary').classList.add('hidden');\n document.getElementById('errorSummaryAr').classList.add('hidden');\n \n const isEnglish = !document.querySelector('.english').classList.contains('hidden');\n \n if (isEnglish) {\n document.getElementById('successMessage').classList.remove('hidden');\n } else {\n document.getElementById('successMessageAr').classList.remove('hidden');\n }\n \n \/\/ Here you would typically send the form data to the server\n console.log('Form submitted successfully!');\n console.log({\n fullName: document.getElementById('fullName').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n whatsapp: document.getElementById('whatsapp').value,\n notes: document.getElementById('notes').value\n });\n \n \/\/ For demonstration, we'll just reset the form after 3 seconds\n setTimeout(() => {\n form.reset();\n document.getElementById('successMessage').classList.add('hidden');\n document.getElementById('successMessageAr').classList.add('hidden');\n }, 3000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Form Switch to Arabic Contact Us \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 Please fill out the form below and we will contact you […]<\/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-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405","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=405"}],"version-history":[{"count":5,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/405\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/mtmsglobal.com\/index.php\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}