Manpower Booking<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .tabs {\r\n display: flex;\r\n flex-wrap: wrap;\r\n \/* allow tabs to wrap on small screens *\/\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .tab {\r\n padding: 10px 20px;\r\n background: #e0e0e0;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: bold;\r\n color: #722500;\r\n white-space: nowrap;\r\n border-radius: 5px;\r\n transition: background-color 0.3s, color 0.3s;\r\n flex-shrink: 0;\r\n \/* prevent shrinking *\/\r\n }\r\n\r\n .tab:hover {\r\n background-color: #722500;\r\n color: #fff;\r\n }\r\n\r\n .tab.active {\r\n background: #722500;\r\n color: white;\r\n }\r\n\r\n .booking-wrapper {\r\n display: grid;\r\n grid-template-columns: 3fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* On smaller screens, switch booking-wrapper to one column *\/\r\n @media (max-width: 768px) {\r\n .booking-wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .manpower-tab {\r\n display: none;\r\n }\r\n\r\n \/* Active manpower tab shows as grid with auto-fill columns *\/\r\n .manpower-tab.active {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* On small screens stack manpower-tab items one per row *\/\r\n @media (max-width: 600px) {\r\n .manpower-tab.active {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .role {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n background: #fff;\r\n padding: 10px 15px;\r\n border-radius: 8px;\r\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n box-sizing: border-box;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n \/* Stack role items vertically on very small screens *\/\r\n @media (max-width: 480px) {\r\n .role {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n\r\n .role label {\r\n flex: 1;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n min-width: 100px;\r\n }\r\n\r\n \/* Make label wrap and break on small screens *\/\r\n @media (max-width: 480px) {\r\n .role label {\r\n white-space: normal;\r\n min-width: auto;\r\n }\r\n }\r\n\r\n input.qty-input {\r\n width: 60px;\r\n padding: 5px;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Make qty input full width on very small screens *\/\r\n @media (max-width: 480px) {\r\n input.qty-input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .add-btn {\r\n background: #002672;\r\n color: white;\r\n border: none;\r\n padding: 5px 15px;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n .add-btn:hover {\r\n background-color: #722500;\r\n }\r\n\r\n .summary {\r\n background: #eee;\r\n padding: 20px;\r\n border-radius: 10px;\r\n }\r\n\r\n .summary h3 {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .summary ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .summary ul li {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Stack summary items vertically on small screens *\/\r\n @media (max-width: 480px) {\r\n .summary ul li {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n\r\n .summary ul li span {\r\n margin-right: 10px;\r\n }\r\n\r\n #book-now {\r\n margin-top: 20px;\r\n background: #002672;\r\n color: white;\r\n padding: 10px 20px;\r\n border: none;\r\n width: 100%;\r\n cursor: pointer;\r\n font-weight: bold;\r\n border-radius: 5px;\r\n font-size: 16px;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n #book-now:hover {\r\n background-color: #722500;\r\n }\r\n\r\n .delete-icon {\r\n cursor: pointer;\r\n color: #e53935;\r\n }\r\n\r\n .total-display {\r\n font-weight: bold;\r\n margin-top: 20px;\r\n font-size: 16px;\r\n }\r\n\r\n \/* Additional fixes for form categories if any *\/\r\n\r\n .manpower-category {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .manpower-category {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .manpower-category label,\r\n .manpower-category input,\r\n .manpower-category button {\r\n width: 100%;\r\n }\r\n\r\n .tab {\r\n font-size: 14px;\r\n padding: 10px;\r\n }\r\n\r\n #book-now {\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n .user-info {\r\n margin-top: 10px;\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 10px;\r\n margin-bottom: 0px;\r\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .user-info h3 {\r\n margin-bottom: 15px;\r\n color: #002672;\r\n }\r\n\r\n .input-group {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .input-group label {\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n\r\n .input-group input {\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .input-group input {\r\n font-size: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"tabs\">\r\n <button class=\"tab active\" data-tab=\"civil\">CIVIL<\/button>\r\n <button class=\"tab\" data-tab=\"electrical\">ELECTRICAL<\/button>\r\n <button class=\"tab\" data-tab=\"mechanical\">MECHANICAL<\/button>\r\n <button class=\"tab\" data-tab=\"helper\">HELPER<\/button>\r\n <\/div>\r\n\r\n <div class=\"booking-wrapper\">\r\n \r\n <div class=\"manpower-sections\">\r\n <div class=\"manpower-tab active\" id=\"civil\">\r\n <div class=\"role\">\r\n <label>Shuttering Carpenter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Shuttering Carpenter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Steel Fixer<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Steel Fixer\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Block Mason<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Block Mason\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Plaster Mason<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Plaster Mason\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Tile Mason<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Tile Mason\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Chargehand<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Chargehand\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Supervisor<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Supervisor\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Engineer<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Engineer\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Foreman<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Foreman\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n\r\n <div class=\"role\">\r\n <label>Scaffolder Certified<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Scaffolder Certified\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Scaffolder Normal<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Scaffolder Normal\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n\r\n\r\n <div class=\"role\">\r\n <label>Gypsum Carpenter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Gypsum Carpenter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Finishing Carpenter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Finishing Carpenter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n\r\n\r\n <div class=\"role\">\r\n <label>Sand Blaster<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Sand Blaster\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Wall Painter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Wall Painter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Spray Painter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Spray Painter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Wood Painter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Wood Painter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Wood Polisher<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Wood Polisher\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Rigger<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Rigger\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Civil Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Civil Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Safety Officer<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Civil - Safety Officer\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"manpower-tab\" id=\"electrical\">\r\n <div class=\"role\">\r\n <label>Engineer<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Engineer\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Supervisor<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Supervisor\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Foreman<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Foreman\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Chargehand<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Chargehand\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Normal Electrician<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Normal Electrician\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Industrial Electrician<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Industrial Electrician\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"manpower-tab\" id=\"mechanical\">\r\n <div class=\"role\">\r\n <label>Pipe Fabricator<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Pipe Fabricator\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Steel Fabricator<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Steel Fabricator\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Aluminum Fabricator<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Aluminum Fabricator\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Aluminum Fitter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Aluminum Fitter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>3G Welder<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - 3G Welder\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>6G Welder<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - 6G Welder\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>A6G Welder<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - A6G Welder\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>MIG Welder<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - MIG Welder\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>TIG Welder<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - TIG Welder\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Insulator<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Insulator\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Pipe Fitter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Pipe Fitter\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"manpower-tab\" id=\"helper\">\r\n <div class=\"role\">\r\n <label>Civil Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Helper - Civil Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Eelctrical Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Helper - Eelctrical Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Mechanical Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Helper - Mechanical Helper\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>General Helper<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Helper - General\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <div class=\"role\">\r\n <label>Cleane<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Helper - Cleaner\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"summary\">\r\n <h3>Your Booking Summary<\/h3>\r\n <ul id=\"summary-list\"><\/ul>\r\n <hr>\r\n <div class=\"total-display\">Total Selected: <span id=\"total-count\">0<\/span><\/div>\r\n <div class=\"user-info\">\r\n <h3>Your Information<\/h3>\r\n <div class=\"input-group\">\r\n <label for=\"user-name\">Name<\/label>\r\n <input type=\"text\" id=\"user-name\" name=\"user-name\" placeholder=\"Enter your name\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"user-email\">Email<\/label>\r\n <input type=\"email\" id=\"user-email\" name=\"user-email\" placeholder=\"Enter your email\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"user-mobile\">Mobile Number<\/label>\r\n <input type=\"tel\" id=\"user-mobile\" name=\"user-mobile\" placeholder=\"Enter your mobile number\"\r\n required>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"book-now\">BOOK NOW<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ Tab switching\r\n document.querySelectorAll('.tab').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n btn.classList.add('active');\r\n\r\n document.querySelectorAll('.manpower-tab').forEach(tab => tab.classList.remove('active'));\r\n document.getElementById(btn.dataset.tab).classList.add('active');\r\n });\r\n });\r\n\r\n const summaryList = document.getElementById('summary-list');\r\n const totalCountEl = document.getElementById('total-count');\r\n const selectedRoles = {};\r\n\r\n document.querySelectorAll('.add-btn').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const input = btn.previousElementSibling;\r\n const role = input.dataset.role;\r\n const qty = parseInt(input.value);\r\n\r\n if (!qty || qty <= 0) return alert(\"Please enter a valid quantity.\");\r\n\r\n selectedRoles[role] = (selectedRoles[role] || 0) + qty;\r\n updateSummary();\r\n input.value = '';\r\n });\r\n });\r\n\r\n function updateSummary() {\r\n summaryList.innerHTML = '';\r\n let total = 0;\r\n\r\n for (let role in selectedRoles) {\r\n const li = document.createElement('li');\r\n\r\n const roleText = document.createElement('span');\r\n roleText.textContent = role;\r\n\r\n const qty = document.createElement('span');\r\n qty.textContent = selectedRoles[role];\r\n qty.style.fontWeight = 'bold';\r\n\r\n const del = document.createElement('span');\r\n del.innerHTML = '\ud83d\uddd1\ufe0f';\r\n del.classList.add('delete-icon');\r\n del.onclick = () => {\r\n delete selectedRoles[role];\r\n updateSummary();\r\n };\r\n\r\n const rightSide = document.createElement('span');\r\n rightSide.appendChild(del);\r\n rightSide.appendChild(qty);\r\n\r\n li.appendChild(roleText);\r\n li.appendChild(rightSide);\r\n summaryList.appendChild(li);\r\n\r\n total += selectedRoles[role];\r\n }\r\n\r\n totalCountEl.textContent = total;\r\n }\r\n\r\n document.getElementById('book-now').addEventListener('click', () => {\r\n if (Object.keys(selectedRoles).length === 0) {\r\n alert(\"Please add at least one role to book.\");\r\n return;\r\n }\r\n\r\n \/\/ Get user input values\r\n const userName = document.getElementById('user-name').value.trim();\r\n const userEmail = document.getElementById('user-email').value.trim();\r\n const userMobile = document.getElementById('user-mobile').value.trim();\r\n\r\n if (!userName || !userEmail || !userMobile) {\r\n alert(\"Please fill in your name, email, and mobile number.\");\r\n return;\r\n }\r\n\r\n const bookingData = Object.keys(selectedRoles).map(role => ({\r\n role: role,\r\n quantity: selectedRoles[role]\r\n }));\r\n\r\n const bookBtn = document.getElementById('book-now');\r\n const originalText = bookBtn.textContent;\r\n bookBtn.textContent = 'Processing...';\r\n bookBtn.disabled = true;\r\n\r\n fetch(ajaxurl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/x-www-form-urlencoded',\r\n },\r\n body: new URLSearchParams({\r\n action: 'submit_manpower_booking',\r\n booking_data: JSON.stringify(bookingData),\r\n user_name: userName,\r\n user_email: userEmail,\r\n user_mobile: userMobile\r\n })\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.success) {\r\n alert(\"Booking submitted successfully! We'll contact you shortly.\");\r\n Object.keys(selectedRoles).forEach(role => delete selectedRoles[role]);\r\n updateSummary();\r\n document.getElementById('user-name').value = '';\r\n document.getElementById('user-email').value = '';\r\n document.getElementById('user-mobile').value = '';\r\n } else {\r\n alert(\"There was an error submitting your booking: \" + (data.message || 'Please try again later.'));\r\n }\r\n })\r\n .catch(error => {\r\n alert(\"Error submitting booking: \" + error.message);\r\n })\r\n .finally(() => {\r\n bookBtn.textContent = originalText;\r\n bookBtn.disabled = false;\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\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>BOOK MANPOWER Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Shuttering Carpenter Add Steel Fixer Add Block Mason Add Plaster Mason Add Tile Mason Add Chargehand Add Supervisor Add Engineer Add Foreman Add Scaffolder Certified Add Scaffolder Normal Add Gypsum Carpenter Add Finishing Carpenter Add Sand Blaster Add Wall Painter Add Spray Painter Add Wood Painter Add […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2160","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/asimanpower.ae\/ru\/book-manpower\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.\" \/>\n<meta property=\"og:description\" content=\"BOOK MANPOWER Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Shuttering Carpenter Add Steel Fixer Add Block Mason Add Plaster Mason Add Tile Mason Add Chargehand Add Supervisor Add Engineer Add Foreman Add Scaffolder Certified Add Scaffolder Normal Add Gypsum Carpenter Add Finishing Carpenter Add Sand Blaster Add Wall Painter Add Spray Painter Add Wood Painter Add […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/asimanpower.ae\/ru\/book-manpower\/\" \/>\n<meta property=\"og:site_name\" content=\"A.S.GROUP RECRUITING AND OUTSOURCING CO.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T13:09:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/book-manpower\\\/\",\"url\":\"https:\\\/\\\/asimanpower.ae\\\/book-manpower\\\/\",\"name\":\"Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/#website\"},\"datePublished\":\"2025-05-06T09:02:58+00:00\",\"dateModified\":\"2026-04-16T13:09:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/book-manpower\\\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/asimanpower.ae\\\/book-manpower\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/book-manpower\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/asimanpower.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Book Manpower\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/#website\",\"url\":\"https:\\\/\\\/asimanpower.ae\\\/\",\"name\":\"A.S.GROUP RECRUITING AND OUTSOURCING CO.\",\"description\":\"A Legacy Created Through Commitment Assigning the right man with the right job promises productivity and growth.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/asimanpower.ae\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"}]}<\/script>\n","yoast_head_json":{"title":"Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/asimanpower.ae\/ru\/book-manpower\/","og_locale":"ru_RU","og_type":"article","og_title":"Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.","og_description":"BOOK MANPOWER Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Shuttering Carpenter Add Steel Fixer Add Block Mason Add Plaster Mason Add Tile Mason Add Chargehand Add Supervisor Add Engineer Add Foreman Add Scaffolder Certified Add Scaffolder Normal Add Gypsum Carpenter Add Finishing Carpenter Add Sand Blaster Add Wall Painter Add Spray Painter Add Wood Painter Add […]","og_url":"https:\/\/asimanpower.ae\/ru\/book-manpower\/","og_site_name":"A.S.GROUP RECRUITING AND OUTSOURCING CO.","article_modified_time":"2026-04-16T13:09:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"1 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/asimanpower.ae\/book-manpower\/","url":"https:\/\/asimanpower.ae\/book-manpower\/","name":"Book Manpower - A.S.GROUP RECRUITING AND OUTSOURCING CO.","isPartOf":{"@id":"https:\/\/asimanpower.ae\/#website"},"datePublished":"2025-05-06T09:02:58+00:00","dateModified":"2026-04-16T13:09:46+00:00","breadcrumb":{"@id":"https:\/\/asimanpower.ae\/book-manpower\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/asimanpower.ae\/book-manpower\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/asimanpower.ae\/book-manpower\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/asimanpower.ae\/"},{"@type":"ListItem","position":2,"name":"Book Manpower"}]},{"@type":"WebSite","@id":"https:\/\/asimanpower.ae\/#website","url":"https:\/\/asimanpower.ae\/","name":"A.S.GROUP RECRUITING AND OUTSOURCING CO.","description":"\u041d\u0430\u0441\u043b\u0435\u0434\u0438\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u043d\u0430 \u043d\u0443\u0436\u043d\u0443\u044e \u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u0435\u0449\u0430\u0435\u0442 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0438 \u0440\u043e\u0441\u0442.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/asimanpower.ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"}]}},"_links":{"self":[{"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/pages\/2160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/comments?post=2160"}],"version-history":[{"count":6,"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/pages\/2160\/revisions"}],"predecessor-version":[{"id":3173,"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/pages\/2160\/revisions\/3173"}],"wp:attachment":[{"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/media?parent=2160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}