{"id":14,"date":"2025-03-06T11:41:14","date_gmt":"2025-03-06T06:11:14","guid":{"rendered":"http:\/\/www.dominixglobal.com\/cts\/?page_id=14"},"modified":"2025-03-19T15:36:32","modified_gmt":"2025-03-19T10:06:32","slug":"work","status":"publish","type":"page","link":"https:\/\/www.dominixglobal.com\/cts\/work\/","title":{"rendered":"Work"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;]    <div class=\"d-flex align-items-center flex-wrap mt-4 mb-4\">\n        <h2 class=\"fs-24 fs-lg-56\">Work<\/h2>\n        <button class=\"btn ms-auto filter-heading clash-500 fs-14 fs-lg-32 collapsed py-2\" type=\"button\"\n            data-bs-toggle=\"collapse\" data-bs-target=\"#service-collapse\" aria-expanded=\"false\"\n            aria-controls=\"service-collapse\">\n            Services <svg width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.25719 5.5L12.0547 14.1532L20.8522 5.5L23.5547 8.16397L12.0547 19.5L0.554688 8.16397L3.25719 5.5Z\" fill=\"black\" \/><\/svg>\n        <\/button>\n        <button class=\"btn filter-heading clash-500 fs-14 fs-lg-32 collapsed py-2\" type=\"button\" data-bs-toggle=\"collapse\"\n            data-bs-target=\"#sector-collapse\" aria-expanded=\"false\" aria-controls=\"sector-collapse\">\n            Sectors <svg width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3.25719 5.5L12.0547 14.1532L20.8522 5.5L23.5547 8.16397L12.0547 19.5L0.554688 8.16397L3.25719 5.5Z\" fill=\"black\" \/><\/svg>\n        <\/button>\n    <\/div>\n    <div class=\"filter-items-group my-md-4 pb-md-2\">\n        <div class=\"collapse\" id=\"service-collapse\">\n            <div class=\"\">\n                <form id=\"service-filter\" class=\"justify-content-end\">\n                    <input type=\"radio\" id=\"all_services\" name=\"service\" value=\"all_services\" checked>\n                    <label for=\"all_services\">All<\/label>\n                    <input id=\"service_318\" type=\"radio\" name=\"service\" value=\"318\"> <label for=\"service_318\">Create<\/label><input id=\"service_319\" type=\"radio\" name=\"service\" value=\"319\"> <label for=\"service_319\">Transform<\/label><input id=\"service_320\" type=\"radio\" name=\"service\" value=\"320\"> <label for=\"service_320\">Scale<\/label>                <\/form>\n            <\/div>\n        <\/div>\n        <div class=\"collapse\" id=\"sector-collapse\">\n            <div class=\"\">\n                <!-- Sector Filter -->\n                <form id=\"sector-filter\" class=\"justify-content-end\">\n                    <input type=\"radio\" id=\"all_sector\" name=\"sector\" value=\"all_sector\" checked>\n                    <label for=\"all_sector\">All<\/label>\n\n                    <input id=\"sector_215\" type=\"radio\" name=\"sector\" value=\"215\"> <label for=\"sector_215\">HEALTHCARE<\/label><input id=\"sector_213\" type=\"radio\" name=\"sector\" value=\"213\"> <label for=\"sector_213\">AUTOMOBILE<\/label><input id=\"sector_547\" type=\"radio\" name=\"sector\" value=\"547\"> <label for=\"sector_547\">BFSI<\/label><input id=\"sector_549\" type=\"radio\" name=\"sector\" value=\"549\"> <label for=\"sector_549\">INDUSTRIAL<\/label><input id=\"sector_551\" type=\"radio\" name=\"sector\" value=\"551\"> <label for=\"sector_551\">LIFESTYLE<\/label><input id=\"sector_553\" type=\"radio\" name=\"sector\" value=\"553\"> <label for=\"sector_553\">FMCG<\/label><input id=\"sector_556\" type=\"radio\" name=\"sector\" value=\"556\"> <label for=\"sector_556\">REAL ESTATE<\/label><input id=\"sector_558\" type=\"radio\" name=\"sector\" value=\"558\"> <label for=\"sector_558\">AGRICULTURE<\/label><input id=\"sector_560\" type=\"radio\" name=\"sector\" value=\"560\"> <label for=\"sector_560\">ENERGY<\/label><input id=\"sector_562\" type=\"radio\" name=\"sector\" value=\"562\"> <label for=\"sector_562\">FIND YOUR SECTOR<\/label>                <\/form>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div id=\"work-results\"><\/div>\n\n    <script>\n        jQuery(document).ready(function ($) {\n            function loadWork(serviceID, sectorID) {\n                $.ajax({\n                    type: 'POST',\n                    url: '\/cts\/wp-admin\/admin-ajax.php',\n                    data: {\n                        action: 'filter_work_by_service_sector',\n                        service_id: serviceID,\n                        sector_id: sectorID\n                    },\n                    beforeSend: function () {\n                        \/\/ Show skeleton loader\n                        $('#work-results').fadeOut(200, function () {\n                            $('#work-results').html(`\n                        <div class=\"row g-3\">\n                            <div class=\"col-md-6 col-lg-3\">\n                                <div class=\"skeleton\">\n                                    \n                                <\/div>\n                            <\/div>\n                            <div class=\"col-6 col-lg-3\">\n                                <div class=\"skeleton\">\n                               \n                                <\/div>\n                            <\/div>\n                            <div class=\"col-6 col-lg-6\">\n                                <div class=\"skeleton\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    `).fadeIn(400);\n                        });\n                    },\n                    success: function (response) {\n                        \/\/ Replace skeleton with actual content\n                        setTimeout(() => {\n                            $('#work-results').html(response).hide().fadeIn(400);\n                        }, 800); \/\/ Small delay for a smoother transition\n                    }\n                });\n            }\n\n            \n\n            \/\/ Trigger when service filter changes\n            $('input[name=\"service\"]').change(function () {\n                var serviceID = $('input[name=\"service\"]:checked').val();\n                \/\/ var sectorID = $('input[name=\"sector\"]:checked').val();\n                var sectorID = 'all_sector';\n                loadWork(serviceID, sectorID);\n                jQuery(\"#sector-filter input\").removeAttr('checked','checked');\n\n            });\n\n            \/\/ Trigger when sector filter changes\n            $('input[name=\"sector\"]').change(function () {\n                \/\/ var serviceID = $('input[name=\"service\"]:checked').val();\n                var serviceID = 'all_services';\n                var sectorID  = $('input[name=\"sector\"]:checked').val();\n                loadWork(serviceID, sectorID);\n                jQuery(\"#service-filter input\").removeAttr('checked','checked');\n            });\n\n\n           \/\/ Get the 'sector' parameter from the URL\n            let urlParams = new URLSearchParams(window.location.search);\n            let selectedSector  = urlParams.get(\"sector\");\n            let selectedService = urlParams.get(\"service_id\");\n\n            if (selectedService) {\n                let $sectorCollapseElement = $(\"#service-collapse\");\n\n                if ($sectorCollapseElement.length) {\n                    $sectorCollapseElement.collapse(\"show\"); \/\/ Expand the sector collapse\n                    $(\"[data-bs-target='#service-collapse']\").attr(\"aria-expanded\", \"true\");\n\n                    \/\/ Close other collapsible sections\n                    $(\".filter-items-group .collapse\").not($sectorCollapseElement).collapse(\"hide\");\n                }\n            }\n\n            function selectServiceInput(sectorValue) {\n                let $matchingServiceInput = $(`input[value=\"${sectorValue}\"]`);\n\n                if ($matchingServiceInput.length) {\n                    $matchingServiceInput.trigger(\"click\"); \/\/ Simulate a click on the matching input\n                    \/\/ let selectedSector = $('input[name=\"service\"]:checked').val();\n                    \/\/ loadWork( || \"all_sector\", sectorValue); \/\/ Load work with the sector\n                    \/\/ loadWork(sectorValue, \"all_sector\");\n                }\n            }\n\n\n            if (selectedSector) {\n                let $sectorCollapseElement = $(\"#sector-collapse\");\n\n                if ($sectorCollapseElement.length) {\n                    $sectorCollapseElement.collapse(\"show\"); \/\/ Expand the sector collapse\n                    $(\"[data-bs-target='#sector-collapse']\").attr(\"aria-expanded\", \"true\");\n\n                    \/\/ Close other collapsible sections\n                    $(\".filter-items-group .collapse\").not($sectorCollapseElement).collapse(\"hide\");\n                }\n            }\n\n            function selectSectorInput(sectorValue) {\n                let $matchingSectorInput = $(`input[value=\"${sectorValue}\"]`);\n\n                if ($matchingSectorInput.length) {\n                    $matchingSectorInput.trigger(\"click\"); \/\/ Simulate a click on the matching input\n                    \/\/ let selectedService = $('input[name=\"service\"]:checked').val();\n                    \/\/ loadWork(selectedService || \"all_services\", sectorValue); \/\/ Load work with the sector\n                    \/\/ loadWork(\"all_services\", selectedSector);\n                }\n            }\n\n\n            if (selectedService){\n                selectServiceInput(selectedService);\n            }else if(selectedSector){\n                selectSectorInput(selectedSector);\n            }else{\n                loadWork(\"all_services\", \"all_sector\");\n            }\n\n            \/\/ Load default sector or trigger input selection based on the URL parameter\n            \/\/ selectedSector ? selectSectorInput(selectedSector) : loadWork(\"all_services\", \"all_sector\");\n        });\n\n    <\/script>\n    <script>\n\t\/\/ code 2-june-2025 6:01 pm start here \/\/\n\t\n     jQuery(document).ready(function($) {\n    \/\/ Initialize collapse functionality\n    $(\".filter-items-group .collapse\").on(\"show.bs.collapse\", function(e) {\n        \/\/ Get all relevant elements\n        const allCollapses = $(\".filter-items-group .collapse\");\n        const allButtons = $(\"[data-bs-toggle='collapse']\");\n        const currentButton = $(`[data-bs-target=\"#${e.target.id}\"]`);\n        \n        \/\/ Prevent if already showing\n        if ($(this).hasClass('show')) {\n            e.preventDefault();\n            return false;\n        }\n        \n        \/\/ Hide other collapses\n        allCollapses.not(this).collapse('hide');\n        \n        \/\/ Update button states\n        allButtons.not(currentButton)\n            .addClass('collapsed')\n            .attr('aria-expanded', 'false');\n            \n        currentButton\n            .removeClass('collapsed')\n            .attr('aria-expanded', 'true');\n    });\n    \n    \/\/ Handle hide events to ensure proper state\n    $(\".filter-items-group .collapse\").on(\"hide.bs.collapse\", function(e) {\n        const button = $(`[data-bs-target=\"#${e.target.id}\"]`);\n        button.addClass('collapsed')\n              .attr('aria-expanded', 'false');\n    });\n    \n    \/\/ Initialize states on page load\n    function initializeStates() {\n        $(\"[data-bs-toggle='collapse']\").each(function() {\n            const target = $($(this).data('bs-target'));\n            const isExpanded = target.hasClass('show');\n            $(this).attr('aria-expanded', isExpanded);\n            if (!isExpanded) {\n                $(this).addClass('collapsed');\n            } else {\n                $(this).removeClass('collapsed');\n            }\n        });\n    }\n    initializeStates();\n    \n    \/\/ Extra protection against double-expanded states\n    $(\"[data-bs-toggle='collapse']\").on('click', function() {\n        const target = $($(this).data('bs-target'));\n        $(\".filter-items-group .collapse\").not(target).removeClass('show');\n        $(\"[data-bs-toggle='collapse']\").not(this)\n            .attr('aria-expanded', 'false')\n            .addClass('collapsed');\n      });\n   });\n   \n   \/\/ code  end here \/\/\n    <\/script>\n\n\n    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-blank-with-container.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Work - CTS<\/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:\/\/www.dominixglobal.com\/cts\/work\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work - CTS\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dominixglobal.com\/cts\/work\/\" \/>\n<meta property=\"og:site_name\" content=\"CTS\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-19T10:06:32+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:\/\/www.dominixglobal.com\/cts\/work\/\",\"url\":\"https:\/\/www.dominixglobal.com\/cts\/work\/\",\"name\":\"Work - CTS\",\"isPartOf\":{\"@id\":\"https:\/\/www.dominixglobal.com\/cts\/#website\"},\"datePublished\":\"2025-03-06T06:11:14+00:00\",\"dateModified\":\"2025-03-19T10:06:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dominixglobal.com\/cts\/work\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dominixglobal.com\/cts\/work\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dominixglobal.com\/cts\/work\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dominixglobal.com\/cts\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dominixglobal.com\/cts\/#website\",\"url\":\"https:\/\/www.dominixglobal.com\/cts\/\",\"name\":\"CTS\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dominixglobal.com\/cts\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Work - CTS","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:\/\/www.dominixglobal.com\/cts\/work\/","og_locale":"en_US","og_type":"article","og_title":"Work - CTS","og_description":"[vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]","og_url":"https:\/\/www.dominixglobal.com\/cts\/work\/","og_site_name":"CTS","article_modified_time":"2025-03-19T10:06:32+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dominixglobal.com\/cts\/work\/","url":"https:\/\/www.dominixglobal.com\/cts\/work\/","name":"Work - CTS","isPartOf":{"@id":"https:\/\/www.dominixglobal.com\/cts\/#website"},"datePublished":"2025-03-06T06:11:14+00:00","dateModified":"2025-03-19T10:06:32+00:00","breadcrumb":{"@id":"https:\/\/www.dominixglobal.com\/cts\/work\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dominixglobal.com\/cts\/work\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dominixglobal.com\/cts\/work\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dominixglobal.com\/cts\/"},{"@type":"ListItem","position":2,"name":"Work"}]},{"@type":"WebSite","@id":"https:\/\/www.dominixglobal.com\/cts\/#website","url":"https:\/\/www.dominixglobal.com\/cts\/","name":"CTS","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dominixglobal.com\/cts\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":3,"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":814,"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/pages\/14\/revisions\/814"}],"wp:attachment":[{"href":"https:\/\/www.dominixglobal.com\/cts\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}