{"id":1254,"date":"2023-11-06T12:33:28","date_gmt":"2023-11-06T12:33:28","guid":{"rendered":"https:\/\/phoenixgroup.global\/staffing\/?page_id=1254"},"modified":"2023-11-06T12:33:32","modified_gmt":"2023-11-06T12:33:32","slug":"services-2-0","status":"publish","type":"page","link":"https:\/\/phoenixgroup.global\/staffing\/services-2-0\/","title":{"rendered":"Services 2.0"},"content":{"rendered":"<div data-piotnetforms-ajax-url=\"https:\/\/phoenixgroup.global\/staffing\/wp-admin\/admin-ajax.php\"><\/div><div data-piotnetforms-plugin-url=\"https:\/\/phoenixgroup.global\/staffing\/wp-content\/plugins\"><\/div><div data-piotnetforms-tinymce-upload=\"https:\/\/phoenixgroup.global\/staffing\/wp-content\/plugins\/piotnetforms-pro\/inc\/forms\/tinymce\/tinymce-upload.php\"><\/div><div data-piotnetforms-stripe-key=\"\"><\/div><div class=\"piotnetforms-break-point\" data-piotnetforms-break-point-md=\"1025\" data-piotnetforms-break-point-lg=\"767\"><\/div>\t\t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction clearValidity($this){\n\t\t\t\t    const $parent = jQuery($this).closest('.piotnetforms-field-subgroup');\n\t\t\t\t    const $firstOption = $parent.find('.piotnetforms-field-option input');\n\t\t\t\t    $firstOption.each(function(){\n\t\t\t\t    \tjQuery(this)[0].setCustomValidity('');\n\t\t\t\t    }); \n\t\t\t\t}\n\t\t\t\n\t\t\t\tfunction piotnetformsAddressAutocompleteInitMap() {\n\t\t\t\t    var inputs = document.querySelectorAll('[data-piotnetforms-address-autocomplete]');\n\n\t\t\t\t    inputs.forEach(function(el, index, array){\n\t\t\t\t        var autocomplete = new google.maps.places.Autocomplete(el);\n\t\t\t\t        var country = el.getAttribute('data-piotnetforms-address-autocomplete-country');\n\t\t\t\t        var map_lat = el.getAttribute('data-piotnetforms-google-maps-lat');\n\t\t\t\t        var map_lng = el.getAttribute('data-piotnetforms-google-maps-lng');\n\t\t\t\t        var zoom = el.getAttribute('data-piotnetforms-google-maps-zoom');\n\n\t\t\t\t        if(country == 'All') {\n\t\t\t\t          autocomplete.setComponentRestrictions({'country': []});\n\t\t\t\t        } else {\n\t\t\t\t          autocomplete.setComponentRestrictions({'country': country});\n\t\t\t\t        }\n\n\t\t\t\t        var $mapSelector = el.closest('.piotnetforms-fields-wrapper').querySelectorAll('[data-piotnetforms-address-autocomplete-map]');\n\t\t\t\t        if($mapSelector.length>0) {\n\t\t\t\t            var myLatLng = { lat: parseFloat(map_lat), lng: parseFloat(map_lng) };\n\t\t\t\t            var map_zoom = parseInt(zoom);\n\t\t\t\t            var map = new google.maps.Map($mapSelector[0], {\n\t\t\t\t                center: myLatLng,\n\t\t\t\t                \/\/ center: {lat: -33.8688, lng: 151.2195},\n\t\t\t\t                zoom: map_zoom\n\t\t\t\t            });\n\n\t\t\t\t            var infowindow = new google.maps.InfoWindow();\n\t\t\t\t            var infowindowContent = el.closest('.piotnetforms-fields-wrapper').querySelectorAll('.infowindow-content')[0];\n\t\t\t\t            infowindow.setContent(infowindowContent);\n\t\t\t\t            var marker = new google.maps.Marker({\n\t\t\t\t              map: map,\n\t\t\t\t              anchorPoint: new google.maps.Point(0, -29)\n\t\t\t\t            });\n\n\t\t\t\t            autocomplete.addListener('place_changed', function() {\n\t\t\t\t              infowindow.close();\n\t\t\t\t              marker.setVisible(false);\n\t\t\t\t              var place = autocomplete.getPlace();\n\t\t\t\t              if (!place.geometry) {\n\t\t\t\t                \/\/ User entered the name of a Place that was not suggested and\n\t\t\t\t                \/\/ pressed the Enter key, or the Place Details request failed.\n\t\t\t\t                window.alert(\"No details available for input: '\" + place.name + \"'\");\n\t\t\t\t                return;\n\t\t\t\t              }\n\n\t\t\t\t              \/\/ If the place has a geometry, then present it on a map.\n\t\t\t\t              if (place.geometry.viewport) {\n\t\t\t\t                map.fitBounds(place.geometry.viewport);\n\t\t\t\t              } else {\n\t\t\t\t                map.setCenter(place.geometry.location);\n\t\t\t\t                map.setZoom(17);  \/\/ Why 17? Because it looks good.\n\t\t\t\t              }\n\t\t\t\t              marker.setPosition(place.geometry.location);\n\t\t\t\t              marker.setVisible(true);\n\n\t\t\t\t              var address = '';\n\t\t\t\t              if (place.address_components) {\n\t\t\t\t                address = [\n\t\t\t\t                  (place.address_components[0] && place.address_components[0].short_name || ''),\n\t\t\t\t                  (place.address_components[1] && place.address_components[1].short_name || ''),\n\t\t\t\t                  (place.address_components[2] && place.address_components[2].short_name || '')\n\t\t\t\t                ].join(' ');\n\t\t\t\t              }\n\n\t\t\t\t              infowindowContent.children['place-icon'].src = place.icon;\n\t\t\t\t              infowindowContent.children['place-name'].textContent = place.name;\n\t\t\t\t              infowindowContent.children['place-address'].textContent = address;\n\t\t\t\t              infowindow.open(map, marker);\n\t\t\t\t            });\n\t\t\t\t        }\n\n\t\t\t\t        autocomplete.addListener('place_changed', function() {\n\t\t\t\t          var place = autocomplete.getPlace();\n\t\t\t\t          el.setAttribute('data-piotnetforms-google-maps-lat', place.geometry.location.lat());\n\t\t\t\t          el.setAttribute('data-piotnetforms-google-maps-lng', place.geometry.location.lng());\n\t\t\t\t          el.setAttribute('data-piotnetforms-google-maps-formatted-address', place.formatted_address);\n\t\t\t\t          el.setAttribute('data-piotnetforms-google-maps-zoom', '17');\n\n\t\t\t\t          var $distanceCalculation = document.querySelectorAll('[data-piotnetforms-calculated-fields-distance-calculation]');\n\n\t\t\t\t          $distanceCalculation.forEach(function(el, index, array){\n\n\t\t\t\t            if (el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-from') !== null) {\n\t\t\t\t              var origin = el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-from');\n\t\t\t\t            } else {\n\t\t\t\t              var $origin = document.getElementById( el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-from-field-shortcode').replace('[field id=\"', 'form-field-').replace('\"]','') );\n\t\t\t\t              var origin = $origin.getAttribute('data-piotnetforms-google-maps-formatted-address');\n\t\t\t\t            }\n\n\t\t\t\t            if (el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-to') !== null) {\n\t\t\t\t              var destination = el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-to');\n\t\t\t\t            } else {\n\t\t\t\t              $destination = document.getElementById( el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-to-field-shortcode').replace('[field id=\"', 'form-field-').replace('\"]','') );\n\t\t\t\t              var destination = $destination.getAttribute('data-piotnetforms-google-maps-formatted-address');\n\t\t\t\t            }\n\n\t\t\t\t            if (origin != '' && destination != '') {\n\t\t\t\t              var distanceUnit = el.getAttribute('data-piotnetforms-calculated-fields-distance-calculation-unit');\n\t\t\t\t              calculateDistance(origin, destination, el.closest('.piotnetforms-field-container').querySelector('.piotnetforms-calculated-fields-form__value'), distanceUnit, el);\n\t\t\t\t            }\n\n\t\t\t\t          });\n\n\t\t\t\t        });\n\t\t\t\t    });\n\t\t\t\t}\n\n\t\t\t\t\/\/ calculate distance\n\t\t\t\tfunction calculateDistance(origin, destination, $el, distanceUnit, $input) {\n\n\t\t\t\t    if (origin != '' && destination != '') {\n\t\t\t\t      var service = new google.maps.DistanceMatrixService();\n\t\t\t\t      service.getDistanceMatrix(\n\t\t\t\t          {\n\t\t\t\t              origins: [origin],\n\t\t\t\t              destinations: [destination],\n\t\t\t\t              travelMode: google.maps.TravelMode.DRIVING,\n\t\t\t\t              unitSystem: google.maps.UnitSystem.IMPERIAL, \/\/ miles and feet.\n\t\t\t\t              \/\/ unitSystem: google.maps.UnitSystem.metric, \/\/ kilometers and meters.\n\t\t\t\t              avoidHighways: false,\n\t\t\t\t              avoidTolls: false\n\t\t\t\t          }, function (response, status) {\n\t\t\t\t            if (status != google.maps.DistanceMatrixStatus.OK) {\n\t\t\t\t                \/\/ console.log(err);\n\t\t\t\t            } else {\n\t\t\t\t                var origin = response.originAddresses[0];\n\t\t\t\t                var destination = response.destinationAddresses[0];\n\t\t\t\t                if (response.rows[0].elements[0].status === \"ZERO_RESULTS\") {\n\t\t\t\t                    \/\/ console.log(\"Better get on a plane. There are no roads between \"  + origin + \" and \" + destination);\n\t\t\t\t                } else {\n\t\t\t\t                    var distance = response.rows[0].elements[0].distance;\n\t\t\t\t                    var duration = response.rows[0].elements[0].duration;\n\t\t\t\t                    \/\/ console.log(response.rows[0].elements[0].distance);\n\t\t\t\t                    var distance_in_kilo = distance.value \/ 1000; \/\/ the kilom\n\t\t\t\t                    var distance_in_mile = distance.value \/ 1609.34; \/\/ the mile\n\t\t\t\t                    var duration_text = duration.text;\n\t\t\t\t                    var duration_value = duration.value;\n\n\t\t\t\t                    var event = new Event(\"change\");\n\n\t\t\t\t                    if (distanceUnit == 'km') {\n\t\t\t\t                      $el.innerHTML = distance_in_kilo.toFixed(2);\n\t\t\t\t                      $input.value = distance_in_kilo.toFixed(2);\n\t\t\t\t                      jQuery($input).change();\n\t\t\t\t                    } else {\n\t\t\t\t                      $el.innerHTML = distance_in_mile.toFixed(2);\n\t\t\t\t                      $input.value = distance_in_mile.toFixed(2);\n\t\t\t\t                      jQuery($input).change();\n\t\t\t\t                    }\n\t\t\t\t                }\n\t\t\t\t            }\n\t\t\t\t        });\n\t\t\t\t    }\n\t\t\t\t}\n\n\t\t\t\t\/\/ get distance results\n\t\t\t\tfunction callback(response, status) {\n\t\t\t\t    if (status != google.maps.DistanceMatrixStatus.OK) {\n\t\t\t\t        console.log(err);\n\t\t\t\t    } else {\n\t\t\t\t        var origin = response.originAddresses[0];\n\t\t\t\t        var destination = response.destinationAddresses[0];\n\t\t\t\t        if (response.rows[0].elements[0].status === \"ZERO_RESULTS\") {\n\t\t\t\t            console.log(\"Better get on a plane. There are no roads between \"  + origin + \" and \" + destination);\n\t\t\t\t        } else {\n\t\t\t\t            var distance = response.rows[0].elements[0].distance;\n\t\t\t\t            var duration = response.rows[0].elements[0].duration;\n\t\t\t\t            console.log(response.rows[0].elements[0].distance);\n\t\t\t\t            var distance_in_kilo = distance.value \/ 1000; \/\/ the kilom\n\t\t\t\t            var distance_in_mile = distance.value \/ 1609.34; \/\/ the mile\n\t\t\t\t            var duration_text = duration.text;\n\t\t\t\t            var duration_value = duration.value;\n\n\t\t\t\t            console.log(distance_in_mile.toFixed(2) + 'miles');\n\t\t\t\t            return distance_in_kilo.toFixed(2);\n\t\t\t\t            \/\/ $('#duration_text').text(duration_text);\n\t\t\t\t            \/\/ $('#duration_value').text(duration_value);\n\t\t\t\t            \/\/ $('#from').text(origin);\n\t\t\t\t            \/\/ $('#to').text(destination);\n\t\t\t\t        }\n\t\t\t\t    }\n\t\t\t\t}\n\n\t\t\t\tdocument.addEventListener( 'elementor\/popup\/show', function(event, id, instance){\n\t\t\t\t  piotnetformsAddressAutocompleteInitMap();\n\t\t\t\t} );\n\t\t\t<\/script>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Phoenix Staffing | We provide bespoke staffing solutions ","_seopress_titles_desc":"We provide bespoke staffing solutions in the hospitality, nightlife, festivals and events industries ","_seopress_robots_index":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/pages\/1254"}],"collection":[{"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/comments?post=1254"}],"version-history":[{"count":1,"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/pages\/1254\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/pages\/1254\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/phoenixgroup.global\/staffing\/wp-json\/wp\/v2\/media?parent=1254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}