{"id":2125,"date":"2025-05-06T06:41:52","date_gmt":"2025-05-06T06:41:52","guid":{"rendered":"http:\/\/localhost\/asimanpower\/?page_id=2125"},"modified":"2025-05-06T07:47:29","modified_gmt":"2025-05-06T07:47:29","slug":"demo","status":"publish","type":"page","link":"https:\/\/asimanpower.ae\/ru\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n Manpower Booking<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #f4f4f4;\r\n padding: 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: auto;\r\n padding: 20px;\r\n }\r\n\r\n .tabs {\r\n display: flex;\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 }\r\n\r\n .tab.active {\r\n background: #e53935;\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 .manpower-tab {\r\n display: none;\r\n }\r\n\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 .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;\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 width: 100%; \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 .add-btn {\r\n background: #e53935;\r\n color: white;\r\n border: none;\r\n padding: 5px 15px;\r\n cursor: pointer;\r\n border-radius: 5px;\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 }\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: #ff3d57;\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 }\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 <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <!-- Tabs -->\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 <!-- Manpower Selection -->\r\n <div class=\"manpower-sections\">\r\n <div class=\"manpower-tab active\" id=\"civil\">\r\n <div class=\"role\">\r\n <label>Supervisor<\/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>Engineer<\/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>Foreman<\/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>Chargehand<\/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>Scaffolder Certified<\/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>Scaffolder Normal<\/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>\r\n\r\n <div class=\"manpower-tab\" id=\"electrical\">\r\n <div class=\"role\">\r\n <label>Electrician<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Electrical - Electrician\">\r\n <button class=\"add-btn\">Add<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"manpower-tab\" id=\"mechanical\">\r\n <div class=\"role\">\r\n <label>Fitter<\/label>\r\n <input type=\"number\" min=\"0\" class=\"qty-input\" data-role=\"Mechanical - Fitter\">\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>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>\r\n <\/div>\r\n\r\n <!-- Booking Summary -->\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 <button id=\"book-now\">BOOK NOW<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\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 alert(\"Booking submitted:\\n\" + JSON.stringify(selectedRoles, null, 2));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Supervisor Add Engineer Add Foreman Add Chargehand Add Scaffolder Certified Add Scaffolder Normal Add Electrician Add Fitter Add General Helper Add Your Booking Summary Total Selected: 0 BOOK NOW<\/p>","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-2125","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Demo - 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\/demo\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demo - A.S.GROUP RECRUITING AND OUTSOURCING CO.\" \/>\n<meta property=\"og:description\" content=\"Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Supervisor Add Engineer Add Foreman Add Chargehand Add Scaffolder Certified Add Scaffolder Normal Add Electrician Add Fitter Add General Helper Add Your Booking Summary Total Selected: 0 BOOK NOW\" \/>\n<meta property=\"og:url\" content=\"https:\/\/asimanpower.ae\/ru\/demo\/\" \/>\n<meta property=\"og:site_name\" content=\"A.S.GROUP RECRUITING AND OUTSOURCING CO.\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-06T07:47:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/demo\\\/\",\"url\":\"https:\\\/\\\/asimanpower.ae\\\/demo\\\/\",\"name\":\"Demo - A.S.GROUP RECRUITING AND OUTSOURCING CO.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/#website\"},\"datePublished\":\"2025-05-06T06:41:52+00:00\",\"dateModified\":\"2025-05-06T07:47:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/demo\\\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/asimanpower.ae\\\/demo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/asimanpower.ae\\\/demo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/asimanpower.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demo\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Demo - 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\/demo\/","og_locale":"ru_RU","og_type":"article","og_title":"Demo - A.S.GROUP RECRUITING AND OUTSOURCING CO.","og_description":"Manpower Booking CIVIL ELECTRICAL MECHANICAL HELPER Supervisor Add Engineer Add Foreman Add Chargehand Add Scaffolder Certified Add Scaffolder Normal Add Electrician Add Fitter Add General Helper Add Your Booking Summary Total Selected: 0 BOOK NOW","og_url":"https:\/\/asimanpower.ae\/ru\/demo\/","og_site_name":"A.S.GROUP RECRUITING AND OUTSOURCING CO.","article_modified_time":"2025-05-06T07:47:29+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/asimanpower.ae\/demo\/","url":"https:\/\/asimanpower.ae\/demo\/","name":"Demo - A.S.GROUP RECRUITING AND OUTSOURCING CO.","isPartOf":{"@id":"https:\/\/asimanpower.ae\/#website"},"datePublished":"2025-05-06T06:41:52+00:00","dateModified":"2025-05-06T07:47:29+00:00","breadcrumb":{"@id":"https:\/\/asimanpower.ae\/demo\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/asimanpower.ae\/demo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/asimanpower.ae\/demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/asimanpower.ae\/"},{"@type":"ListItem","position":2,"name":"Demo"}]},{"@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\/2125","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=2125"}],"version-history":[{"count":0,"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/pages\/2125\/revisions"}],"wp:attachment":[{"href":"https:\/\/asimanpower.ae\/ru\/wp-json\/wp\/v2\/media?parent=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}