CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page1-lQT4jg" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page1-ANcsq5"><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page1-QxU7qZ" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page1-MChoGu" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page1-GB0mNu" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page1-x0wDC8" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page1-mt8h6P" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page1-5Hjztf" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page1-KYJKue" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page1-3plhcG" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.rescue.org/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"IEAIRCUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.rescue.org/us/en/","baseDomain":"https://careers.rescue.org","phenomTrackURL":"careers.rescue.org/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.rescue.org","pageId":"page1"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"jobwidgetsettings":{"status":"success","errorCode":null,"errorMsg":null,"data":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":"","displayType":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":""},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":true,"icon":""},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"widgets":{"ph-job-details-v1":{"fields":[{"name":"jobId","display_name":"JobId","settings":{"label":true,"icon":""},"checked":true},{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":true,"icon":"","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":true,"icon":"","displayType":""},"checked":true},{"name":"country","display_name":"country","settings":{"label":true,"icon":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":true,"icon":""},"checked":true},{"name":"employeeCategory","display_name":"Employee Category","settings":{"label":true,"icon":""},"checked":true},{"name":"type","display_name":"Type","settings":{"label":true,"icon":""},"checked":true},{"name":"sector","display_name":"Sector","settings":{"label":true,"icon":""},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":true,"icon":""},"checked":true},{"name":"flsaStatus","display_name":"FLSA Status","settings":{"label":true,"icon":""},"checked":true},{"name":"openToExpatriates","display_name":"Open to Expatriates","settings":{"label":true,"icon":""},"checked":true},{"name":"rangeLow","display_name":"Range Low","settings":{"label":true,"icon":""},"checked":true},{"name":"rangeHigh","display_name":"Range High","settings":{"label":true,"icon":""},"checked":true},{"name":"currency","display_name":"Currency","settings":{"label":true,"icon":""},"checked":true},{"name":"compensation","display_name":"Compensation","settings":{"label":true,"icon":""},"checked":true},{"name":"salary1","display_name":"Additional Location 1 Salary Range","settings":{"label":true,"icon":""},"checked":true},{"name":"currency1","display_name":"Additional Location 1 Currency","settings":{"label":true,"icon":""},"checked":true},{"name":"compensation1","display_name":"Additional Location 1 Compensation","settings":{"label":true,"icon":""},"checked":true},{"name":"salary2","display_name":"Additional Location 2 Salary Range","settings":{"label":true,"icon":""},"checked":true},{"name":"currency2","display_name":"Additional Location 2 Currency","settings":{"label":true,"icon":""},"checked":true},{"name":"compensation2","display_name":"Additional Location 2 Compensation","settings":{"label":true,"icon":""},"checked":true}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-heart","activeicon":"icon-heart-full"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"icon-arrow-right","activeicon":""},"checked":true}]},"ph-similar-jobs-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":"","displayType":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1","displayType":""},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[]},"ph-people-also-viewed-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":"","displayType":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":""},"checked":true},{"name":"multi_category","display_name":"Multi Category","settings":{"label":false,"icon":""},"checked":true},{"name":"postedDate","display_name":"PostedDate","settings":{"label":false,"icon":""},"checked":true}],"actions":[]},"ph-profile-recommendations-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":"","displayType":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[]},"ph-search-results-v2":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-heart","activeicon":"icon-heart-full"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"pcs-recom-jobs-browsing-history-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"pcs-recently-viewed-jobs-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"","displayType":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"pcs-recently-added-jobs-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"pcs-jobs-in-interested-category-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"pcs-similar-jobs-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"postalCode","display_name":"Postal Code","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true}]},"ph-job-cart-v3":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}],"actions":[{"name":"removeFromCart","display_name":"Remove Job","settings":{"label":false,"icon":"icon-delete-1"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"pcs-profile-recommendations-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin","displayType":"modal"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":"icon-map-pin","displayType":""},"checked":true},{"name":"postalCode","display_name":"Postal Code","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"ph-my-applications-v1":{"fields":[{"name":"appliedDate","display_name":"Applied Date","settings":{"label":false,"icon":""},"checked":true},{"name":"applicationStatus","display_name":"Application Status","settings":{"label":false,"icon":""},"checked":true}]},"pcs-latest-jobs-v1":{"fields":[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"icon-map-pin"},"checked":true},{"name":"multi_location","display_name":"Multi Location","settings":{"label":false,"icon":""},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"jobId","display_name":"JobId","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"workArrangement","display_name":"Work Arrangement","settings":{"label":false,"icon":"icon-category-1"},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]},"ph-recom-jobs-browsing-history-v3":{"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-heart","activeicon":"icon-heart-full"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"pcs-job-details-v1":{"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":false,"icon":"icon-heart","activeicon":"icon-heart-full"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]}},"actions":[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-heart","activeicon":"icon-heart-full"},"checked":true},{"name":"applyNow","display_name":"Apply Now","settings":{"label":true,"icon":"","activeicon":""},"checked":true}]},"reqData":null},"categoryMasterDataV2":{"status":"success","errorCode":null,"errorMsg":null,"data":{"orderType":"default","categories":[{"categoryInternalId":"IEAIRCUS_Business Development_Fundraising","category":"Business Development & Fundraising","display_name":"Business Development & Fundraising","order":1,"url":"c/business-development-fundraising-jobs","normalizedCategoryId":"business-development-fundraising","internalId":"IEAIRCUS_Business Development_Fundraising","key":"Business Development & Fundraising","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Grants_Partnerships","category":"Grants & Partnerships","display_name":"Grants & Partnerships","order":1,"url":"c/grants-partnerships-jobs","normalizedCategoryId":"grants-partnerships","internalId":"IEAIRCUS_Grants_Partnerships","key":"Grants & Partnerships","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Legal_Compliance","category":"Legal & Compliance","display_name":"Legal & Compliance","order":1,"url":"c/legal-compliance-jobs","normalizedCategoryId":"legal-compliance","internalId":"IEAIRCUS_Legal_Compliance","key":"Legal & Compliance","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Operations_Administration","category":"Operations & Administration","display_name":"Operations & Administration","order":1,"url":"c/operations-administration-jobs","normalizedCategoryId":"operations-administration","internalId":"IEAIRCUS_Operations_Administration","key":"Operations & Administration","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Emergency_Response","category":"Emergency Response","display_name":"Emergency Response","order":1,"url":"c/emergency-response-jobs","normalizedCategoryId":"emergency-response","internalId":"IEAIRCUS_Emergency_Response","key":"Emergency Response","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Data_Analytics","category":"Data & Analytics","display_name":"Data & Analytics","order":1,"url":"c/data-analytics-jobs","normalizedCategoryId":"data-analytics","internalId":"IEAIRCUS_Data_Analytics","key":"Data & Analytics","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Technical_Units","category":"Technical Units","display_name":"Technical Units","order":1,"url":"c/technical-units-jobs","normalizedCategoryId":"technical-units","internalId":"IEAIRCUS_Technical_Units","key":"Technical Units","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_People_Culture","category":"People & Culture","display_name":"People & Culture","order":1,"url":"c/people-culture-jobs","normalizedCategoryId":"people-culture","internalId":"IEAIRCUS_People_Culture","key":"People & Culture","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Safety_Security","category":"Safety & Security","display_name":"Safety & Security","order":1,"url":"c/safety-security-jobs","normalizedCategoryId":"safety-security","internalId":"IEAIRCUS_Safety_Security","key":"Safety & Security","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Social_Work_Community_Development","category":"Social Work & Community Development","display_name":"Social Work & Community Development","order":1,"url":"c/social-work-community-development-jobs","normalizedCategoryId":"social-work-community-development","internalId":"IEAIRCUS_Social_Work_Community_Development","key":"Social Work & Community Development","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Awards_Management","category":"Awards Management","display_name":"Awards Management","order":1,"url":"c/awards-management-jobs","normalizedCategoryId":"awards-management","internalId":"IEAIRCUS_Awards_Management","key":"Awards Management","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Research_Innovation","category":"Research & Innovation","display_name":"Research & Innovation","order":1,"url":"c/research-innovation-jobs","normalizedCategoryId":"research-innovation","internalId":"IEAIRCUS_Research_Innovation","key":"Research & Innovation","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Management_Strategy","category":"Management & Strategy","display_name":"Management & Strategy","order":1,"url":"c/management-strategy-jobs","normalizedCategoryId":"management-strategy","internalId":"IEAIRCUS_Management_Strategy","key":"Management & Strategy","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Other","category":"Other","display_name":"Other","order":1,"url":"c/other-jobs","normalizedCategoryId":"other","internalId":"IEAIRCUS_Other","key":"Other","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Operations_Administration_Support","category":"Operations & Administration Support","display_name":"Operations & Administration Support","order":1,"url":"c/operations-administration-support-jobs","normalizedCategoryId":"operations-administration-support","internalId":"IEAIRCUS_Operations_Administration_Support","key":"Operations & Administration Support","target":"false","device":"desktop"},{"categoryInternalId":"IEAIRCUS_Marketing_Communication_Policy","category":"Marketing, Communication & Policy","url":"c/marketing-communication-policy-jobs","normalizedCategoryId":"marketing-communication-policy","internalId":"IEAIRCUS_Marketing_Communication_Policy","key":"Marketing, Communication & Policy","device":"desktop"}]},"reqData":null},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"settingsIdentifiersFileUrl":"https://cdn.phenompeople.com/CareerConnectResources/prod/pcs/common/classesForCms.js","thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"phBridgeEvents":["job_click","apply_click","job_preview_click"],"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","isUrlLowerForSeo":false,"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"otPrivacyPolicyScript":"https://assets.phenompeople.com/CareerConnectResources/pp/pcs/common/ot-priv-pol-2.0.js","ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":false,"phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"privacyDataConsentCheckBox":true,"dateFormat":"MMM DD YYYY","refineSearch":{"enabledFacets":["category","country","state","city","type","workArrangement","employeeCategory","phLocSlider"],"facetDisplayNames":{"category":"Category","country":"Country","state":"State/Province","city":"City","type":"Full Time or Part Time","workArrangement":"Work Arrangement","employeeCategory":"Employee Category","phLocSlider":"Location"},"facetPlaceholderNames":{"category":"Search in Job Category","country":"Search in Country","state":"Search in State/Province","city":"Search in City","type":"Search in Full Time or Part Time","workArrangement":"Work Arrangement","employeeCategory":"Search in Employee Category","phLocSlider":"Search in Location"},"defaultFacetsToOpen":["category","phLocSlider"],"facetConfig":{"phLocSlider":{"sliderRadius":501,"aboveMaxRadius":true,"locationRangeEnd":500,"sliderDelta":1}}},"gdpr":{"cookieType":"sticky","enabled":true},"locationUnit":"kilometers","oauth":{"indeed":{"clientId":"e25edad28bf82e0b7af7dbab12a48dfca987f122cdb72259637272bd0b6d14f0"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"IEAIRCUS","siteVariant":"external","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":false,"candidateHome":true,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"blogsEnabled":true,"navMenuItems":["blogs","candidateHome"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"jobTags":true,"navMenuItemsData":{"blogs":{"url":"https://careers.rescue.org/us/en/blog"},"events":{"url":"https://careers.rescue.org/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":false},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"e25edad28bf82e0b7af7dbab12a48dfca987f122cdb72259637272bd0b6d14f0"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"876228513716-npfer46h51po4nn5c1pafndsg87i2bm7.apps.googleusercontent.com","scope":"https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/user.phonenumbers.read","redirectUri":"/socialAuth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"314102134023707","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"86hrvpw043vbtc","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}},"pageNameMap":{"404":"404_page_view","home":"home_page_view","category":"job_category_page_view","job":"job_details_view","search-results":"search_result_page_view","apply":"apply_page_view","glassdoorReviews":"glassdoor_reviews_page_view","jobcart":"favorites_page_view","jointalentcommunity":"jtc_page_view","featuredOpportunities":"job_category_page_view","businessUnit":"job_category_page_view","event":"event_details_view","events":"event_results_page_view","saved-jobs":"favorites_page_view","blogarticle":"blog_details_page","video-assessment-landing-page":"video_assessment_landing_page_view","video-assessment-recording":"video_assessment_recording_page_view","video-assessment-thankyou":"video_assessment_thankyou_page_view","interview-landing-page":"interview_landing_page_view","interview-recording":"interview_recording_page_view","interview-thankyou":"interview_thankyou_page_view","screening-welcome":"screening_welcome_page_view","screening-answering":"screening_answering_page_view","screening-outro":"screening_thankyou_page_view"},"blogsharewidgetsettings":{"options":[{"name":"whatsapp","order":0,"baseUrl":"https://api.whatsapp.com/send?&text=","eventName":"Share_whatsapp","settings":{"icon":"icon-whatsapp-1","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true},{"name":"linkedin","order":1,"baseUrl":"https://www.linkedin.com/shareArticle?mini=true&url=","eventName":"share_blog","settings":{"icon":"icon-linkedin-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"title":"shareInfoText"},"label":false},"isSelected":true},{"name":"facebook","order":3,"baseUrl":"https://facebook.com/sharer.php?u=","eventName":"share_blog","settings":{"icon":"icon-facebook","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"t":"shareInfoText"},"label":false},"isSelected":true},{"name":"twitter","order":0,"baseUrl":"https://twitter.com/share?url=","eventName":"share_blog","settings":{"icon":"icon-twitter","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{"text":"shareInfoText"},"label":false},"isSelected":true},{"name":"email","order":6,"baseUrl":"","eventName":"share_blog","settings":{"icon":"icon-email-2","iconBrandColor":"","popUpParams":"resizable,scrollbars,status,height=500,width=500","params":{},"label":false},"isSelected":true}],"brandStyle":true,"widgetStyle":"style3","isInline":true,"size":"16","spacing":"21","color":"#fff","backgroundColor":"#ggg","height":"34","width":"34","line-height":"30","lineHeight":"30","borderWidth":"1","borderStyle":"solid","borderColor":"transparent","borderRadius":"100","locale":"en_us","siteVariant":"external"},"botEnabled":false,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"IEAIRCUS_Business_Development_Fundraising":"c/business-development-fundraising-jobs","IEAIRCUS_Business Development_Fundraising":"c/business-development-fundraising-jobs","IEAIRCUS_Operations_Administration_Support":"c/operations-administration-support-jobs","DEMOUS_implementation":"c/implementation-jobs","DEMOUS_human_resources":"c/human-resources-jobs","IEAIRCUS_Grants_Partnerships":"c/grants-partnerships-jobs","IEAIRCUS_Emergency_Response":"c/emergency-response-jobs","IEAIRCUS_Data_Analytics":"c/data-analytics-jobs","IEAIRCUS_People_Culture":"c/people-culture-jobs","DEMOUS_customer_services":"c/customer-services-jobs","DEMOUS_product":"c/product-jobs","DEMOUS_finance":"c/finance-jobs","DEMOUS_sales":"sales","IEAIRCUS_Other":"c/other-jobs","DEMOUS_Frontline_Professionals":"c/frontline-professionals-jobs","IEAIRCUS_Marketing_Communication_Policy":"c/marketing-communication-policy-jobs","IEAIRCUS_Legal_Compliance":"c/legal-compliance-jobs","IEAIRCUS_Operations_Administration":"c/operations-administration-jobs","DEMOUS_other":"c/other-jobs","IEAIRCUS_Technical_Units":"c/technical-units-jobs","DEMOUS_engineering":"c/engineering-jobs","DEMOUS_data_science_machine_learning":"c/data-science-machine-learning-jobs","IEAIRCUS_Safety_Security":"c/safety-security-jobs","IEAIRCUS_Awards_Management":"c/awards-management-jobs","DEMOUS_information_technology":"c/information-technology-jobs","IEAIRCUS_Research_Innovation":"c/research-innovation-jobs","IEAIRCUS_Management_Strategy":"c/management-strategy-jobs","IEAIRCUS_Social_Work_Community_Development":"c/social-work-community-development-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-category-overview-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-category-overview-v1/pcs-category-overview-v1-1687792073401.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1710917512987.js","pcs-job-cart-count-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-job-cart-count-v1/pcs-job-cart-count-v1-1652708896808.js","pcs-language-selector-v2":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-language-selector-v2/pcs-language-selector-v2-1714483631689.js"},"reqData":null},"categories":{"status":200,"hits":0,"totalHits":776,"data":{"category":[{"internalId":"IEAIRCUS_Technical_Units","total_count":242,"new_count":0,"display_name":"Technical-Units","category":"Technical Units","key":"Technical Units"},{"internalId":"IEAIRCUS_Social_Work_Community_Development","total_count":221,"new_count":0,"display_name":"Social-Work-Community-Development","category":"Social Work & Community Development","key":"Social Work & Community Development"},{"internalId":"IEAIRCUS_Operations_Administration_Support","total_count":183,"new_count":0,"display_name":"Operations-Administration-Support","category":"Operations & Administration Support","key":"Operations & Administration Support"},{"internalId":"IEAIRCUS_Legal_Compliance","total_count":21,"new_count":0,"display_name":"Legal-Compliance","category":"Legal & Compliance","key":"Legal & Compliance"},{"internalId":"IEAIRCUS_Safety_Security","total_count":19,"new_count":0,"display_name":"Safety-Security","category":"Safety & Security","key":"Safety & Security"},{"internalId":"IEAIRCUS_Grants_Partnerships","total_count":18,"new_count":0,"display_name":"Grants-Partnerships","category":"Grants & Partnerships","key":"Grants & Partnerships"},{"internalId":"IEAIRCUS_Data_Analytics","total_count":16,"new_count":0,"display_name":"Data-Analytics","category":"Data & Analytics","key":"Data & Analytics"},{"internalId":"IEAIRCUS_People_Culture","total_count":12,"new_count":0,"display_name":"People-Culture","category":"People & Culture","key":"People & Culture"},{"internalId":"IEAIRCUS_Business Development_Fundraising","total_count":10,"new_count":0,"display_name":"Business-Development-Fundraising","category":"Business Development & Fundraising","key":"Business Development & Fundraising"},{"internalId":"IEAIRCUS_Management_Strategy","total_count":9,"new_count":0,"display_name":"Management-Strategy","category":"Management & Strategy","key":"Management & Strategy"},{"internalId":"IEAIRCUS_Marketing_Communication_Policy","total_count":9,"new_count":0,"display_name":"Marketing-Communication-Policy","category":"Marketing, Communication & Policy","key":"Marketing, Communication & Policy"},{"internalId":"IEAIRCUS_Emergency_Response","total_count":7,"new_count":0,"display_name":"Emergency-Response","category":"Emergency Response","key":"Emergency Response"},{"internalId":"IEAIRCUS_Awards_Management","total_count":5,"new_count":0,"display_name":"Awards-Management","category":"Awards Management","key":"Awards Management"},{"internalId":"IEAIRCUS_Research_Innovation","total_count":4,"new_count":0,"display_name":"Research-Innovation","category":"Research & Innovation","key":"Research & Innovation"}]},"eid":"6746d5a4aa05fd5367e12f1b"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["categoryMasterDataV2","jobwidgetsettings","siteConfig","categories","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"7f62abcc775f49de9052137b040bbeee","phProfileId":"1ddef609-8e97-4955-8da9-e347c804219d","pxPageState":"stranger","jdsource":""}; /*-->*/</script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="canonical" href="https://careers.rescue.org/us/en/home" /><meta name="description" content="Join the International Rescue Committee and make a difference in the world. Find a job at the IRC and be part of a global movement that touches millions of lives." key-description="external-default-home-description" /><meta name="keywords" content="home, corporate website, international rescue committee, main careers home page, job seekers" key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.rescue.org/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@International Rescue Committee" /><meta name="twitter:creator" content="@Careers - International Rescue Committee" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/social/1024x512-1689331430309.jpg" /><meta name="twitter:title" content="Careers at International Rescue Committee | International Rescue Committee jobs" /><meta name="twitter:description" content="home" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/social/1200x630-1689331446360.jpg" /><meta property="og:site_name" content="International Rescue Committee" /><meta property="og:url" content="https://careers.rescue.org/us/en/home" /><meta property="og:title" content="Careers at International Rescue Committee | International Rescue Committee jobs" /><meta property="og:description" content="home" /><meta property="fb:admins" content="" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><title key="external-default-home-title">Join International Rescue Committee and Make a Difference in Your Career</title> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.30.js" defer="" module="" platform_id="platform_basic" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.63.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.63.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/page-scripts/ph-page-1728669870092.js" ph-script-type="components" defer=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1688399791402" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-5qRvTP"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-lF7ef1"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-pda865"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-88KKqy"></i> <span data-ph-id="ph-page-element-short-header-cUn6PR">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-rSMwyR"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-wfQBfx"></i> <span data-ph-id="ph-page-element-short-header-clvofj">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-1aYMTs"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-obO3rP"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-kGxemp"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-3Wws1x"> <span data-ph-id="ph-page-element-short-header-Xm9pjv">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-caqXAe"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-TGJPPv"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-Ff2AHX"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-irWPmt"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-fpLuMh"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-short-header-YDRmxW"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-zjL2Ap"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-BHmkdi"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-DcSoE3"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-iIyCYv"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-qvicdN"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-4xt1Pa"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-EXTcFi"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-T8s1RE"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-hr4rXH"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-tSEpHr"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-lsetFU"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-PmlcTz"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-OIMeLu"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-2wtQCf"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-YExmwU"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-bXkBgR"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-NWirhB"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-L8rXYT"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-CIKmHk"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-xatGXO"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-8aKt4n"> <form novalidate="" data-ph-id="ph-page-element-short-header-cK0LAf"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-o3cqDy"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-0Is1XA"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-c3fbLl"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-58YOrh"> <div class="text-box" data-ph-id="ph-page-element-short-header-tbj3Av"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-96qM66"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-pGFLwf"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-MSLd9v"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-sg1zek"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-Rq9imq"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-ASpOdL"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-NgcGPt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-SFAzs4"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-EcvdM4"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-3OkMJs"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-G57F4K"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-4QJoEz"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-SPXnrF"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-YqrZs2"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Up1UtI"> <div class="text-box" data-ph-id="ph-page-element-short-header-K2S88K"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-ewktfE"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-92fNsK"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-6dDM8F"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-Sj73As"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-ESEFc7"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-OTXGRK"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-USpILH"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-kqGeRA"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-wsFZjp"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-WkXXUW"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-z7pq8U"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-JiTkKI"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-riYaqT"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-ln13OI"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-YgItSE"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-Tq5tAT"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-18fAm1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-HK5Z3G"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Hmqn74"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-crvMIO"> <div class="form-container" data-ph-id="ph-page-element-short-header-ZncvQj"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-ofLbg4"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-QnNBlK"> <div class="user-options" data-ph-id="ph-page-element-short-header-3P403J"> <span class="each-option" data-ph-id="ph-page-element-short-header-ucBSwW"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-HE3lHy"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-O5BA7I"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-7xfMC7"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-nYoixH"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-z31w9e"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-bEKdyM"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-Qq6IVN"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-Q5OhjR"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-OqwCVN"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-Hjvz7t"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-GJHl09"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-6QdHK7"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-N5if49"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-XmED3p"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-B5mMUr"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-qjpKRd"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-VVNcFc"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-izvts3"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-EkBtPQ"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-uNiQHS"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-FMIzst"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-IqNCPv"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-7r9avT"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-sXjUVK"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-YmEd4g"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-wHnvBA"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-5bpROE"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-FTXHMx"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-koDwn7"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-uGzipd"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-PtK4iR"> <form novalidate="" data-ph-id="ph-page-element-short-header-mouRRx"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-wgApNT"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-hKRTba"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-ng7wAa"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-yk5cNj"> <div class="text-box" data-ph-id="ph-page-element-short-header-tQUrkp"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-CHCh4k"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-lfvKTr"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-GmAdNY"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-PQKYEn"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-pudYNw"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-SkhyKJ"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-5EpHDP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-8jAIyd"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-gSh2v1"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-fDtL7B"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-mA7yCg"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-sD42W9"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-aQhzZu"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-ED370F"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-FPKGTa"> <div class="text-box" data-ph-id="ph-page-element-short-header-vTJznB"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-uDbVNS"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-nZ66QN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-FzppwU"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-uwkBU9"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-kNuUks"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-UKzQ3U"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-f4mtic"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-CSgFGW"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-FIWgFN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-KpUiJE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-y62lgQ"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-juBx1J"> <span class="sr-only" data-ph-id="ph-page-element-short-header-ZC1Vw1"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-j2rD8T"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-Uv8OFS"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-1ZUZu0"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-70O5d1"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-zhGurH"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-mPPCjh"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-9DVwav">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-9vT2F6">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-iyoAOG">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-kC1g5u">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-qugK2H"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-XymQQi"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-0fnsL9"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-RXbaVb"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-XuBCYi"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-aabGd1"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-oiuytr-F0AiUl" data-ph-id="ph-page-element-short-header-CvQ8KV"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-0MKtXF"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-rfVY67"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-qcxa2W"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-XaTyLI" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-SEaOCq">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-IaPut1"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-MBSYuH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-phCE5N"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-nNBUp8"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-axdCiv" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-cRihKd">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-IaPut1"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-MBSYuH"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-iS1fkD"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-9wop5J"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-NpbZSJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-hBTYuN"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-UaTC9a"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-pB9XP0"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-HtriEt"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-ExTjbX">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-h0oDJL"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-wGOAIq"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-8vFYDJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-jO10tf"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-jt6xnK"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-VzDAD9"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-Gq9uFD"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-GmINPi"> <div class="form-container" data-ph-id="ph-page-element-short-header-5QBwGu"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-GzzTYe"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-PVWKBj"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-74Hdkz"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-9viP1Z"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-lmVhUH" view="1688399806425-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1688399806425-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-vMAd6e"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-ug4V6w"> <span data-ph-id="ph-page-element-short-header-qEH3gf"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-Uxg3WT"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-bTGB8A"> <span data-ph-id="ph-page-element-short-header-yAxrfO"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-LxK599"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-9cVpIn"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-NmwObd">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-ZyIgks">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-duiDNJ"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-PFiuAK"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-e2XmhK"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-txW1go"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-5RiBh4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-Q9jThD"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-TFQzPr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-RqC6by"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-pmLR1t"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-EvUY7n"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-NcgtNF"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-wqaRbr">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-VQCEvp"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-zXhoBK"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-page-element-short-header-pJWtM6"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-short-header-fOxXKq"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-page-element-short-header-WE6pQo"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-short-header-EhnNNh"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-page-element-short-header-5PF92r">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-short-header-K8kw7X">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-short-header-BxadWY">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-short-header-iOLlUw">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-page-element-short-header-heGvF8"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-short-header-MPsYkd"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-page-element-short-header-XDMrsp"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-EZEPLY"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-page-element-short-header-wv5ys5">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-page-element-short-header-hYnazI">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-short-header-787dJ8"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1686726619077" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-q7U86o"> <a ph-tevent="signout_click" class="sign-out-btn" if.bind="!isCsrfGetLogoutFlowEnabled" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-L7jL2E"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-2hilPm"></i> <span data-ph-id="ph-page-element-short-header-B0JdxE">${widgetBundle['signOutButton'] | pht}</span> </a> <a ph-tevent="signout_click" class="sign-out-btn" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" href="javascript:void(0)" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-bplYyT"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-ptQM4T"></i> <span data-ph-id="ph-page-element-short-header-Xy5pCw">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-1586114803956-view3" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-YQ4Jfy"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-Mefp6y"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-bbZrIE"> <!-- <label class="sr-only" for="selectedLanguageBtn" id="selectedLanguageLabel"> Language selector </label> --> <button if.bind="searchArray.length>1" class="language-block ${(searchArray.length==1)?'single-language':''} ${(searchArray.length>10) ? '':'dropdown-arrow'}" role="${(searchArray.length==1)?'text':'button'}" click.delegate="isshowDropDown = !isshowDropDown" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-MP43rD"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-1ArfGm"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-dAvED3"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-NlY9Nl"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-WmfFA3"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-O10UEJ"> ${choosenLanguage.languageDisplayName} </span> <i aria-hidden="true" class="icon icon-triangle ${isshowDropDown ? 'icon-up' : 'icon-down'} arrow-icon" show.bind="(searchArray.length>1)" data-ph-id="ph-page-element-short-header-7cpxz2"></i> </button> <div class="dropdown-box ph-a11y-dropdown-box ${(searchArray.length>10) ? '':'dropdown-arrow'}" show.bind="isshowDropDown && (searchArray.length>1)" data-ph-id="ph-page-element-short-header-BegSDx"> <div class="search-area ph-a11y-search-area" role="search" aria-expanded="false" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-6ziVOb"> <input type="text" name="language-listbox" aria-label="Search from below list" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" placeholder="Enter location or Language" key-placeholder="ph-language-selector-v2-view3-43mw7j-4wO9Z9" data-show-listbox="false" data-ph-id="ph-page-element-short-header-3oHDZ9" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-bhvJpv"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-rhrGRd"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-tfAfAR"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-vpAO3E"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-CWTyDU"> <ppc-content key="ph-language-selector-v2-view3-43mw7j-a4ydRR" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-wO3awX">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-selector-box" role="listbox" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-2sl2M1"> <li class="dropdown-list-item ph-a11y-dropdown-list-item" repeat.for="each of roots" role="option" data-ph-id="ph-page-element-short-header-M3JqbA"> <a href="${each.locationUrl}" click.delegate="languageChanged(each,true)" class="${(each.displayName==choosenLanguage.displayName)?'active':''}" data-ph-at-displayname-text="${each.displayName}" tabindex="-1" data-ph-id="ph-page-element-short-header-B0KGek"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-LFRUsR"></span> <div class="country" data-ph-id="ph-page-element-short-header-LXcELw"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-BDujuo"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-vWqfO6"> <ppc-content data-ph-id="ph-page-element-short-header-kfa4Q4"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-short-header-HWW4Zt"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-ywx2Kv"> <ppc-content key="ph-language-selector-v2-view3-43mw7j-c57CsY" data-ph-id="ph-page-element-short-header-TovY24"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-GwRah9"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43mw7j-rKvei5" data-ph-id="ph-page-element-short-header-BL58Oz"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1688399829093" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-JMLaTk"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-hFvewe"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-OzNkm7"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-th70jr"></i> <span data-ph-id="ph-page-element-short-header-wEOTSQ">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-eguJpa"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-3lmnhm"></i> <span data-ph-id="ph-page-element-short-header-bfFzIB">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-short-header-Xyu2VO"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-6CyybO"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-short-header-L6w9B3"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-short-header-pjpBlE"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-DCS5eK"> <span data-ph-id="ph-page-element-short-header-6LIJqc">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-y6esLM"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-5J79yM"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-kjbwCX"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-short-header-rlscgD"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-hCWTHI"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-rV3Ll4"> <span data-ph-id="ph-page-element-short-header-O3WWn6">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-XsHu68"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-W0YlSF"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-JLBkj2"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-short-header-aLVwFR"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-9XWTwm"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-short-header-s5kDRT"> <div class="user-actions-list" data-ph-id="ph-page-element-short-header-s2PxCI"> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-h4IMTC"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-JHjMuK"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-AgnePA"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-short-header-WsPTfc"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-page-element-short-header-twteJe"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-HHnaZG"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-tAAmMB"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-0o4rCE"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-lOPz1I"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-lTKsKb"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-q9nNSg"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-fjSXmy"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-nI0GS6"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-dJudpK"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-RHhZtb"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-0mtpYP"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-tBczeT"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-iXkCsW"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Dsge3M"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-IsOZWU"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-2Lrkv4"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-B8deyq"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-j4mQ2l"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-T5PWFP"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-tNE2Vp"> <form novalidate="" data-ph-id="ph-page-element-short-header-pKLS20"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-LkqGPL"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-yMfFIX"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-GXfZYM"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-NLZYCu"> <div class="text-box" data-ph-id="ph-page-element-short-header-fPgsvN"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-page-element-short-header-BUVD5v"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-kGOBuW"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-d52FXF"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-u2Vmkv"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-Mh2asx"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-ttPAC7"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-Gw6lIG"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-oeKeUd"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-5fh6l1"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-s1qetG"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-6EseYi"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-jGric3"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-77IkfD"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-geLSqR"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-GJ9HIe"> <div class="text-box" data-ph-id="ph-page-element-short-header-IsPq1A"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-page-element-short-header-dBqc15"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-d10Q2t"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-rlDtaq"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-qn05oy"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-vAwSsN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-7wmI3t"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-x3zE8d"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-wV5wDv"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-cCn430"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-WaV3rT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-JglH6l"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-cPQ49d"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-DZPj2p"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-ZsCEGX"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-nBL8wK"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-FKHMjL"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-IrnHeD"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-4AhAc2"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Ug87Gw"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-TrPKD5"> <div class="form-container" data-ph-id="ph-page-element-short-header-61HsNV"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-Vz1Q6r"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-sND1kM"> <div class="user-options" data-ph-id="ph-page-element-short-header-U29lMf"> <span class="each-option" data-ph-id="ph-page-element-short-header-jk73d5"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-rt4irz"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-Un9vJi"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-7IV9EJ"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-CHnXfr"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-29WDSz"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-d5cg7s"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-YaFqc7"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-jPB6Av"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-HuCRpC"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-eAnNU5"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-YGJsLG"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-xCt0yR"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-lZysj5"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-CUAW7n"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-3RlYil"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-J5S6zi"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-UhkAbq"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-i6F0Hy"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-yax0Z5"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-efe6jj"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-Hhlt0B"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-P9WORU"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-24jZxJ"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-jN7ire"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-ePXfem"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-QAD9Nx"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-BTB029"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-2NnXP7"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-q6Higy"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-zBiUNl"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-2gLrBn"> <form novalidate="" data-ph-id="ph-page-element-short-header-ssv9SQ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-UBvoh1"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-BO3xeR"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-hS1Jte"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-rSYSAi"> <div class="text-box" data-ph-id="ph-page-element-short-header-tNt5he"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-page-element-short-header-nkt4Fq"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-La64Rf"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-nhKbeQ"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-a2aylu"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-K8vVJh"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-R0MAfy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-QWCpTX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-dftRru"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-AQ13LO"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-CxG0V6"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-bAzxru"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-OsjTcf"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-sLQsfs"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-Hpsajf"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-k52bRU"> <div class="text-box" data-ph-id="ph-page-element-short-header-mwGSL6"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-page-element-short-header-k7rC2u"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-v320Z3"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-OzhhHk"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-FZ83ud"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-J9yb9h"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-pt2LAn"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-goeCrC"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-wR0yAk"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-3pmAgT"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-H5AeTj"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-short-header-wx8Ut6"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-E53k9h"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-gFcIaP"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-vSCANV"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-9Qv6CR"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-IPjl6J"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-SlTX7J"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-JFGPXy"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-U9YuaG">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-8heiRh">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-XKbQst">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-HQVONJ">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-Y0KZwt"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-E3EoV1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-oMngH7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-ybLkfR"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-iQQVlO"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-1v84YR"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-ikjhyg-kHTi28" data-ph-id="ph-page-element-short-header-bJJNQn"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-6SJtAL"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-hqHwF6"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-xYCUGo"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-JmT5CF" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-GIsWFb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-63eUUF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-D0BPQP"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-tOrvJv"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-GUbs9C"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-lyJSmw" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-eZTBdE">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-63eUUF"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-D0BPQP"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-b1X1f9"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-wf65iU"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-dmYNON"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-SLGJdS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-q1d5ww"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-NthzCb"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-8LUjrF"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-Xo0Au3">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-PURjsX"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-Uey0GS"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-mwB8Rn"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-GkkYGi"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-c65uIp"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-eY2Nc2"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-dTUPgy"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-MAGrpd"> <div class="form-container" data-ph-id="ph-page-element-short-header-cBXNRH"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-hNWYwL"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-pPW2jU"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-Xdf0l8"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-sdvHfF"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-mrxdam" view="1688399843679-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1688399843679-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-KiLAOC"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-sqkCTf"> <span data-ph-id="ph-page-element-short-header-uQ5NUn"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-UUmqfA"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-0E238m"> <span data-ph-id="ph-page-element-short-header-jYJ3qs"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-oRxhVL"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-c6CQaP"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-gcfHrn">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-OPelqE">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-SjEqXa"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-boFRNN"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-Y148XJ"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-Bg1gPD"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-txi8iX"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-IzcLOO"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-jRkTC6"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-p3Ovna"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-G8zSKt"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-3DDGsh"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-Teit8b"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-hc9XBB">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-ImCfhD"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-zlZF46"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-page-element-short-header-Ou0fEJ"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-short-header-SLmTxy"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-page-element-short-header-HB8ayW"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-short-header-ZZitqt"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-page-element-short-header-PEnQP5">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-short-header-ceNl0I">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-short-header-x8zz58">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-short-header-Gk7J66">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-page-element-short-header-Ryk1jx"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-short-header-RkCteG"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-page-element-short-header-SKc2I5"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-54sXt6"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-page-element-short-header-Gpv1MX">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-page-element-short-header-UXqOCz">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-short-header-PMpA9Q"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640671538486" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-G8Okz0"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-obk1w0-Cm736p" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-7qO3Bc"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-NJYL3E"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-K1zhEG"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-R8cgfs"> (${jobCartCount}) </span> </a> </div></script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.rescue.org/","potentialAction": {"@type": "SearchAction","target": "https://careers.rescue.org/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page1"</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1663475841480" nonce=""><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="ph-cookie-popup-v2-default-Fjnkfj-VdKAx0" aria-label="cookies message" key-aria-label="ph-cookie-popup-v2-default-Fjnkfj-11Yrg5" if.bind="showCookiePopup" data-ph-id="ph-page-element-page1-fdD7p9"> <div class="container" data-ph-id="ph-page-element-page1-ovGXuL"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page1-oAPW4Y"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-IH4SGb" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page1-Ur1tFy" language-overriden="true">We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a href="/us/en/cookiesettings" style="color:#ffc72c;">Cookie Settings page.</a> If you continue to use this site, you consent to our use of cookies</ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-page-element-page1-004Kmi"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="ph-cookie-popup-v2-default-Fjnkfj-FXsZYg" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="ph-cookie-popup-v2-default-Fjnkfj-2QKMIx" data-ph-id="ph-page-element-page1-GSO4ab"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-JsdpGC" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page1-oaWUaw"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-page-element-page1-HLVQhn"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-page-element-page1-dThzr5"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-XyXSCE" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-page-element-page1-Y7IxHx"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-page-element-page1-KtEd54"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-page-element-page1-LcFT2H"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-qdosAE" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-page-element-page1-CaoYjH"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-page-element-page1-u5NlUu"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-page-element-page1-Dv64bl"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page1-lU3biw"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-Z2rpyU"> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-BdlZqB" data-ph-at-id="pii-consent-text" data-ph-id="ph-page-element-page1-pjCvUG"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page1-kQmqiw"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-page-element-page1-MBkwq8"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page1-bntglJ"></i> <ppc-content key="ph-cookie-popup-v2-default-Fjnkfj-qemckD" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-page-element-page1-zmQuoM"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686133868168-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-FhGICH"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-0Iom2b" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-xrgE79"> <span class="action-icon" data-ph-id="ph-page-element-page1-1oBE9I"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-rUmcuo"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-MYQqNE" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-ltG31S">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686133868168-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-xhnGMr"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="ph-import-resume-v1-external-upload-resume--9bpXXk" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page1-wEOW4s"> <div class="dropzone-content" data-ph-id="ph-page-element-page1-UcR8nR"> <div class="content-holder" data-ph-id="ph-page-element-page1-R02VYF"> <span data-ph-id="ph-page-element-page1-MiPx40"> <ppc-content key="ph-import-resume-v1-external-upload-resume--PdLa5j" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page1-gvNcvQ">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686133868178-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-BnuY0Y"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-cv46yq"> <ppc-content key="ph-import-resume-v1-upload-new--zxNLz5" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-iQ7YnP"> Try again </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686133868179-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-pFzppA"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page1-T0Z8eR"> <!-- Social Connet Area Starts --> <div class="phs-social-connect-area ph-a11y-sign-in" data-ph-at-id="social-connect-area" data-ph-id="ph-page-element-page1-qmxPmb"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page1-7UcavO"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-X3r3to"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-jYqRQ0"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-H8lvd1"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view4--nZgD1v" data-ph-id="ph-page-element-page1-LVIOUu"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-XhAanc"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-xDPB21"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-uznKQc"> <ppc-content key="ph-social-connect-v1-view4--gRsFas" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-VUL6kv"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-3c1Csx"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-tYvVag"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-eH9ZnQ"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-nixuKE"> <ppc-content key="ph-social-connect-v1-view4--Gl3wiR" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-kj3zf9"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-3c1Csx"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-tYvVag"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-0tYoGN"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-DujlAT"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-FxeKME"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--A6IQ0N" data-ph-id="ph-page-element-page1-Kp5kGC"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view4--XP2BJ5" data-ph-id="ph-page-element-page1-tam6qq"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-2DYO26"> <div class="icon-block" data-ph-id="ph-page-element-page1-YmM4nv"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-6JRlr2"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-jLgNRr"> ${widgetBundle[eachSocial.name] | pht} </div> </a> </li> </ul> </div> </div> </div> <!-- Social Connet Area Ends --> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686133869164-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-SQxKeE"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-yItw6I"> <div class="widget-container" data-ph-id="ph-page-element-page1-YEKT69"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-hz58lx"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-5jJOy2"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-6U3trO"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-7uyy7u-zjhO9I" data-ph-id="ph-page-element-page1-hqJFqA"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-ZmOCkh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-WSTgkS"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-7IyUSP"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-gJGhx2" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-GBmwFa">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-ZGZZkG"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-soPhjh"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-LNxFNl"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-SChLb2"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-yXE5Dz" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-MrImgJ">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-ZGZZkG"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-soPhjh"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Q8e6zN"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-DLI1lS"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-R2wDre"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-oAkkrg" data-ph-id="ph-page-element-page1-w4SC7E"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-7uyy7u-P7aQOV" data-ph-id="ph-page-element-page1-pzDH6F"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page1-oE0w2H"> <div class="icon-block" data-ph-id="ph-page-element-page1-4swa3Y"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-oBu5mQ"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page1-S0eNl7"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1686133869180-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-EoyXM7"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-TlElgh" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-fqNUqT"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page1-MCftol"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-JhvaDM"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-X1aCS3" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page1-AzIA3g"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-page-element-page1-2EJJEe"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page1-0QELla"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-ZKIBtS"> <span data-ph-id="ph-page-element-page1-dSQnGG">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-OTrdiJ"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-CL85Tk"></i> </button> <span class="file-format" data-ph-id="ph-page-element-page1-AOATs4">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1686133869182-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-th2wYY"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-2rtQLT"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-pjUCqb">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-LxCTCo"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-HgKwzM"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-fk74gG"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-fpz4AN"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-EVBt5j"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-cQoaCI"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-kcKDH0"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-4gFQYW"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-i9IScg"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-HopaeF"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-z4SdFj"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-jtIbbi"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-oDQK9g"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-NKWSCc"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-0HoMuC">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-73iq5k"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-vAs24z"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1686133869809-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-uc1ybw"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-Pqj91S"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-sBdH37">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-XDlkLg"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-TAiDpR"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-EvoxXN"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-GZ1d9h"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-B7j0Np"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-JIbncG"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-JzOF6d"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-KglrpA"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-9z55mj"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-741AX7"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-5AFSla"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-9ovJ3M"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-H4pQFP"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-FaWMy8"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-fE4n8T">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-i43P4U"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-3VSDnd"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686133869835-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-solPXy"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-MtO1Pt"> <div class="widget-container" data-ph-id="ph-page-element-page1-HQZs6X"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-yXquUD"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-aPoo63"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-NuXIWX"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5--sXSbGu" data-ph-id="ph-page-element-page1-3uxFf9"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-i8X8Fo"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-Ro0NYA"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-1Mca8o"> <ppc-content key="ph-social-connect-v1-view5--cb1CLX" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-zJ7Mz2">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-EJk8CI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-Ml7HLx"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-qoK1Vc"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-bKk7gk"> <ppc-content key="ph-social-connect-v1-view5--h42YUc" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-ILqvCW">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-EJk8CI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-Ml7HLx"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-vYwLXQ"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-FtcwPi"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-OWC1Cr"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--EOHnr8" data-ph-id="ph-page-element-page1-O5keXZ"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5--bXudwf" data-ph-id="ph-page-element-page1-wXrixK"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page1-CV67zH"> <div class="icon-block" data-ph-id="ph-page-element-page1-ZKGnJ1"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-0fHJoo"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page1-jNsOow"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686133869194-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-V4ugg2"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-bR3cf0"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page1-RsH1bp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-oEr7id"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-NGUWLL"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-TyZMng"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page1-zoSpCh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-oJdyuc"></i> <span class="alert-msg" data-ph-id="ph-page-element-page1-4c1rrr"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-YyxpGF"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page1-fiN6pA"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-QuvWAz"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-u7DpCT"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-isz58C"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-8IM9ua"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-ABXtTK"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-eRDqKe"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page1-XCBWDC"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-Uy6Zdi"> <form novalidate="" data-ph-id="ph-page-element-page1-7TDCIy"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-0R7cEj"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-Ua1fp0"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-9IP9O8"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-T73rQe"> <div class="text-box" data-ph-id="ph-page-element-page1-UUkDBp"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-geStDu"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-HbqTOg"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-3g0dlI"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-pKPhw0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-NhS37k"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-Sp3sap"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-ciwgJX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-5viVbN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-3DUbw4"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-aUq27I"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page1-bYnLps"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-X5lTWw"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-WUrJ7b"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-QhLdTG"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-FuqQ8l"> <div class="text-box" data-ph-id="ph-page-element-page1-8aqLnc"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-uStU0O"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-FIrYeu"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-NLKxqx"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-kUvkXy"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-J5GWNO"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-El0hgL"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-42aw9L"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-PLSf5c"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-bGJWNS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-mNeBcA"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-kK6B5o"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-SlI4ny"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-O8tXzF"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page1-49Ezym"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page1-KJKVkQ"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-ZyhwgG"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-BWOkUh"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-GBsg6B"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-b3cusK"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-otjlKA"> <div class="form-container" data-ph-id="ph-page-element-page1-oc2WiO"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-OYodR4"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-vIUaXS"> <div class="user-options" data-ph-id="ph-page-element-page1-rHF95j"> <span class="each-option" data-ph-id="ph-page-element-page1-JNo3Wz"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-05DtPr"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-i6yo87"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-LMVOPW"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-rbksEU"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-6byDdg"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-8AzUBY"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-DHKvSR"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-QpXjQI"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-cVbrtn"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-YNJO58"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-F336Cr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-y0eNJO"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-JPBzcH"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-mcX1re"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-hHNBZ9"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-O80HgW"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-5xDEd8"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-pnYEB5"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-X44Ddd"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page1-QDZuo3"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-qnOtF9"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-Xc8jrX"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-CCQzR3"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-bBhhpu"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-HLqmp9"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-wAk02g"> <form novalidate="" data-ph-id="ph-page-element-page1-eBh0jX"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-Ndb7Gu"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-yDQyem"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-U9opq2"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-z9QruW"> <div class="text-box" data-ph-id="ph-page-element-page1-d9rkW0"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-CwvFt1"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-ZNkhmw"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-Nh1uCj"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-0Gkw7l"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-seNDKx"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-uujLH5"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-HAA91E"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-L3y8HI"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-KPpvzy"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-bOBvXz"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page1-Dpl9Gz"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-3RKTTU"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-page-element-page1-lg5PRw"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-nNs6A4"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-QC7pJ2"> <div class="text-box" data-ph-id="ph-page-element-page1-RgB4A1"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page1-c5pDB0"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-2RlyGE"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-xTiC6J"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-NYPW1p"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-97cyZ4"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-J0TKvi"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-7plZvQ"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-o0Hc1w"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-7D5TqR"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-8Gcbz1"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-FecVCw"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-wxRbnB">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-L7IsvA">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-16tU6v">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-v9Cbzm">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-KWN9rx"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-RktEwW"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-8UZT0Z"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-wOtaPM"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Ag5VhV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-E3ro44"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-44Qivm"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-7dZLeN"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-3Cwj2h"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-U7kvjS"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-JxqWQi"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-NPmJa2"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-sUS4ji"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-08u4hJ" data-ph-id="ph-page-element-page1-mCMylw"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Y91TZ4"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-1906zm"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-Jq0wEb"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-sVfn2L" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-EdaZve">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-tR8Iw3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-GPolLu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-qXDtFO"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-WmRb8y"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-j5Bk3W" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-X6GIat">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-tR8Iw3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-GPolLu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-e0TtJU"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-qzzNkV"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-fmh3Fa"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-QNKiJo"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-EqUkhs"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-mna4RW"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-I36oAc"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-JvDUcb">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-page-element-page1-lxwc1j"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1686133869809-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page1-F7igA6"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-z4FD33"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-d8zZcf"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page1-4Vehvf"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-GpSSUN"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-jJ6zgl"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-cWYliv"> <div class="form-container" data-ph-id="ph-page-element-page1-OzXVCb"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-jTM2Dv"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page1-VXbVVN"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page1-Jv58fh"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-rGV4BZ"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-u8Bit1"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1686133869835-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-9ScDge"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-g86lyM"> <span data-ph-id="ph-page-element-page1-pNSuqI"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-diisFX"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page1-Blj6gM"> <span data-ph-id="ph-page-element-page1-Mj914R"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-qlrrhw"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-05I1Zk"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-uIsePC">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-BkMyff">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page1-kXl2SK"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-VaGU8O"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-i4Xr8Y"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-uNSEXA"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page1-JUClXW"> <form novalidate="" data-ph-id="ph-page-element-page1-Zhyrmj"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-H0s4z9"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-CeerHq"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page1-6b0CBK"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-rlMvaA"> <div class="text-box" data-ph-id="ph-page-element-page1-u4caPJ"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page1-E9z8nH"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-mTtxed"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-IEQbBT"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-BM7ZsB"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-YaTHts"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-ruh0Yz"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-FbN037"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Lz6Oko"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-O1eRVi"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-DXm8H0"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page1-39KEBZ"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-nz9ayC"> <span class="sr-only" data-ph-id="ph-page-element-page1-8BJg5K"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-M0gqVq"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-sfMF6D"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-EsbVcQ"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-VV8qxw"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-B1KThr"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page1-w3BXcJ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-mdQW12">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-mpZ7ed">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-9roX7V">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-DWTG9V">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-k2Eh2q"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-Qgcf0E"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-JMpS2N"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-meXnhl"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page1-kzgTuP"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page1-0DPgFE"> <div class="form-container" data-ph-id="ph-page-element-page1-0CLCps"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-Yu7cHp"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-page-element-page1-2hX7Xy"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-page-element-page1-3AmUoN"> <button class="close-popup close" key-aria-label="ph-candidate-login-v1-view1-fyf1-0C6A9g" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page1-afCGpZ"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-a0QT3W"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-page-element-page1-Bzn1Xj"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page1-oC69zT"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page1-a5Ovz7">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page1-mEuYMS"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-page-element-page1-xkqo1N">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page1-5O5zsq"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page1-GdUOXF"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page1-KacnBp"></i> <span data-ph-id="ph-page-element-page1-YHyKvZ">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1686133869271-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-SOTTTy"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-YLtTuk"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-8SHsM0">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-8KtFP7"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-J0BQ3M"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-JB4E5b"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-cFtb16"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-4XkkDs"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-8k2tGi"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-rIn2t4"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-Zaghwl"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-sTJGv1"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-YNObuX"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-M9T0V9"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-bKBs9b"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-KxsUgQ"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-I8PjZZ"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-vVTbWW">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-OoZ2Le"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-kYvEzl"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1686133869972-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-JRbsep"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-1j6Kzd"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-oRXHj5">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-90k5FT"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-oxquUX"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-t55MuU"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-J4Z1c2"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-t8jNGB"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-aJjfEz"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-1XRUa7"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-dkESiH"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-WlmzvW"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-P6Chnf"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-lS5IIY"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ERAQSp"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-ViwHXp"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-S9SZ6m"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-gmcg9l">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-vfaeli"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-feedIT"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686133869984-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-oHN2Su"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-xmjsYm"> <div class="widget-container" data-ph-id="ph-page-element-page1-ZOSVEL"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-O4VVv0"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-Smqqkl"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-PZ3IA6"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5--sXSbGu" data-ph-id="ph-page-element-page1-KjB8TI"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-gnBiFz"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-KGSZN4"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-x57N8X"> <ppc-content key="ph-social-connect-v1-view5--2HAQ6Y" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-lm7wwz">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-EJk8CI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-Ml7HLx"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-VaqCx4"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-9pJ073"> <ppc-content key="ph-social-connect-v1-view5--H5ECWn" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-x72KZw">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-EJk8CI"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-Ml7HLx"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-XkJprb"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-ycgO4m"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-ElS8uf"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--EOHnr8" data-ph-id="ph-page-element-page1-T12AjE"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5--bXudwf" data-ph-id="ph-page-element-page1-Rami8h"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page1-tJ8KGw"> <div class="icon-block" data-ph-id="ph-page-element-page1-07ZMLl"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-FjarUE"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page1-r9rbT5"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1686133869281-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-Z6bNAD"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-lzKIx5"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page1-pAVonr"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-Ee5BIj"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-EgBcv3"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-MxTYzN"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page1-EOVQ0p"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-mzkJxn"></i> <span class="alert-msg" data-ph-id="ph-page-element-page1-FvNMTi"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-C4Aeso"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page1-lso0vU"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-YOrVMF"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-nivuGj"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-ql24AA"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-m5WREp"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-HtlRy4"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-V5Gr7i"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page1-4ZmAWy"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-U0Ve2J"> <form novalidate="" data-ph-id="ph-page-element-page1-ZRNdGG"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-TBfbAy"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-zizTtV"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-sTr4ZG"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-kLpGln"> <div class="text-box" data-ph-id="ph-page-element-page1-RWngFh"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-GY2WJW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-6zXMLU"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-QBDDX0"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-ybn5rw"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-BraL5O"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-8ClhI6"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-t8JtvD"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-IdQEiw"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-VYdyy6"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-FIRsyq"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page1-w97gX7"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-97UuUW"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-oHzAs6"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-xdh3iM"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-XSxNFs"> <div class="text-box" data-ph-id="ph-page-element-page1-CUXy82"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-sPWipS"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-hyv0t1"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-eF6vf2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-dcZ2rd"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-VQjHkP"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-mEuagq"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-DXWe7c"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-GT2ZYf"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-U0VyXX"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-oCVenB"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-eQKMHI"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-KezxnB"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-vYe7KT"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page1-cWrUHn"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page1-DkN9Lr"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-ROdfeh"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-wEP5L8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-4Ph6Li"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-fVEymR"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-FpVy2C"> <div class="form-container" data-ph-id="ph-page-element-page1-RhmfEM"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-1bBNV8"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-MsYzr3"> <div class="user-options" data-ph-id="ph-page-element-page1-4il5uf"> <span class="each-option" data-ph-id="ph-page-element-page1-52iNU7"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-A5vaip"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-y5vZau"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-t1usq2"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-grlHlA"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-6nnKZQ"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-NMWeQm"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-9nBb1K"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-0loXip"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-uXldYq"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-7CVN1R"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-V9Von0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-tsZpA0"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-7DnX8D"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-y6P5sd"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-riePbb"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-jOvRfs"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-yO3xBK"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-AyvNij"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-e08qPe"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page1-4pkIqu"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-h7lP5Z"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-0y2jKG"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-GAhyRz"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-NfCE44"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-COb5ms"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-WgRt2d"> <form novalidate="" data-ph-id="ph-page-element-page1-Ih6jH8"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-gTNDSl"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-xUvAAu"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-z1NvDq"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-S0iFQF"> <div class="text-box" data-ph-id="ph-page-element-page1-IvG6rM"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-xkYg20"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-xXkHwp"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-6m1kAk"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-Ssj6qk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-NoSQ4q"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-cjeaoy"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-inUb95"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-zeAwa4"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-feCflK"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-yiTEEv"> You created an account with this email using ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page1-X8ZObR"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-gda3nH"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-page-element-page1-mE2aN9"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-AwyIRH"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-nyLaSP"> <div class="text-box" data-ph-id="ph-page-element-page1-GPBSkn"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page1-WZXG6f"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-gTxCf8"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-1Q9dvV"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-FtiISg"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-nG1eST"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-HMH8H9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-e3w8nc"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Km7MSG"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-pWtfwB"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-tgPxLA"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-yo47cR"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-j6K8jh">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-C9ExgZ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-ku6bW0">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-mtx90x">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-40dyMd"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-d2nSHK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-VFPF01"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-VDbFAt"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WbUrgT"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-qRmf2R"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-m7NSO3"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-rygiL1"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-P3XkH6"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-jpRJwE"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-089i0f"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-RghWXR"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-Bec4qk"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-08u4hJ" data-ph-id="ph-page-element-page1-1n6PmX"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-DUMoNU"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-ER0f5R"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-guLNii"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-18QiBY" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-dxqxpq">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-tR8Iw3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-GPolLu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-jWKB2b"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-dqrIs8"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-Ch3DLu" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-Uq5i6O">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-tR8Iw3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-GPolLu"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-1ImZlf"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-xCwRBx"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-BQGAfw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-jpXuCt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-kdopcP"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-UITdwE"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-fa6LNf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-eNHt17">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-page-element-page1-eNtLWs"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1686133869972-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page1-7Msw5O"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Raun8a"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-qnbPYy"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page1-QlSd3l"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Wb8UNA"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-qsm7bI"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-faX12b"> <div class="form-container" data-ph-id="ph-page-element-page1-DM6DJ3"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-nNqbwX"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page1-MJ5XIA"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page1-qoNIIg"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-2ZwFVm"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-WH3RzK"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1686133869984-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-G7RXvF"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-RMHu00"> <span data-ph-id="ph-page-element-page1-PMQeco"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-3XTGqj"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page1-hiCf6l"> <span data-ph-id="ph-page-element-page1-lcgCnd"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-KAYUFX"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-WKgGEq"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-lv634b">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-dlIzZo">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page1-SU1uHy"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-8ekydS"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-QCWUZu"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-HPIwte"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page1-xu6D3M"> <form novalidate="" data-ph-id="ph-page-element-page1-a2D48L"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-rkMwB4"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-58xNSO"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page1-AHtd1r"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-5nWxFs"> <div class="text-box" data-ph-id="ph-page-element-page1-B9BaMB"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page1-ZMiQoS"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-k8mCbz"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-x5zzfv"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-3fle0L"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-AtMPfJ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-sLnRfU"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-C0sGAO"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-bljNhp"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-6ZLInN"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-86py8y"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page1-ZLb8hA"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-JSdYmM"> <span class="sr-only" data-ph-id="ph-page-element-page1-YbVvid"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-XRY7aA"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-NGBmxZ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-qCYdv3"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-cbiZlR"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-lSLYTZ"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page1-RFqeZH"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-WPwGfN">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-jpjplF">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-0abPOZ">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-TL49io">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-gxhTCr"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-6mTL6U"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-7M7Dah"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-gm1lPH"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page1-WGwX75"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-page-element-page1-IB9VlE"> <div class="form-container" data-ph-id="ph-page-element-page1-A9hZDb"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-Yv42kk"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-page-element-page1-WLcFzo"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-page-element-page1-gGPLw0"> <button class="close-popup close" key-aria-label="ph-candidate-login-v1-view1-fyf1-0C6A9g" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page1-qa3gqA"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-x1VZ7I"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-page-element-page1-T8GDah"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page1-kf6rNh"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page1-qy3ct8">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page1-GDvOlX"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-page-element-page1-i5pYB2">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page1-oytCvy"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page1-DWhkbc"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page1-p70obD"></i> <span data-ph-id="ph-page-element-page1-v156XV">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1686133869364-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-ZCrVYw"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-DSXIYr"> <div class="widget-container" data-ph-id="ph-page-element-page1-mbMmHO"> <div class="content-block" data-ph-id="ph-page-element-page1-mkPT8D"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--JLTm8e" data-ph-id="ph-page-element-page1-MTpdA8"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-new--0MXVaC" data-ph-id="ph-page-element-page1-SX2dns"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-1jkfHN"> <div class="icon-block" data-ph-id="ph-page-element-page1-SzEfX4"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-DqJGJ1"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-6JNfRM"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1686133869366-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-zBz5c3"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-UtyrOi"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-0w2ClQ">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-lmkreh"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-yOSesS"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-gBnPAm"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-tkyzDq"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-GQBf9J"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-cYrWcY"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-xeJKlc"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-F5xPw1"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-5UxLwv"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-G2fWQn"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Weuiav"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-PRYRWZ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-f3y7tz"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-Yk95Ir"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-oCS1DH">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-QNGMge"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-ASPQjW"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1686133868191-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-J31r90"> <div class="widget-container" data-ph-id="ph-page-element-page1-3WP00J"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-KFjeas"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page1-iM5Jb4"> <div class="fyf-step-block" data-ph-id="ph-page-element-page1-87wraW"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-xHyijJ"> </div> <!--Start FYF Start Area --> <!-- Authorise Step --> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-gf5k4y"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-page-element-page1-J45k9X"> <div class="heading-block" data-ph-id="ph-page-element-page1-cJqw34"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-X89WWG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-W4OIHK" data-ph-id="ph-page-element-page1-xDAUEv"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page1-DTzgTs"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-gB9kZ6"></i> <span data-ph-id="ph-page-element-page1-QVsdyT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-myrlhL" data-ph-id="ph-page-element-page1-gWmEuH"> We take your privacy seriously. We never post anything to your social accounts. </ppc-content> </span> </div> </div> <section class="ph-widget" instance-id="7uyy7u" data-ph-id="ph-page-element-page1-L5hKrr"> <div class="ph-social-connect-v1-view5-default ph-widget-target" instance-id="7uyy7u" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686133869164-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page1-HkAHSU"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-wedSid"> <div class="prev" data-ph-id="ph-page-element-page1-SwIGFn"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-PWI0Ez" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-khMcfj"> <span data-ph-id="ph-page-element-page1-K31TP7"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-3eS4JN"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-page-element-page1-zjabE3"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-C79l0k"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-qlsIPT"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-dq5ibk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E7fXcg" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-wCvoIX">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfCategories" tabindex="-1" data-ph-id="ph-page-element-page1-8opIfy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-3cVeXN" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-fXPcCS">What are you interested in?</ppc-content> </h2> </div> <fieldset class="categories-block" tabindex="-1" data-ph-at-id="categories-block" data-ph-at-data-count="stepData.categories.length" data-ph-id="ph-page-element-page1-T7IOtZ"> <legend class="sr-only" data-ph-id="ph-page-element-page1-aQKGGI"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-R2Eg40" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-n5IHcM">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page1-XEkskF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-TSKnpq" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-hUqZq7">No Categories. </ppc-content> </div> <label if.bind="!noCategories" repeat.for="eachCategory of stepData.categories" class="cat-label" title="${eachCategory.category}" data-ph-id="ph-page-element-page1-SezfnN"> <input model.bind="eachCategory.category" checked.bind="fyfStepConfig.categories.selectedCategories" type="checkbox" change.delegate="eachCategory.isChecked = !eachCategory.isChecked" aria-label="${eachCategory.category}" aria-checked="${eachCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="categories-link" data-ph-at-category-text="${eachCategory.category}" data-ph-id="ph-page-element-page1-AjlLUS" /> <span class="cat-text" data-ph-id="ph-page-element-page1-rwBqTt">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-hbjPRM"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-lGQMUk"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-NAKG4P"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-lfm5gM"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-rXdV9e"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-L0G16h" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-cByKDO">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-i1mXgZ" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-v1radD">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-page-element-page1-ewdMmb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lbVYSM" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-SB0H6E">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-0nRfZG"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-FfgZqH" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-BRjxwm"> <span data-ph-id="ph-page-element-page1-Fwrr0h"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-3lkeBR"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-page-element-page1-GOgVas"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-CbKoIg"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-gbKNQj"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-yZ0JTP"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vBPTA1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-bFQMaD">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 class="ph-a11y-sub-categories ph-a11y-heading ph-a11y-fyf-step-block" id="phFyfSubCategories" tabindex="-1" data-ph-id="ph-page-element-page1-jDP1iw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fy8APg" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-QrVFpZ">What are you interested in?</ppc-content> </h2> </div> <div class="sub-categories-block" data-ph-at-id="sub-categories-block" data-ph-at-data-count="stepData.subCategories.length" role="group" key-role="ph-find-your-fit-v1-default-6ty93o-1ky3bz" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page1-HzGR6x"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page1-GqiBU5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bzbOlH" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-ffMVit">No Sub Categories. </ppc-content> </div> <label if.bind="!nosubCategories" repeat.for="eachSubCategory of stepData.subCategories" class="cat-label" title="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page1-ac70Ty"> <input model.bind="eachSubCategory.subCategory" checked.bind="fyfStepConfig.subCategories.selectedSubCategories" type="checkbox" change.delegate="eachSubCategory.isChecked = !eachSubCategory.isChecked" aria-label="${eachSubCategory.subCategory}" aria-checked="${eachSubCategory.isChecked ? 'true' : 'false'}" data-ph-at-id="subCategories-link" data-ph-at-subcategory-text="${eachSubCategory.subCategory}" data-ph-id="ph-page-element-page1-3P2Ril" /> <span class="cat-text" data-ph-id="ph-page-element-page1-iSGZCP">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-MRliKH"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-xAhGVe"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-kQpX3a"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-n7vi1f"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-xJqNlD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Yfv0Hb" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-N9Eku8">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-uYb2F3" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-7sqejw">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-page-element-page1-7Y41zc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6o5ciY" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-ScUrTk">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-JZJt4l"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-RNlHbi" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-bG21aw"> <span data-ph-id="ph-page-element-page1-z4VSXc"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-t8CRAs"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-page-element-page1-cEGnJu"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-4eoAMT"> <!-- <div class="ph-a11y-fyf-step-block" tabindex="-1"> <span class="sr-only" aria-hidden="true">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-Kff8cC"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-tGJi4e"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EpRNWS" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-lSvCk7">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-jobTitle" class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-RPj4Og"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Pr9PWk" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-gV9vNO">What is your most recent job title?</ppc-content> </h2> </div> <div class="recent-title-block" data-ph-at-id="recenttitle-block" data-ph-id="ph-page-element-page1-Jwy7HG"> <label for="recentTitles" data-ph-id="ph-page-element-page1-Pwqdz7"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-3kEmyO"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Zfnum8" data-ph-id="ph-page-element-page1-BNgdoB"> <input type="text" class="search-box ${fyfStepConfig.recentTitle.flag ? 'disabled':''}" id="recentTitles" name="recentTitles" showresultsonfocus="false" ph-a11y-autocomplete="" aria-label="Search for Job title" key-aria-label="ph-find-your-fit-v1-default-6ty93o-yyozhC" data-ph-autocomplete-input="recentTitle" autocomplete="organization-title" placeholder.bind="widgetBundle['fyfRecentTitlePlaceHolderText']" aria-autocomplete="list" aria-controls="recenttitle-list" value.bind="fyfStepConfig.recentTitle.value" aria-labelledby="ph-fyf-jobTitle" disabled.bind="fyfStepConfig.recentTitle.flag" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page1-w3yuA6"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.recentTitle.value.length" focus.trigger="setFocusField('recentTitles')" blur.trigger="setFocusField('recentTitles',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-NHOOH5" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-MNojES"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page1-9uQjDR"></i> </button> <ul role="listbox" aria-labelledby="recenttitle-list" id="recenttitle-list" class="search-dropdown-list" aria-label="recent titles" show.bind="stepData.showRecentTitleDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.recentTitles.length}" data-ph-id="ph-page-element-page1-blT4Ru"> <li role="option" repeat.for="eachTitle of stepData.recentTitles" class="ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${fyfStepConfig.recentTitle.selectedTitle == eachTitle.title ?'selected':''}" id="result-item-${$index}" aria-selected="${eachTitle.aria.selected}" click.delegate="populateSelectedData(eachTitle, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" aria-label="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page1-3DHx2l"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-3osfcg" data-ph-id="ph-page-element-page1-h9crP4">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-UBtne4"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page1-aMwSj9"> ${widgetBundle[stepData.recentTitles.length > 1 ? 'suggestedRecentTitleAssertiveText' : 'suggestedRecentTitleSingularAssertiveText'] | pht:{'listLength': stepData.recentTitles.length}} </span> <span if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown)" key="ph-find-your-fit-v1-default-6ty93o-wzwmIi" data-ph-id="ph-page-element-page1-VdKdOH"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page1-N9Oq9N"> <label class="input-radio-group" data-ph-id="ph-page-element-page1-oNEWHL"> <input type="checkbox" model.bind="fyfStepConfig.recentTitle.flag" checked.bind="fyfStepConfig.recentTitle.flag" aria-checked="${fyfStepConfig.recentTitle.flag?'true':'false'}" change.delegate="disableJobTitle()" data-ph-at-id="radio-button" aria-label="Just starting my career" key-aria-label="ph-find-your-fit-v1-default-6ty93o-71Ay6y" data-ph-id="ph-page-element-page1-dmsFQi"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-i9RjRY"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-IUVH6c"></span> <span class="radio-text" data-ph-id="ph-page-element-page1-L8e3zj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Y25Dxa" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page1-r577gQ">Just starting my career</ppc-content> </span> </input></label> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-5LehmE"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-RkvL70"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-Oy3IvO"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-d3CWY5" if.bind="(!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag) || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-fGFbCi">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-ZojtuX" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-5eLoPv">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.recentTitle.selectedTitle.length" data-ph-id="ph-page-element-page1-zMYuAR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-k2criq" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-71YADL">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-CH84dG"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-9Deibu" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-xjlQMz"> <span data-ph-id="ph-page-element-page1-b5Vej0"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-beAW7S"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-page-element-page1-6vPbvg"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-qYlP23"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-DYzJlG"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-4YhdZS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-31nu3m" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-xvwoWd">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfSkills" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-hVWMKR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jYGM9y" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-6Mt2k6">Tell us what you’re really good at.</ppc-content> </h2> </div> <div class="skills-block" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page1-9uLHvt"> <label for="skills" data-ph-id="ph-page-element-page1-BULtws"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page1-uMT7aI">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-1FV3YZ"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page1-SxYCQ6"> ${fyfStepConfig.skills.selectedSkill.length == 1 ? 'Selected skill:':'Selected skills:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page1-o5hSFt"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-1" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.skills.selectedSkill.length}" role="presentation" data-ph-id="ph-page-element-page1-W9nk6y"> <div role="list" data-ph-id="ph-page-element-page1-2AGSdH"> <li class="selected-data" show.bind="fyfStepConfig.skills.selectedSkill.length" repeat.for="suggestedSkill of fyfStepConfig.skills.selectedSkill" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-7u2S45"> <span data-ph-id="ph-page-element-page1-50ttIP">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove the ${suggestedSkill} skill" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Otlzdj" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page1-Sex7ov"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-36P3Hm"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-PRVEAV"> <div data-ph-id="ph-page-element-page1-Yg0Acw"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="ph-find-your-fit-v1-default-6ty93o-MttG0n" data-ph-id="ph-page-element-page1-yQvbZi"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfSkillsPlaceHolderText']" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-label="Search for skills" key-aria-label="ph-find-your-fit-v1-default-6ty93o-rxprjT" aria-autocomplete="list" aria-controls="skill-list" value.bind="fyfStepConfig.skills.value" css="width:${((fyfStepConfig.skills.value.length || widgetBundle['fyfSkillsPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectSkills" data-ph-id="ph-page-element-page1-WF1ZZM"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.skills.value.length" focus.trigger="setFocusField('skills')" blur.trigger="setFocusField('skills',true)" aria-label="clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gBuA0g" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-OClGQa"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ueq0Jp"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showSkillsDropdown" data-ph-at-id="suggested-data-list" aria-label="skills" id="skill-list" aria-labelledby="skill-list" data-ph-at-data-count="${stepData.skills.length}" data-ph-id="ph-page-element-page1-nlcTLt"> <li role="option" repeat.for="eachSkill of stepData.skills" class="ph-autocomplete-input-listbox-item search-list-item ${eachSkill.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.skills.selectedSkill.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="result-item-${$index}" aria-selected="${eachSkill.aria.selected}" click.delegate="populateSelectedData(eachSkill, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page1-8c2vBn"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-0ZF8fU" data-ph-id="ph-page-element-page1-54sSXY">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-epKJlp"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-DayEui"> ${widgetBundle[stepData.skills.length > 1 ? 'suggestedSkillsAssertiveText' : 'suggestedSkillsSingularAssertiveText'] | pht:{'listLength': stepData.skills.length}} </span> <span if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown)" key="ph-find-your-fit-v1-default-6ty93o-x6vsN6" data-ph-id="ph-page-element-page1-HBvTQh"> No results are available </span> </div> <div class="suggestions" if.bind="stepData.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${stepData.suggestedSkills.length}" data-ph-id="ph-page-element-page1-SvpBms"> <div data-ph-id="ph-page-element-page1-aHOTaD"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page1-E6iGz6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EPD49O" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page1-NfPHAQ">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page1-IophvM"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page1-YSuAJQ"> <button class="suggestions-btn" click.delegate="selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['addSkillButtinAriaLabel'] | pht: {'skillName': eachSkill.skill}}" data-ph-id="ph-page-element-page1-OxQSPF"> <span data-ph-id="ph-page-element-page1-HnMHr5">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page1-N5CUcw"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-ZHkD6U"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-jenXEB"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-pSpzVp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-wM8gY2" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-QvGDo3">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-CiqAdX" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-MqsiUr">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page1-5KH2jR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hYkorW" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-1RNhem">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-6mBTiZ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-eWzjfn" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-mWFLgr"> <span data-ph-id="ph-page-element-page1-XsOjA8"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-vdrR3p"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page1-F0By2c"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-MB2JDl"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-u840lQ"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-iYXk2b"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vSmPeY" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-Rb3rtV">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-1" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-yvkljT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-d600vN" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-3ZNHea">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" data-ph-id="ph-page-element-page1-WCh6AZ"> <legend class="sr-only" data-ph-id="ph-page-element-page1-9q6lPQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-SPcYY8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-fnEzd3">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page1-j9w6II"> <input model.bind="exp" checked.bind="fyfStepConfig.workExperience.selectedExp" type="radio" aria-checked="${fyfStepConfig.workExperience.selectedExp?'true ':'false'}" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page1-sSv54y"> <span class="radio-text" data-ph-id="ph-page-element-page1-KZXvzH"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-lmQNFF">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-ilasOL" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-aFscgP"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-IAG8c5" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-F0h06d"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-sJ9sQY"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-31nvyx"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page1-2BEw8G"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-q9UvSj" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-JATsGc">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-aFVRxW" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-iQcMkB">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page1-Rp6clD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7Jhbzx" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-htws21">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-i8M6io"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-iHDT7d" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-Q9LxX0"> <span data-ph-id="ph-page-element-page1-XmF9Nn"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-95QKdu"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-page-element-page1-qlNOgk"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-eaUrsX"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-page-element-page1-FJQPWt"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-IZBe4Z"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-QXoLhl" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-6Nd3u3">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="ph-fyf-experience-2" class="ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-QAeYQr"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-g5jFWF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-1pB4Sj">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-mkjP38" ph-a11y-radio="" name="raidoBtn" tabindex="0" data-ph-at-id="exp-block" data-ph-at-data-count="${stepData.workExperience.length}" aria-labelledby="ph-fyf-experience-2" data-ph-id="ph-page-element-page1-hZBsOQ"> <legend class="sr-only" data-ph-id="ph-page-element-page1-FxkPeG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-nySZwA" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-kphBNY">How experienced are you?</ppc-content> </legend> <span repeat.for="exp of stepData.workExperience" class="exp-label" role="radio" aria-checked="false" data-ph-id="ph-page-element-page1-vJSfiH"> <span class="check-mark" data-ph-id="ph-page-element-page1-ReT5rP"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-ieNiRC"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page1-yCZx39"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-TNZxF7">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-caUz74" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-O5gNH7"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-iBx62U" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-iJLrPl"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-1kVgM7"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-rI7Dg0"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-2uP83V"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8TSq23" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-AfUEft">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="ph-find-your-fit-v1-default-6ty93o-zAIwdc" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-TORgAb">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-page-element-page1-Ol5tBT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-XTLJLp" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-LZbC02">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-er3BvT"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-7fyBip" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-WQ5NGg"> <span data-ph-id="ph-page-element-page1-zoxnTG"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-gHNddd"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page1-g58Mvk"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-x4smnq"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page1-tMRuLL"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-u0wHfZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-D1Cinv" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-uThDvf">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-y4gOgX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-A78kDV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-89bLrY">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page1-GigjIh"> <label for="locations" data-ph-id="ph-page-element-page1-LrJX7s"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page1-921MR8">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-APfT2g"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page1-ab7ojy"> ${fyfStepConfig.preferredLocation.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page1-MPhRdx"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page1-XWPQo8"> <div role="list" data-ph-id="ph-page-element-page1-0bvSrt"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocation.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocation" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-svjarb"> <span data-ph-id="ph-page-element-page1-Ijirrx">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gpWg0W" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page1-bOXHLp"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-se65gr"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-BXctba"> <div data-ph-id="ph-page-element-page1-KuX7C4"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-cIEiJm" data-ph-id="ph-page-element-page1-vnkt4a"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-xs5CUb" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page1-pALLjd"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-6EiJGR" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-ongYEM"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-2jUfjT"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page1-rqorxP"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page1-zVhK40"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-GewqzF" data-ph-id="ph-page-element-page1-224vYJ">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-LBxuPs"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-Pu0cv1"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-0JrpSC" data-ph-id="ph-page-element-page1-ZYgcW2"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-CBDt2Z"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-67tqTd"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page1-x0vmbE"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-vjFb9j" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-NRTwvD">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-buxm84" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-r7fOIX">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page1-EVUdJG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-9kA1Ez" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-5SiZwG">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-XAtN2E"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-q76bHo" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-x5dKiu"> <span data-ph-id="ph-page-element-page1-cLVnIn"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-YLdXKg"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-page-element-page1-43un4R"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-SNLv13"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-heading" data-ph-id="ph-page-element-page1-BVfRay"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-zclEJR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-MGNscN" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-hM23zT">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <h2 id="phFyfPreferredloc" class="phs-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-FYqmJS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Vy3es8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-kxahf8">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-page-element-page1-6axZfw"> <div class="preferred-location-container" data-ph-id="ph-page-element-page1-VY7yMS"> <ul class="" data-ph-id="ph-page-element-page1-baVavw"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-page-element-page1-Y7hFm2"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-page-element-page1-d9n1wQ"> <label for.bind="loc.name" data-ph-id="ph-page-element-page1-dc0YiI">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-page-element-page1-frZCUz"> <i class="icon icon-user" data-ph-id="ph-page-element-page1-LaIPkv"></i> <span data-ph-id="ph-page-element-page1-fMmbxD">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-page-element-page1-9v2oFX"> <label for="locations" data-ph-id="ph-page-element-page1-SPHRhi"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page1-t4C6JO">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-lsYviy"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-page-element-page1-dbwLQi"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-page-element-page1-ZwwPde"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page1-0kjnVn"> <div role="list" data-ph-id="ph-page-element-page1-jDDIyf"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-7IGBpx"> <span data-ph-id="ph-page-element-page1-gJcikW">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-e9cDkW" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page1-3WSYwW"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-6VTthq"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-aDMAP5"> <div data-ph-id="ph-page-element-page1-uBHrdq"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-6Y5j6v" data-ph-id="ph-page-element-page1-cOXmUf"> <input type="text" class="search-box" placeholder.bind="widgetBundle['fyfLocationPlaceHolderText']" showresultsonfocus="false" value.bind="fyfStepConfig.preferredLocationValue" id="locations" data-ph-autocomplete-input="location" autocomplete="off" name="locations" ph-a11y-autocomplete="" aria-label="Search for Job location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-aDWzE2" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page1-ZaRutI"> </input></div> <button click.trigger="clearSearch()" class="cancel" show.bind="fyfStepConfig.preferredLocationValue.length" focus.trigger="setFocusField('locations')" blur.trigger="setFocusField('locations',true)" aria-label=" clear the search" key-aria-label="ph-find-your-fit-v1-default-6ty93o-c9VnVy" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-g3UJSi"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-KlKFz3"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page1-NsAk9U"> <li role="option" repeat.for="eachLocation of stepData.locations" class="ph-autocomplete-input-listbox-item search-list-item ${eachLocation.aria.selected ? 'phs-focus':''} title_${$index} ${(fyfStepConfig.selectedLocation.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ? 'selected':''}" id="result-item-${$index}" aria-selected="${eachLocation.aria.selected}" click.delegate="populateSelectedData(eachLocation, $index)" data-ph-at-id="suggested-data-list-item" data-ph-at-loc-text="${eachLocation.location_display}" aria-label="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page1-Vvz6TN"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="ph-find-your-fit-v1-default-6ty93o-rPMpFX" data-ph-id="ph-page-element-page1-5z0Rlv">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-3WJTRN"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-LoHU3s"> ${widgetBundle[stepData.locations.length > 1 ? 'suggestedLocationsAssertiveText' : 'suggestedLocationsSingularAssertiveText'] | pht:{'listLength': stepData.locations.length}} </span> <span show.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown)" key="ph-find-your-fit-v1-default-6ty93o-1zMd9R" data-ph-id="ph-page-element-page1-wDSsI0"> No results are available </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-4FrWvc"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-hO3iFf"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-k7IDHb"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-bXs9mH" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-5o8eqh">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-VbmFk5" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-B8cc3y">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-page-element-page1-ghmcZW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JgVciQ" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-J61p3L">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-qBgzHz"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-aFlM8d" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-Pb8m7L"> <span data-ph-id="ph-page-element-page1-PlQhVS"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-JiR9IN"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-page-element-page1-ERF3d1"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-page-element-page1-HuXAn6"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page1-T8Grtx"> <div class="modal-body" data-ph-id="ph-page-element-page1-sAJhyE"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-page-element-page1-j43jax"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-page-element-page1-YuiJ1K" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-page-element-page1-L9DDtY"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-page-element-page1-Sn2JlS"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-page-element-page1-Hg3oyq"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page1-mABwlL"> <div if.bind="showContactInfoScreen" data-ph-id="ph-page-element-page1-478dmw"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-ujqqqI"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page1-Tc8Y2P"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-yw6CCd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-c3zbkC" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-5TxN8I">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-wq2FuD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5xOgUt" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-Optycz">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-oBXTUU" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-TZQpFb">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-ETqyQZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0AqReI" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-8KEuwU">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page1-XRPVaU"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-qYfuzF"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-X8PWTb"> <div data-ph-id="ph-page-element-page1-Gt8qC9"> <label for="email-1" data-ph-id="ph-page-element-page1-P53sX0"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-iVb77a"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HlOjib" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-b7TA7d">Email Address <span class="required" data-ph-id="ph-page-element-page1-Cj2PHW"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-tlFMUA"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="ph-find-your-fit-v1-default-6ty93o-AYrzkX" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page1-J6nJ5u"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page1-EqAkxS"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-cmpPRt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BgS5kB" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-lBEB8r">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-MnMoe4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-z9oT3s" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-rHBIHz">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page1-SPnV9s"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-page-element-page1-AzNrOo"> <div data-ph-id="ph-page-element-page1-kghI9Q"> <label for="preferredName" data-ph-id="ph-page-element-page1-t9X4ey"> <span key="ph-find-your-fit-v1-default-6ty93o-0c2pjg" class="sr-only" data-ph-id="ph-page-element-page1-Lu0uR5">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page1-TSSP4Y"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BVFYBL" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page1-KTx4b6"> Preferred name <span class="required" data-ph-id="ph-page-element-page1-DVxRCo">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-ZXDs4u"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-NdsXof" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-page-element-page1-JxHbPl"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page1-rAztlx"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page1-Hz7qPu"> <div data-ph-id="ph-page-element-page1-yWMCDm"> <label for="firstName" data-ph-id="ph-page-element-page1-KiRwa6"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-QUKSB0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DyCZwJ" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-qhYbMG"> First Name <span class="optional" data-ph-id="ph-page-element-page1-W3cgrJ">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-sguxCZ"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="ph-find-your-fit-v1-default-6ty93o-TdsuaZ" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-page-element-page1-3Bxar9"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-page-element-page1-q1xgJp"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page1-X0hWtV"> <div data-ph-id="ph-page-element-page1-D3HDwy"> <label for="lastName" data-ph-id="ph-page-element-page1-vN2A2Z"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-2kTTY9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zb3K1z" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-O4VSNf"> Last Name <span class="optional" data-ph-id="ph-page-element-page1-osxVL3">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-K9sAIH"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="ph-find-your-fit-v1-default-6ty93o-EFJCna" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-page-element-page1-aovOta"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-page-element-page1-fS7ar3"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-page-element-page1-H2pZEp"> <div data-ph-id="ph-page-element-page1-eOAGAE"> <label for="phone" data-ph-id="ph-page-element-page1-TdFo7B"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-hZ04LE"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-y7hdCX" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-Z16VfO">Phone Number <span class="optional" data-ph-id="ph-page-element-page1-ehjGaX">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-Qa7pxu"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="ph-find-your-fit-v1-default-6ty93o-hBHMsd" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-page-element-page1-yLrtzG"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page1-YqTaHw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DG4P2H" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-ZlfpxP">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page1-Qn7wIU"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-JWzARB"> <div data-ph-id="ph-page-element-page1-ueaEGe"> <label for="uploadResume" data-ph-id="ph-page-element-page1-Q5x8LO"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-64GSXx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-FcW14y" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-H2XbIH"> Upload your resume <span class="optional" data-ph-id="ph-page-element-page1-OHKwrE">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-Ou4jG8"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page1-WX47hI"> <div class="ph-import-resume-v1-re-upload-default" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686133869180-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page1-c9CLe7"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-EoyXM7"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="ph-find-your-fit-v1-default-6ty93o-VLBTu4" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-fqNUqT"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page1-MCftol"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-JhvaDM"></i> </span> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HNpwiy" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-page-element-page1-AzIA3g"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-page-element-page1-2EJJEe"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page1-0QELla"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-ZKIBtS"> <span data-ph-id="ph-page-element-page1-dSQnGG">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-OTrdiJ"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-CL85Tk"></i> </button> <span class="file-format" data-ph-id="ph-page-element-page1-AOATs4">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-page-element-page1-Zpq9GM"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-page-element-page1-bsL6I0"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-page-element-page1-OJIlUc"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page1-dh7qbe"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page1-I7mhZB"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page1-KKvT7D"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-rLHcYE"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-faTukf"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-page-element-page1-0ThRbb"> <div class="heading-block" data-ph-id="ph-page-element-page1-OUhcqB"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-4uMPbw"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page1-SWPHGA"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-page-element-page1-1wPPS2"> <div class="each-action" data-ph-id="ph-page-element-page1-fOOWbA"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page1-P24bGn"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-page-element-page1-0yfFhS"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-page-element-page1-ZavVd7"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-page-element-page1-skScNe"> <span class="icon-container" data-ph-id="ph-page-element-page1-Ch1zHQ"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-page-element-page1-HK8ACe"></i> </span> <div class="heading-block" data-ph-id="ph-page-element-page1-DTr7CM"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-I0oxWo"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page1-h8sR8q"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-page-element-page1-jXxg2e"> <div class="each-action" data-ph-id="ph-page-element-page1-jtNazj"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-page-element-page1-AXvu8e"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-page-element-page1-gWqsx8"> <div class="heading-block" data-ph-id="ph-page-element-page1-gr7lRP"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-gzyuhO"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page1-pRWvzK"> <span class="sub-heading error-heading" data-ph-id="ph-page-element-page1-xNSPsy"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-ZSeTaH"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-m6jaWP"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-page-element-page1-S5J9g2"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-page-element-page1-dBJ0th"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-page-element-page1-C2GwIr"> <div class="each-action" data-ph-id="ph-page-element-page1-A3SyNx"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page1-EdZFJF"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-page-element-page1-Zi9rJK"> <div class="heading-block" data-ph-id="ph-page-element-page1-y17cYC"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-page-element-page1-hBzEVH"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-page-element-page1-7CP07c"> <div class="each-action" data-ph-id="ph-page-element-page1-6I0XkL"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-page-element-page1-vdCFWz"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-page-element-page1-DdN8AJ"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-page-element-page1-wa2CIC"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-TCC3qf"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-6l36oK"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-CQgMb0"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-QRweKu" data-ph-id="ph-page-element-page1-xWdV7y"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-izWaaz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-brTPWg"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-n2Baq2"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-D8jupD" data-ph-id="ph-page-element-page1-jCQyAH"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-xYYZTD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-n2C7Vm">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-eD1yCT">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-tqI7io"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-gm5zPO" data-ph-id="ph-page-element-page1-ejklfv"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-xYYZTD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-n2C7Vm">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-eD1yCT">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-2Pz8C3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0VKd6A" data-ph-id="ph-page-element-page1-YCTEFJ"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-XNJqDY"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-dstnID"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-pAJw5k"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-RT1tSs" data-ph-id="ph-page-element-page1-Kgs8yo"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-jAkLXB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-FB4NWq"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-0DynTR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rmr85P" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-wfozGO">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-E5Ste4"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-g4a751"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-x3JqKu"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-aYuaWZ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-kO702D"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-tii2Q6"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-8ymovs"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-3FEhWB">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page1-CV4ZKP"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1686133869182-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page1-50Dvxi"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-mZXZPR"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-1uvqRP"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-GpMwWV"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-gmIc0l"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-N1haA2" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-xc7Pfk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-C8gI9m" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-JDou30">Submit</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-LmNyzD" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-EJ8hPt">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-BbT8M9"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-xw5pCv" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-2CA6TO"> <span data-ph-id="ph-page-element-page1-aPxv9a"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-fU2CBm"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-page-element-page1-iQ4VRq"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-N8ke6u"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-hPam0s"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jkOUQp" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-MKCysC">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xI2xjY" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-QZkeoS">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page1-6q2vnD"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="1686133869194-view1" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page1-V8yhRW"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-TpaXMm"> <div class="prev" data-ph-id="ph-page-element-page1-8TijQS"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-1bnV14" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-Mxz7mK"> <span data-ph-id="ph-page-element-page1-d75bhO"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-adOigQ"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page1-nz5KEi"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-7DKWQv"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-U6M8m2"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page1-s9N3Nq"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-YcetnC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BocetX" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-DRiMyF">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-0YZeJa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-23FEyE" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-cHh4wh">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KMoZGc" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-y716Gk">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-xbJTwd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-eiFOPq" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-tSQfFM">If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page1-uZE3K7"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-O6RhTs"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-page-element-page1-xh5WeE"> <div data-ph-id="ph-page-element-page1-14TYCO"> <label for="preferredName" data-ph-id="ph-page-element-page1-615M2m"> <span key="ph-find-your-fit-v1-default-6ty93o-lASQHY" class="sr-only" data-ph-id="ph-page-element-page1-XUv74j">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page1-2c9jzG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-yP5OOG" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page1-lxnhOs"> Preferred name <span class="required" data-ph-id="ph-page-element-page1-DVxRCo">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-n6QVXy"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-gmFVvS" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page1-4aJInZ"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page1-ZPkkGX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-R9wpsz" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page1-CjOXR9">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page1-AKTmmS"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-hXfJFe"> <div data-ph-id="ph-page-element-page1-L9rm6f"> <label for="name" data-ph-id="ph-page-element-page1-p1UGbp"> <span key="ph-find-your-fit-v1-default-6ty93o-cSvJMa" class="sr-only" data-ph-id="ph-page-element-page1-G1dtYV">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-eqehKi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vBuIqX" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-5Upj7i"> Full name <span class="required" data-ph-id="ph-page-element-page1-KEBMu6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-YonKpc"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-aYJL8K" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page1-4YLZ3F"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-VZ3IPg"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VbTNah" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-HsiJ9D">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page1-sMBrPV"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-HsDpKA"> <div data-ph-id="ph-page-element-page1-tTIkH2"> <label for="email-1" data-ph-id="ph-page-element-page1-B9ztbo"> <span key="ph-find-your-fit-v1-default-6ty93o-ffCaIN" class="sr-only" data-ph-id="ph-page-element-page1-qDD9k5">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-cyus4E"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EPAa2l" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-iLp9gT">Email <span class="required" data-ph-id="ph-page-element-page1-H1QBXg"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-GJEpOy"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-dxyAsS" aria-describedby="ph-a11y-contact-email-field-error-1" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page1-q1qxTK"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page1-cwQMfG"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-t4H3b9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gJq6Me" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-Yo40SN">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-Psb7dP"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2T8UCO" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-koSkrQ">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page1-EYI53G"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-mUITj9"> <div data-ph-id="ph-page-element-page1-qohRs8"> <label for="phone" data-ph-id="ph-page-element-page1-t0xEfb"> <span key="ph-find-your-fit-v1-default-6ty93o-nsqHls" class="sr-only" data-ph-id="ph-page-element-page1-jMYWhJ">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-dukhEo"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zcCoBM" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-hvps61">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-m6E5Tz"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-jVS1lY" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page1-lQMHj8"> <span id="ph-a11y-contact-phone-field-error-1" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page1-ApgwCp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pWrXDF" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-UeBQ8P">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page1-pfImAZ"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-j5NYmR"> <div class="security-info-block" data-ph-id="ph-page-element-page1-JMpj6m"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-JnohCn"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0SLV3M" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-2aOlwP"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-3R4oqI"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-JFjU1K"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-4nkRmu"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-3ZRFnd" data-ph-id="ph-page-element-page1-L0Amh9"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-dmdsd5"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-9uJbM6"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-mj4NMs"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-sbgIzs" data-ph-id="ph-page-element-page1-pJjo1Q"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-xYYZTD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-n2C7Vm">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-eD1yCT">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-r9ifm2"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-vEfuFa" data-ph-id="ph-page-element-page1-ZSxCDz"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-xYYZTD"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-n2C7Vm">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-eD1yCT">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-Fbdw7Z"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qTEV0F" data-ph-id="ph-page-element-page1-LBS0py"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-pqQJ8N"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-YC6hxG"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-fw7H9b"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-SYeiiT" data-ph-id="ph-page-element-page1-bo3O4F"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-fM0I56"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-3f0jXj"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-YNA4v2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ninM17" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-XIXRiX">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-68TwVC"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-QjxEna"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-GbTp8V"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-UdKtg4"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-BaTiQC"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-zohSMZ"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-2d3Utb"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-5zOTJ5">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page1-ZIeyag"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1686133869271-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page1-pQySOg"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-dL9h4d"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-RPNI5K"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-eWegkw"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-dozBAj"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-9sSW3b" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-mR2dNP"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-3ONXSe" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-jFSbJ5">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-7q5QTJ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-xHvmMP" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-Ts99wM"> <span data-ph-id="ph-page-element-page1-mhR9a8"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-qnTYnh"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-2FraCw"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-MHRSGi"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-sD41D1"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Qb1CyJ" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-fLmQeC">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bOt4W7" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-flQRYa">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page1-DnayTS"> <div as-element="ph-candidate-login-v1" flow-type="signUp" widget-context.bind="{"context":"fyf"}" data-widget="ph-candidate-login-v1" class="ph-candidate-login-v1-view1-default" view="1686133869281-view1" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page1-OmrH5d"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-PEUyj0"> <div class="prev" data-ph-id="ph-page-element-page1-DsuvQU"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-Ruahaf" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-MsPEKf"> <span data-ph-id="ph-page-element-page1-JX3XoF"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-UJ9Bgm"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-page-element-page1-V0wKfB"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-BBHVHX"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block ph-a11y-contact-info ph-a11y-heading" data-ph-id="ph-page-element-page1-wgfnVY"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-TWkXOY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pyQ2Cl" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-qH9PGb">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-hdxNmq" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-E6x8Am">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <h2 class="phs-heading ph-a11y-heading ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-fAuoeR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NhiFSZ" data-ph-id="ph-page-element-page1-u1BddR"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page1-j8udLi"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686133869364-view5-new" data-tmpl-type="inline" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5-new" instance-id="" data-ph-id="ph-page-element-page1-qCCNwG"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-ZCrVYw"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-DSXIYr"> <div class="widget-container" data-ph-id="ph-page-element-page1-mbMmHO"> <div class="content-block" data-ph-id="ph-page-element-page1-mkPT8D"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-epdsDU" data-ph-id="ph-page-element-page1-MTpdA8"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" if.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-find-your-fit-v1-default-6ty93o-y8biBY" data-ph-id="ph-page-element-page1-SX2dns"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-1jkfHN"> <div class="icon-block" data-ph-id="ph-page-element-page1-SzEfX4"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-DqJGJ1"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-6JNfRM"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page1-l4iXZ8"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lXPj9P" data-ph-id="ph-page-element-page1-K2nYvf">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-OWXfjY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YIqlGE" data-ph-id="ph-page-element-page1-p3Fd4R"> If we find the right job for you, how can we get in touch?</ppc-content> </h2> </div> <div class="contact-info-block" data-ph-at-id="contactinfo-block" data-ph-id="ph-page-element-page1-EePJhk"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-aeb2RE"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page1-mCf01C"> <div data-ph-id="ph-page-element-page1-1cul8W"> <label for="preferredName" data-ph-id="ph-page-element-page1-ou1RWf"> <span key="ph-find-your-fit-v1-default-6ty93o-XCoOhL" class="sr-only" data-ph-id="ph-page-element-page1-g1n3ZM">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page1-u0tEqG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-W12aHV" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page1-f03wiZ"> Preferred name <span class="required" data-ph-id="ph-page-element-page1-DVxRCo">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-0n2N5l"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-Y0hDzE" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page1-bAn6XH"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page1-FQcOx2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JDLzvc" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page1-3eMcIz">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page1-teRwHC"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-QkrtDb"> <div data-ph-id="ph-page-element-page1-djfl3h"> <label for="name" data-ph-id="ph-page-element-page1-m8KudS"> <span key="ph-find-your-fit-v1-default-6ty93o-O7C9dU" class="sr-only" data-ph-id="ph-page-element-page1-yHCXO3">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-X79skI"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NHbKxH" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-ob3fmK"> Full name <span class="required" data-ph-id="ph-page-element-page1-KEBMu6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-e71HtA"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''} " id="name" placeholder="Enter your name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-SHCnNh" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" disabled.bind="nonEditableFields.firstName" aria-required="true" data-ph-id="ph-page-element-page1-81RWgF"> <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-qlryl2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-I10eo8" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-lA5Rhr">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page1-VpEJ3H"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-bz443o"> <div data-ph-id="ph-page-element-page1-QsHPuz"> <label for="email-2" data-ph-id="ph-page-element-page1-AzEAQj"> <span key="ph-find-your-fit-v1-default-6ty93o-bYdyYb" class="sr-only" data-ph-id="ph-page-element-page1-X4WdJk">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-Y1tiDm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rMrUo1" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-qG15xE">Email <span class="required" data-ph-id="ph-page-element-page1-H1QBXg"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-fwmqxw"> <input type="text" id="email-2" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="name@domain.com" key-placeholder="ph-find-your-fit-v1-default-6ty93o-fyUgjT" aria-describedby="ph-a11y-contact-email-field-error-2" value.bind="fyfStepConfig.contactInfo.information.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" disabled.bind="nonEditableFields.email" aria-required="true" data-ph-id="ph-page-element-page1-TyFQZq"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-page-element-page1-TAtfbD"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-ovFTOx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PM9Ddu" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-of7ghk">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-8KivvA"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zBufQg" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-xmiH0H">Enter a valid email address </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.email.validField" data-ph-id="ph-page-element-page1-CqKthJ"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-ny8mWE"> <div data-ph-id="ph-page-element-page1-7JLZGt"> <label for="phone" data-ph-id="ph-page-element-page1-1e0Fwr"> <span key="ph-find-your-fit-v1-default-6ty93o-CdRdHU" class="sr-only" data-ph-id="ph-page-element-page1-fjVdKy">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-M2jvQQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ih84PJ" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-9fHEZZ">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-a1TQdk"> <input type="text" name="phone" id="phone" class="form-control ph-a11y-form-control-phone" value.bind="fyfStepConfig.contactInfo.information.phone fs-block" placeholder="(000) 000-0000" key-placeholder="ph-find-your-fit-v1-default-6ty93o-RTzzMg" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-2" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page1-w1MXQ4"> <span id="ph-a11y-contact-phone-field-error-2" class="error-msg" aria-atomic="true" aria-live="assertive" if.bind="stepData.phone.error && stepData.phone.code == 'E101'" data-ph-at-id="phonenum-error-alert" data-ph-id="ph-page-element-page1-xLKu59"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-igZUSg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-mOtKF0">Enter correct phone number</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.phone.validField" data-ph-id="ph-page-element-page1-nrA9uJ"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-SHWdBb"> <div class="security-info-block" data-ph-id="ph-page-element-page1-ZYKMW4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7DYb9C" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-oJDYgX"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-0pjEt8"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-byrWnZ"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-cwoPhS"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-v1-default-6ty93o-gbdbq7" data-ph-id="ph-page-element-page1-jphDpv"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-hy9Dku"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-WWZEAn"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-WPy7EP"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-fHijry" data-ph-id="ph-page-element-page1-6jQNqG"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-THj5GS"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-eIAwS7">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-Pjb3SH"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-qmMgId" data-ph-id="ph-page-element-page1-Q44ZA5"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-THj5GS"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-eIAwS7">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-page-element-page1-eoy5Vk"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-hbBnvl"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-toHk3j"> <input type="checkbox" checked.bind="fyfInfo.isOptInChoosen" aria-checked="${fyfInfo.isOptInChoosen ? 'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Sign me up for company updates" key-aria-label="ph-find-your-fit-v1-default-6ty93o-ckQNW9" data-ph-id="ph-page-element-page1-aYKRgj"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-5Ay1Uy"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-Mb180X"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-WdIpOZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-4nctw4" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-YdbJ5R">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="termsError" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-HtNTT9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zSpQ9L" data-ph-id="ph-page-element-page1-kJOxFk"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-RxJerw"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-ONm4K5"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-2eMJdN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-uR3A1M"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-XYqfmy"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-dYUfte"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-gwPgGC"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-ImjE6y">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page1-cQEOvD"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1686133869366-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page1-xSH2up"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ijvnLt"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-FhdAad"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-qORO7H"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-MZ7iZr"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="ph-find-your-fit-v1-default-6ty93o-HynN8z" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-k5Mg2B"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Z8IbR9" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-9PldDd">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-pP0960"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-ebOTVA" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-vMWLMV"> <span data-ph-id="ph-page-element-page1-AOyVww"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-fHaEGt"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page1-TphtJj"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-uuYf6b" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page1-nV9ccM"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page1-WhXg64"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uolPSa" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page1-briNjJ">Skip</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-page-element-page1-FN4l1c"> <div class="progress-container" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus}" data-ph-id="ph-page-element-page1-FaXlUs"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page1-bwajaC"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page1-h9CUPZ"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-page-element-page1-IuoadU"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page1-EXzkDL"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page1-lIVhi8"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-page-element-page1-SGG4fn"> <div data-ph-id="ph-page-element-page1-xcXdb5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IPO51L" data-ph-id="ph-page-element-page1-WB3Kyi"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-eQQudV"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page1-Gs5Yba"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1688399806425-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-GXbzU0"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-CnN5BP"> <div class="widget-container" data-ph-id="ph-page-element-short-header-uA65ly"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-Xoimi8"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-Mx6agX"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-cjxZ8q"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5--8FaCal" data-ph-id="ph-page-element-short-header-Z1ulbM"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-t8qTRP"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-mMuLkL"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-xsboSr"> <ppc-content key="ph-social-connect-v1-view5--R3s9d4" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-wEygRX">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-oYBRzy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-fZfoA4"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-Pxuz83"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-M8AfYE"> <ppc-content key="ph-social-connect-v1-view5--sooAgb" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-sAeYTC">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-oYBRzy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-fZfoA4"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-aGGpNP"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-bmVXnz"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-jAXDEX"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--TlGGQ8" data-ph-id="ph-page-element-short-header-STGdvE"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5--ZOu7LV" data-ph-id="ph-page-element-short-header-s4t4ih"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-THMHMP"> <div class="icon-block" data-ph-id="ph-page-element-short-header-67bhIs"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-DZa4p4"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-yCxgAY"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1688399806439" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-nyaUOE"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page1-UUEzuS"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page1-T0OPgb"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-FwJodt"></i> <span data-ph-id="ph-page-element-page1-Mzbony">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page1-6mwPea"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-xMkTIi"></i> <span data-ph-id="ph-page-element-page1-I3eBXM">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-page1-5cFRh3"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page1-E0tZqq"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page1-Yh2GBw"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-2maevl"> <span data-ph-id="ph-page-element-page1-tWkYXA">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-VFtZFc"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-TgFBnj"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page1-ueib2v"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-page1-bd67NA"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-page1-0Mcv7A"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-page1-iB7Nx0"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page1-lCxRKL"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page1-qmCD5X"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-9QvQ0p"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page1-vawRU1"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-R68Rzt"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page1-88TjlL"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-5XvyYQ"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-nXBU0k"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-qIKBZ3"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-CSHXhq"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-mBdUrb"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-Zefv7D"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-3Rdo0Y"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-ubTO6O"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-pQSTdN"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-41QgSc"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-BZbQKO"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-dHousK"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-NPb02K"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page1-2jpvop"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-N6y10s"> <form novalidate="" data-ph-id="ph-page-element-page1-p2QwWA"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-383sbp"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-ZqxtUz"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-iWzawP"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-3gHnJZ"> <div class="text-box" data-ph-id="ph-page-element-page1-I2GUUs"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-5hrMAz"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-EHcMuP"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-fRo4K6"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-kty5ti"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-anyDQf"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-0Coazk"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-yaMclg"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-u8hWI1"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-epGq6D"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-O5yrRn"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page1-TmlXpN"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-548v2O"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-fXoPif"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-zcYDOy"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-r4eDJF"> <div class="text-box" data-ph-id="ph-page-element-page1-D4smdz"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-Gh5lK0"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-OHOjpQ"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-JumL9f"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-G6aDKg"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-hNnEZ6"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-TVZBFP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-2oIHE8"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-YiY1eO"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-sgBDvf"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-ZJoAhj"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-0UG7tB"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-5aWjBW"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-ftjKCk"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page1-f08S2M"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page1-FyV6me"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-zc3ZYI"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-vwHUyO"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-wBWpIi"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-yIU3Hk"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-KTjpkg"> <div class="form-container" data-ph-id="ph-page-element-page1-59rlWR"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-QDtqqf"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-rZ1vho"> <div class="user-options" data-ph-id="ph-page-element-page1-u4pMoU"> <span class="each-option" data-ph-id="ph-page-element-page1-ABr1ll"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-8nvYIc"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-xlRKwX"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-vQmFMJ"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-eSD7wM"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-GHtEcd"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-GhBdSk"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-vuJwS4"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-rv2StP"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-pmEgLK"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-jweM2K"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-wZZVaK"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-YXkjcT"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-qBkjD9"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-N5GSNn"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-w6MlIM"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-gMx8Oy"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-zaatbk"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-T5xCL2"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-YykgcH"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page1-RjMrgE"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-6BVWcV"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page1-wXm0uI"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-krVPMo"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page1-n0kics"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-fnJASM"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-h4cK3a"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-VNxyw6"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-eg4TVl"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-Mt8qIx"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-EFMDrA"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-FUgfaE"> <form novalidate="" data-ph-id="ph-page-element-page1-E6XQPj"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-2CgTgY"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-oKaJ0w"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-6KRVvY"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-O0LeJc"> <div class="text-box" data-ph-id="ph-page-element-page1-lRLaAH"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-Cc9QUi"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-DYf5g0"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-HEryUE"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-8aPW71"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ReIY4f"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-2YM5Wa"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-df0hUJ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-B0LlRV"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-JH3yia"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-C9leiZ"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page1-1K4Ik4"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-EbY83H"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page1-792NBV"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-pnayyM"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-p4mE9E"> <div class="text-box" data-ph-id="ph-page-element-page1-GZsRr5"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page1-uURo5k"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-f0Ruc3"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-xkZ8Us"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-CrTdKx"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-zgWpAP"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-aaAlqe"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-7VaS0W"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-g6ihBv"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-2Mv5Gd"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-J5qMv1"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-page1-ISdq8u"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-jWhNof"> <span class="sr-only" data-ph-id="ph-page-element-page1-PT9jUZ"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-5snazh"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-vUD7Ra"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-l2mjpO"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-fMaVIT"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-LVh9kz"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page1-mtfPEU"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-iwydMu">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-RhE8nf">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-YwbmRS">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-KfPE8T">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Z9WI2Q"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-XkvNlk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-rm38MV"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-WzcrpB"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-rOM8Hd"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-AXTocn"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-fyf3-AvUijn" data-ph-id="ph-page-element-page1-jTzThC"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Fab7kq"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-EZTO9w"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-afx4ma"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-euVmEX" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-7SeqKM">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-IDA0ga"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-LlNPdg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-8ProMB"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-NvtkLY"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-8dZr6u" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-yOKVmm">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-IDA0ga"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-LlNPdg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-C1vUfr"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-mVsUKH"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-VlLzp3"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-TaT3Gp"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-5vrlOX"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-2DfUkm"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-pGMW2e"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-HTjai1">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page1-NVzBkH"> <span class="sr-only required-text" data-ph-id="ph-page-element-page1-w7EkwT"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-yCZbV5"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-JEs3Ct"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page1-F1IUBm"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-1m6CpW"> <span class="alert-msg" data-ph-id="ph-page-element-page1-aYzvRm"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-767dgg"> <div class="form-container" data-ph-id="ph-page-element-page1-p7l3sq"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-ocnW2r"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page1-cYbJi9"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page1-1Zuau5"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-14Y9ER"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-cRD6mx" view="1688399806425-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1688399806425-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-j3j1Mg"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-TY1mEy"> <span data-ph-id="ph-page-element-page1-5ABald"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-Hc2lgx"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page1-QdK5yr"> <span data-ph-id="ph-page-element-page1-ZIiTPy"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-rURCfS"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-jU20MV"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-usvgQ5">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-cIett1">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-ZU5Lbb"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page1-LcXc1n"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-kQT7kV"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-UfTQE2"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-9MyN5y"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-j8JMf3"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-mMPUhw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-RZfxQB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-aWBElN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-JWCnaH"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-ffIAJp"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-hKu1K9">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-4x3VBW"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-xx95mb"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-page-element-page1-tWZRWo"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page1-8ZwDp4"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-page-element-page1-sHNSRc"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page1-1gJAVO"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-page-element-page1-hBqruk">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page1-Icq1fL">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page1-dzc8Hm">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page1-XDWoUG">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-page-element-page1-ViozK6"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page1-ObEL17"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-page-element-page1-pMKBpa"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-QI2Wr8"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-page-element-page1-KuOIh0">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-page-element-page1-CGnwyv">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page1-sF27nj"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1688399843679-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-kVH2Ye"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-8D4ICk"> <div class="widget-container" data-ph-id="ph-page-element-short-header-UTbPPC"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-IMNTXR"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-a4Ifns"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-i7rEz3"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5--8FaCal" data-ph-id="ph-page-element-short-header-5cdYuI"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-PWXKIx"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-DczuIx"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-9HpmLN"> <ppc-content key="ph-social-connect-v1-view5--LA0irA" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-H1XZew">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-oYBRzy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-fZfoA4"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-0FiKY2"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-ALa6mc"> <ppc-content key="ph-social-connect-v1-view5--gUjSll" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-mhuA1d">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-oYBRzy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-fZfoA4"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-aECMpJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-nOrBCI"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-WELYBy"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--TlGGQ8" data-ph-id="ph-page-element-short-header-RRyoo2"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5--ZOu7LV" data-ph-id="ph-page-element-short-header-X06tlI"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-Rexr9g"> <div class="icon-block" data-ph-id="ph-page-element-short-header-0RPDM0"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-b7Tu1K"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-pYdKHZ"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1688399843701" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-s7EEcl"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page1-GFGNFI"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-page1-zZLmLi"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-tbwCUR"></i> <span data-ph-id="ph-page-element-page1-NeZjYd">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page1-UIMSjm"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-P2Plyu"></i> <span data-ph-id="ph-page-element-page1-jZv1wZ">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page1-OVhLws"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-8fq9P7"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-page1-Bnbces"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-page1-r6DVun"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-T56g1V"> <span data-ph-id="ph-page-element-page1-AtJn4W">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-j8RtUL"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-Hox3uT"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-page1-1oEhKX"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page1-o83pMw"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-9F24on"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-hfUeL1"> <span data-ph-id="ph-page-element-page1-FSHAqK">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-guDemS"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-CmbAum"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-7uXW0K"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-page1-KfC3TC"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-page1-ytVg88"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page1-VV6WkT"> <div class="user-actions-list" data-ph-id="ph-page-element-page1-lji2qL"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-4XiHtN"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-page1-smQCga"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-TsNC7X"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-IUwC5B"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-mjz2jR"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page1-ozbj8a"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-9NsehQ"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page1-ifQ4mk"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-fbdJ5t"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page1-1jqgjK"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-Aa8xJW"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-Vu0fH6"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-9pyPAF"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-9XZFhe"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-2bmQFZ"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-3l8TOR"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-cydVZq"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-mjV1RA"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-fM2s2n"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-L1y1sJ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-1lWbZe"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-2bHnGQ"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-Br8C5P"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-page1-lmW27p"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-DHgWxE"> <form novalidate="" data-ph-id="ph-page-element-page1-Ao6vF8"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-vPgSGd"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-TOanca"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-Y5Y8K1"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-MCSC9J"> <div class="text-box" data-ph-id="ph-page-element-page1-bFQ0hK"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-page-element-page1-QudZ8G"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-noatGX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-ObQKE1"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-7h9PKL"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-taIOhy"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-pvwGOG"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-cUl7Eo"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-BC1UTz"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-kbwMYN"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-fFG4Dq"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-page1-TVyqxz"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-urZJk4"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-XQqn8I"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-XknDRq"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-0G7Kj5"> <div class="text-box" data-ph-id="ph-page-element-page1-wwjEMB"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-page-element-page1-VxQz6h"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-LqrTtj"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-u6Fkmp"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-01n4z2"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-CPdZc1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-yNTkil"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ult1yd"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-BRdlI6"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-GFPmDb"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-TSp6dI"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-1TMwbf"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-IGVcxb"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-gNLd5w"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-page1-JTR1Rt"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-page1-6ieVqu"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-d5AGQM"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-nBdL5Y"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-0iv4Ca"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-2R86OU"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-KGJr5X"> <div class="form-container" data-ph-id="ph-page-element-page1-CrznnK"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-Z7DFQk"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-INP0hJ"> <div class="user-options" data-ph-id="ph-page-element-page1-NxttqU"> <span class="each-option" data-ph-id="ph-page-element-page1-lOflI3"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-P7ndjo"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-PwUm8m"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-3KjIZN"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-ygZe7K"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-n1yF9C"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-7tmYoC"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-60xjDs"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-Y1cY8g"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-130sYw"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-x2mLF7"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-UGikia"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-xhpW7s"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-hbaZJs"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-z5jGzk"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-GQQxFD"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-TZSaz7"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-6bwr85"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-bAA9Ka"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-page1-GZK6jK"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-page1-68kRHh"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-nCk2vH"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-page1-LgKTBZ"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-tls7xq"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page1-0FfDMO"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-Wk0EoY"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-wyeN7U"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-occxM5"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-LNypZZ"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-AufIbe"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-OLWv7x"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-R3bgVU"> <form novalidate="" data-ph-id="ph-page-element-page1-MT6ym1"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-2QRlqP"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-zmqVAu"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-gtMLjI"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-CMTtvL"> <div class="text-box" data-ph-id="ph-page-element-page1-3ymBiK"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-page-element-page1-RgCQ3m"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-MIUXGR"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-AtcFkt"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-TBqHma"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ULdgSY"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-HlNwm1"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-TrYtu0"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-EKrSs7"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-page1-uHiTLo"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-3HcgN8"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-page1-3599Uy"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-k3V3U5"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-page1-FtwSyb"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-oWNJMF"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-ZLiBdB"> <div class="text-box" data-ph-id="ph-page-element-page1-218ZRK"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-page-element-page1-1evsfc"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-u2tzgz"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-LB8Q5D"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-1us5Xp"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-NF5pdX"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-sbuUhN"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-9FRIxf"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-8vnwxl"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-wokoBp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-HlIL3P"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-page1-BidNpX"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-2s1HRY"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-Bage3c"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-PDBRIF"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-sicmlP"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-PFlqFe"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-Zu3R8w"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-FJ56HL"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-xf7gMk">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-NNQTsM">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-jro8By">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-4OrmhF">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-UyRz3R"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-uMMWFK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-9zpvpM"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-5ORpev"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-AdgPE6"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-u08s25"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-fyf2-1lsk3i" data-ph-id="ph-page-element-page1-y7qHIx"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Zd4rp4"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-8hLyM8"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-48KLSR"> <ppc-content key="ph-candidate-login-v1-default-fyf2-PCPzh2" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-DNJ7lp">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-LUEfjK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-bI9Plb"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-xlULRA"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-TJb3nM"> <ppc-content key="ph-candidate-login-v1-default-fyf2-u8r8uR" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-srmB0h">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-LUEfjK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-bI9Plb"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-18Q54n"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-RpFrvo"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-nYcCLK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-TnyShd"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-y8jUBL"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-EoEBo3"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-OkUhLk"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-QoL28w">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page1-M8X8Z3"> <span class="sr-only required-text" data-ph-id="ph-page-element-page1-D1jDuu"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-d5DFxx"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-bKr9pA"> <span class="alert-msg" data-ph-id="ph-page-element-page1-kY7sSg"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-mv4cO6"> <span class="alert-msg" data-ph-id="ph-page-element-page1-FJag2h"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-jzBV55"> <div class="form-container" data-ph-id="ph-page-element-page1-nKTTFX"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-yqvwDY"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-page1-69TYSQ"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-S9Mzf2"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-HuoDnv"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-RZ6Q4U" view="1688399843679-view5" original-view="view5" theme="default"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default ph-widget-target" piiconsent.bind="socialLoginContext" profile-login-flow.bind="flowType" view="1688399843679-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-L28FnU"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-RC3XCx"> <span data-ph-id="ph-page-element-page1-rgESkd"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-page1-zEJpZU"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page1-1MLCmG"> <span data-ph-id="ph-page-element-page1-tBa61r"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-wLYGwR"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-yoP8yH"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-3NP7de">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-ki0Kdl">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-1ejUPO"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page1-H9il6n"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-Ji8Igb"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-l1iOsz"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-f3ws7c"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-ZKcw1J"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-vAoWvI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-jzICoR"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-53NIDK"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-n0ZkpN"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-Y9HEaY"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-QBPmvT">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-CNE9vr"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-Mb0bwR"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-page-element-page1-zI4JZW"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page1-sJ8rYK"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-page-element-page1-qSAblF"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-page-element-page1-4nsK7G"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-page-element-page1-ZK7679">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page1-J5acW8">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-page-element-page1-X9hXiu">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page1-ZqaBnu">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-page-element-page1-MpGGyK"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-page-element-page1-DGj03d"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-page-element-page1-oeetky"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-gZ9VEb"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-page-element-page1-wkaAIm">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-page-element-page1-jpTE8l">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-page-element-page1-crZck4"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506315253" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-M8x4SD"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page1-jyXLmJ"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-vehnwB"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-2Buk4C" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LgmPl8" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page1-rtJRFN"> <ppc-content key="ph-social-share-v3-default-6ty93l-ZnBj9W" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-RyW5Pb"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page1-KQhv1A"> <ppc-content key="ph-social-share-v3-default-6ty93l-9sVX5Y" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-4ocURo"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page1-BheYRl"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-q0FISB"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page1-0E216j"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page1-bciZKL"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page1-KRHjMl"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-vWgqZx"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page1-MgQyUw">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-Kkyykt" view="1663506314629-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506314629-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page1-bbPjZP"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page1-ox7Suk"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-34kqn3"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-xPjzXt"> <div class="head-wrapper" data-ph-id="ph-page-element-page1-m40Yaz"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page1-u6yDLz"> <ppc-content key="ph-social-share-v3-default-6ty93l-6cKFaO" data-ph-id="ph-page-element-page1-yGXNXa">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-hwVMVj" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-oHluje"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page1-SIDB0B"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page1-1o8OAB"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page1-mKbiGe"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page1-RAmHqg"> <ppc-content key="ph-social-share-v3-default-6ty93l-9ZzylF" data-ph-id="ph-page-element-page1-oFgXyt">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page1-h3mdwc"><ppc-content key="ph-social-share-v3-default-6ty93l-F2uCcq" data-ph-id="ph-page-element-page1-2tZp04">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page1-KbWb9I" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page1-CO3p4G"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-EusyJ2"><ppc-content key="ph-social-share-v3-default-6ty93l-QTS9IW" data-ph-id="ph-page-element-page1-qhIMC8">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page1-6vr7rx"><ppc-content key="ph-social-share-v3-default-6ty93l-81EUb0" data-ph-id="ph-page-element-page1-VZbsXt">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1663503996376" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-Dq4UsA"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-OIGX41" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-fikngw"> <div class="widget-container" data-ph-id="ph-page-element-page1-ShdA1j"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-IeSJB4"> <h2 data-ph-id="ph-page-element-page1-7hIBMF"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-dOMuto" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-4NbVjj"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-eiQtaz"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page1-ql5rXy"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page1-v6nH7j"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Jio6ys" data-ph-id="ph-page-element-page1-7QZ0fr"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-akzlor"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page1-spU9Fu"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page1-bCSix0" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page1-hliJW5"> <div class="information" data-ph-id="ph-page-element-page1-rSVeqg"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page1-eBHy7r"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-q5zmmZ"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-3DRxLn"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page1-zefjyQ" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-xOTWBv"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-n5Hz3V"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-Gy2RjZ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-MeWB1K"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-np7b3Y">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-G9Ovlc"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-SkRRw6"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page1-zGQ1UW"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-PGSPl5"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-xvpD8r">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-profile-recommendations-v2-default-c1ykg4-CKTUnU" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-6BQE3M" instance-id="Jio6ys-kVQDBd" data-ph-id="ph-page-element-page1-aXjqQD"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-2e7RaI"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-Of6iP6"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-EJRpy9">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-qE1kEI"></i> <span data-ph-id="ph-page-element-page1-pA2nq0">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-lBhJkd"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page1-EGgsLx"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-3s3W8A"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-YXJDz2">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-rnvGO7"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-BQQVKU">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-g05MFQ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-yxb77W">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-LrWozz"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-yzCEpe">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-ubMWuE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-TAggPC">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-FY6hsL"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-czubVw"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-XzM05U"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-7NYn8A">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-1Ktq5d"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-BMkzQs">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-xamYzD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-AGhTzd">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-PnShOw"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Jzve7Q">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-nNJwo4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-aHp8ud">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-DqCI9j"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-L65r7x">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-cVGFVc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-JjDiuH"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-pmFCXZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-1aXdBo">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-hudiR4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-4x1ovf"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-8rYYEx"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ZUGaBe">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-B0I8Bw">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-fH8Jrb"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-CbC3vh">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-nMbDTt">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-r8reWp">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-DrS1yb">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-q9SIpO">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-FGjnKz"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page1-jY2UY5"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-UeWssZ"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page1-c9TBjK"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-PAwfu3"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-xtQfFC"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-pbTX6J"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-05dHli">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-OSy0xY"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-XW9lrK">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page1-meIHdV"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page1-XxtJ14"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Nk9A7b"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-wfthL6"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-ZKS59D"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-OBvNT5">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-bJl3sE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-vC4RKf">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-tb3M87"> <span class="sr-only" data-ph-id="ph-page-element-page1-HQtgh2">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-5o0ztM"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-ySPkXk">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-IMmvQA">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-ak3UMM">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-pAar15">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-oMqTek">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-W8pA5C"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-EKyJGU">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-8Ml9v5"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-p7vOnk"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-1JnojF"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-mcVR1v">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-Q8VW3E"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Bm1AsO">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-nJTNtM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-4pALRJ">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-aRKJO4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-cqK7Lq">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-l56Hh7"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-bDYCJf">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-G5DCpc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-U3Iw4A">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-AWrzzH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-TYJFxg"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-sXOmaG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-CtdnvN">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Nv1BYI"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-9Sricj"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-1OVHEz"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-EXU3ta"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-Pl3Ktq" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Jio6ys-gB5mS9" data-ph-id="ph-page-element-page1-bOldOi"> <span data-ph-id="ph-page-element-page1-4niNn3"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-0rW0eX"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-mP7dwK"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page1-casnAy"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-xwiZ0C"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-5YNhBW">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-QuSvd4">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-WeCuPy"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-OH29Il">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-AEuX7K">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-vYAhlf">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-zaghQP">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-lAYGEk">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-1CQoEb"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-3GXT25"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-08Qmz7" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Jio6ys-rvIBnf" data-ph-id="ph-page-element-page1-zFJuY6"> <span data-ph-id="ph-page-element-page1-2cUnkR"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-c9qCYC"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-t1MoS6"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page1-d8Fmxz"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page1-LoYZLO"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page1-tfajmq"> <span data-ph-id="ph-page-element-page1-FmsNHA"> <span class="sr-only" data-ph-id="ph-page-element-page1-BfU93i"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page1-4rBbPi">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page1-y198Di">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-yM8pwZ">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-NSnEAc">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page1-WrAzOr">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page1-NmtPj2">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page1-roncIJ"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page1-ka5ioN"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-tspVvi"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page1-mMojEl"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-MIzGwX"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-4n5uKj"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-Kb86Dm"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-NAqTwu"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-94HrA4">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-Nze0TC"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-N9GGyR"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-3Vy2X3"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-ebD8G0"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page1-Stylqa"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-B0VoDr">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-meWjWd"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-8JsA9Z"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-0OQ6ti"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-XJzFVO"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-d2YWgl"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-jRbYey" data-ph-at-id="share-job-button-text" instance-id="Jio6ys-Yj7Zo5" data-ph-id="ph-page-element-page1-2YzGCB">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-GYZ5SF"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-Jrtlz3" view="1663503996347-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506315253" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page1-2UyiDy"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page1-u4hoIK"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-3Jydzz"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-wAcQEs"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-Ag3cdF" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-PYOFQ9"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ActOHj"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-JMtyzI"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-67oBKZ">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-DQUwuR"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-TyiH9v"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-NEDaJ3"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-Vxb6s8">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-leczZf"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-IVBWxK"> <span class="sr-only" data-ph-id="ph-page-element-page1-eCn2BN">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Riv2H2"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-XjQ14b"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page1-8t5dxX"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-OGGBI3"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-v0bXWW"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-Ne49Tn"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-dy2haj"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-lNR3mO" instance-id="Jio6ys-QDTV1Q" data-ph-id="ph-page-element-page1-L7Jtqe"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-Pwsne8"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-MslqT2"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-YNS5O2" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-Ay2juy" instance-id="Jio6ys-W7WddB" data-ph-id="ph-page-element-page1-OWWquf"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-SA0Uf9"> <div class="job-location-count" data-ph-id="ph-page-element-page1-EkNQzG"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-e5oTxj"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-V1e5Kx"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-PVlNDR"> <span data-ph-id="ph-page-element-page1-bC4yko"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page1-WHAysS"></i> </span> <span data-ph-id="ph-page-element-page1-dCd7LC"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page1-jy2oGq"> <span class="sr-only" data-ph-id="ph-page-element-page1-1EVyqF">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-neFwf1"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-k63Cle">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-yGdGzM">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-hvlwwi">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-k43mvU">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-j8dwWm"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-7YfEEL"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-G1Hwvt"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-wSgtqF"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-SohM87"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-MY3ZKo" instance-id="Jio6ys-TwNEDu" data-ph-id="ph-page-element-page1-Y4lavJ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-3vjJQb"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-rp6ukU"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-gkEngG" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-0VQeGc" instance-id="Jio6ys-62O3zm" data-ph-id="ph-page-element-page1-ptDRmD"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-wNUbRa"> <div class="job-location-count" data-ph-id="ph-page-element-page1-KWwTzo"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-iPVfqR"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-Y9Hsch"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-A6aYx9"> <span data-ph-id="ph-page-element-page1-NDhH0Y"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page1-5z2Pjj"></i> </span> <span data-ph-id="ph-page-element-page1-ErtxgW"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page1-S7DHOm"> <div aria-atomic="true" aria-live="assertive" instance-id="X86BlP" data-ph-id="ph-page-element-page1-r6TyuP"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-QxnYAD" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-c3iy26" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-WW5eXT" instance-id="X86BlP-DJLKs1" data-ph-id="ph-page-element-page1-I0VN4r"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page1-mFXQGC"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-U0fJ3f"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-H27Jbv" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-7D4eTb" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-mQrTl7" instance-id="X86BlP-UyEaQc" data-ph-id="ph-page-element-page1-QXvNd3"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page1-K9C5he"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-gggvTa"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-cREP6o" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-201Y9X" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-9h7wZS" instance-id="X86BlP-GHCv2Z" data-ph-id="ph-page-element-page1-AOHr62"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page1-BNBnBm"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-uf3jW6"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-JR8H2W" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-Ln76A8" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-JpUZ8U" instance-id="X86BlP-gBNQZd" data-ph-id="ph-page-element-page1-d0uoLr"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page1-7iMQWy"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-RXylMi"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-jmxUky"> <p data-ph-id="ph-page-element-page1-oug4yE"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-uH2YrV" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-x6NxyL"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506314643" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-UxVrJl"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page1-eeCkCb"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-iRi4kS"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-2Buk4C" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LgmPl8" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page1-GG6Gwm"> <ppc-content key="ph-social-share-v3-default-6ty93l-ZnBj9W" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-FbMxPI"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page1-apG5PN"> <ppc-content key="ph-social-share-v3-default-6ty93l-9sVX5Y" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-rUWMBe"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page1-TzraBI"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-LQjh5K"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page1-YWWUYA"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page1-H0llKr"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page1-8suoJO"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-KGrJu1"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page1-LDepgA">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-zn5Zvr" view="1663506314629-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506314629-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page1-DPnIsp"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page1-ISkc6W"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-vnOG10"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-YQt65Y"> <div class="head-wrapper" data-ph-id="ph-page-element-page1-38nzyx"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page1-8ewo4R"> <ppc-content key="ph-social-share-v3-default-6ty93l-6cKFaO" data-ph-id="ph-page-element-page1-QFX6P8">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-hwVMVj" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-9e8GOG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page1-pbAPoL"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page1-TRpfb1"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page1-xW31ye"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page1-RZLLNv"> <ppc-content key="ph-social-share-v3-default-6ty93l-9ZzylF" data-ph-id="ph-page-element-page1-miP5ei">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page1-R7HekG"><ppc-content key="ph-social-share-v3-default-6ty93l-F2uCcq" data-ph-id="ph-page-element-page1-O5oJSQ">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page1-kngVXs" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page1-WlQxzz"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-7k1StS"><ppc-content key="ph-social-share-v3-default-6ty93l-QTS9IW" data-ph-id="ph-page-element-page1-MVywap">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page1-qY33gK"><ppc-content key="ph-social-share-v3-default-6ty93l-81EUb0" data-ph-id="ph-page-element-page1-QW7HkX">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1622923839556" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-fzAkmi"></div> <div class="phs-widget-block-area testing-class ph-widget-box" role="region" aria-label="JOBS BASED ON YOUR BROWSING HISTORY" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-dYziDv" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-XhbpTE"> <div class="widget-container" data-ph-id="ph-page-element-page1-pM47Oy"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-59fo2k"> <h2 data-ph-id="ph-page-element-page1-Tiqqon"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-d5VxJ7" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-qOiKHn" language-overriden="true">Jobs based on your browsing history</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-FA5INh"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page1-c7HCgN"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page1-fHY3qr"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="KbnFOD" data-ph-id="ph-page-element-page1-VPQbxM"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-Rx9i8R"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-LCV2uS"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page1-X6uUcC" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page1-f7LSgU"> <div class="information" data-ph-id="ph-page-element-page1-83yEtn"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page1-HTFRcb"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-eodzVG"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-y8iJA7"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page1-GYRURB" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-o2kwqx"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-XKSarF"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-8d8dLJ"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-GPIiZe"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-NMwtqZ">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-purXFI"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-Yk4Hec"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page1-WNHZop"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-SzHfnh"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-k67kaB">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-REpe6U" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-elmgHv" instance-id="KbnFOD-fjsN9n" data-ph-id="ph-page-element-page1-fBJ9DV"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-wLZlAs"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-XmfaAI"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-RXXiMN">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Qowms4"></i> <span data-ph-id="ph-page-element-page1-uiWdOE">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-MzKASN"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page1-yc4yRK"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-YzOZmd"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-1WufL6">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Rz7xpE"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-856WSi">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-r0dlRR"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-tpffzd">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-LwS7dl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-639MOJ">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-M324kv"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-6Q6NtZ">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-E4IjSc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-7VnQlv"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-LUXGFA"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-dbSQhC"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-0GpDyG">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-e1W7kW"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-cCvTGU">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-B5a6Bd"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-HG3c5v">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-sTNjjB"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-CDSa9L">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-yp4RSz"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-m6rvZ0">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-vCW9Ay"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-IuSElb"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-DSlLOc"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-uzYY4h">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-pItfrR"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-JbceDN"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-GrLNXM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-uc0oYY">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-MQQWgF">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-AOKdQf"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-1q3UwU">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-LYRNny">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-ImWCGB">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-ymZHo1">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-M6aRii">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-fw7OsG"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page1-Cyjipi"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-gzkcA5"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page1-qGY8Bw"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ZYknfk"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-enKiyH"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-lcpYJJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Xj0ex2">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-wB6Ah2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-7zo1MZ">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page1-8ipLL4"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page1-XaR2lf"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Qoq4xh"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-O3KatI"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-TtYOKD"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-old30q">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Mw8ib0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-zI1Bqj">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-35dGMk"> <span class="sr-only" data-ph-id="ph-page-element-page1-SX2wUk">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-fp4Q73"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-5xC4Yq">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-i1F5ta">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-3GFAuw">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-vr35lG">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-IypqOO">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-wyx8fX"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-SKINIG">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-CgF350"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Pr5g0d"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-EQwG13"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-M0gGXE"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-dzaXKL">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-y3doYl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-OYF9j1">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-16TvA2"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-G449Gy">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-N6EH31"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-1ZSNpu">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-G7tL0u"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-d07YpP">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-obRPO4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-QzTrEf"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-6CCFZe"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-OR2Zc1">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-fsG23d"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-X9euVk"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-FOs67T"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-iPI4Ab"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-CFXh1o" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="KbnFOD-iDkq1d" data-ph-id="ph-page-element-page1-7bRIWi"> <span data-ph-id="ph-page-element-page1-P9CWRN"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-tN5cmP"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-Xx8aaN"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page1-NYqkdO"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-N7vpSN"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-H28RoW">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page1-TRK7DD">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-ZAaGny"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-UAEaZ5">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-7sAgiZ">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-xpaSGl">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-VAipVB">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-odciyW">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-ApJL8X"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-7I6bAI"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-FEInuL" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="KbnFOD-WJTw1N" data-ph-id="ph-page-element-page1-kfIh1h"> <span data-ph-id="ph-page-element-page1-Vx0FLb"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-gAdqW7"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-ncoWQf"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page1-u09grD"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page1-hDepSn"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page1-h5D900"> <span data-ph-id="ph-page-element-page1-Nz5Qu9"> <span class="sr-only" data-ph-id="ph-page-element-page1-2SE4E6"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page1-nmQo2t">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page1-nmtw1A">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-LKoCVH">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-mmqVai">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page1-S1K6LX">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page1-SvTPPS">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page1-DEXj5v"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page1-9Zye7x"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-nZbKHP"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page1-XBLgrA"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-MSJTtd"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-7NgQdc"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-Jxzl6z"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-wDVNWj"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-En3Czf">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-Bpracu"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-TvKQ7U"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-2kgauO"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-VdqdwI"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-3icP8N"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-3L3R5t">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-iAf9T0"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-DRyeMo"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-BVQbun"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-xxQjZr"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-qto0Df"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-7xq1pX" data-ph-at-id="share-job-button-text" instance-id="KbnFOD-9SXsql" data-ph-id="ph-page-element-page1-lEfLvb" language-overriden="true">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-kasp0u"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-HJ23XM" view="1622923839534-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506314643" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page1-TH6i8f"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page1-XUZfM6"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-gakRH9"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-j5qr6P"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-OxeFlQ" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-kGJXQW"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-MJeh9k"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-kbSxTD"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-S97MCg">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-KmeB5E"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-nldvnL"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-KQeln6"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-6FDUbN">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-s9Cf1t"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-mUFmGh"> <span class="sr-only" data-ph-id="ph-page-element-page1-ptv2iL">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-5yGjav"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-VjpkJk"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-f4b17N"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-g9IGFs"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-wvsVUQ"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-v5a631"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-YJYs6V" instance-id="KbnFOD-GZg7wr" data-ph-id="ph-page-element-page1-j9iIYP"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-pHhoen"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-RZ9aLj"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-Cldb0W" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-gK2ELj" instance-id="KbnFOD-IDIDdv" data-ph-id="ph-page-element-page1-mptHeY"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-SYAiKT"> <div class="job-location-count" data-ph-id="ph-page-element-page1-hON2OZ"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-pxbKxh"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-YTSTNx"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-DIbqvE"> <span data-ph-id="ph-page-element-page1-iTVDEz"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page1-cNMpH4"></i> </span> <span data-ph-id="ph-page-element-page1-h6DdHU"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page1-NBCE3B"> <span class="sr-only" data-ph-id="ph-page-element-page1-ZsgYe7">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-nxjp7s"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-RlmY5K">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-GcsHqv">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-yGJyPH">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-vOMq4g">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-5reb8C"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-wVGlep"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-qr2Ggv"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-sS37RA"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-ztDcP4"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-AGQE1H" instance-id="KbnFOD-bzrlyb" data-ph-id="ph-page-element-page1-j7UQz7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-NGff5o"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-fpVPtZ"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-prCmGm" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-uqb7lc" instance-id="KbnFOD-amrUUw" data-ph-id="ph-page-element-page1-OZWbY1"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-ALN6jv"> <div class="job-location-count" data-ph-id="ph-page-element-page1-yRXTfF"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-Xu8DHB"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-21fnqI"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-qzuE65"> <span data-ph-id="ph-page-element-page1-AOGi7l"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page1-Awk6Ts"></i> </span> <span data-ph-id="ph-page-element-page1-WeuMOJ"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page1-1BZXJk"> <div aria-atomic="true" aria-live="assertive" instance-id="obwvz0" data-ph-id="ph-page-element-page1-r6oQAJ"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-0nPEzF" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-mLO7vX" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-LU6PjT" instance-id="obwvz0-2YOsXv" data-ph-id="ph-page-element-page1-aXq8A5"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page1-sndCIG"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-kSYWsP"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-VnPK2X" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-IS0lrN" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-n9at9f" instance-id="obwvz0-hqE6Ge" data-ph-id="ph-page-element-page1-nUPsvD"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page1-HZXON8"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-qE5w0P"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-tjphIp" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-FIrARw" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-LzPu2d" instance-id="obwvz0-dESP34" data-ph-id="ph-page-element-page1-mzqzLO"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page1-pjHR42"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-ZdwI7n"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-10ygDO" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-6ZIke3" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-gnkSEB" instance-id="obwvz0-GwPIX9" data-ph-id="ph-page-element-page1-oVNOrt"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page1-GZRSv5"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-Lt4XLS"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-jsYs7O"> <p data-ph-id="ph-page-element-page1-Qp7Pbs"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-s7W2HE" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-0CeQ4V" language-overriden="true"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1547403907239-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506315075" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-sVvUfx"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page1-GvTN9I"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-UoHuru"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-2Buk4C" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LgmPl8" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page1-l7CPjr"> <ppc-content key="ph-social-share-v3-default-6ty93l-ZnBj9W" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-rWtu7t"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page1-oStpjZ"> <ppc-content key="ph-social-share-v3-default-6ty93l-9sVX5Y" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-vVPaPz"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page1-d8GMZN"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-nGr55e"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page1-CBVh4i"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page1-aLL1Qc"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page1-NtctPZ"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-zo2yIn"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page1-ryr3Ch">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-I0oHLt" view="1663506314629-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506314629-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page1-VUVXmw"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page1-GlesM0"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-IyQkFR"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-uyRqVl"> <div class="head-wrapper" data-ph-id="ph-page-element-page1-C7Gqo0"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page1-uPp3Er"> <ppc-content key="ph-social-share-v3-default-6ty93l-6cKFaO" data-ph-id="ph-page-element-page1-WUXZ9m">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-hwVMVj" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-5eR7PT"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page1-x4xbzD"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page1-lxxArD"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page1-UuqpMr"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page1-ymSNAr"> <ppc-content key="ph-social-share-v3-default-6ty93l-9ZzylF" data-ph-id="ph-page-element-page1-B01IbS">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page1-GD2EB9"><ppc-content key="ph-social-share-v3-default-6ty93l-F2uCcq" data-ph-id="ph-page-element-page1-UZp4aq">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page1-fHb6Hb" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page1-HXOxNm"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-WJKuXj"><ppc-content key="ph-social-share-v3-default-6ty93l-QTS9IW" data-ph-id="ph-page-element-page1-FjYI24">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page1-5Hy2gG"><ppc-content key="ph-social-share-v3-default-6ty93l-81EUb0" data-ph-id="ph-page-element-page1-YCs9Fb">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-near-by-jobs-v2-default-1663503242081" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-4ax3Ev"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Explore opportunities near you" key-aria-label="ph-near-by-jobs-v2-default-qi5top-85YrdA" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-9todiB"> <div class="widget-container" data-ph-id="ph-page-element-page1-ggd0j3"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-6BQAEt"> <h2 data-ph-id="ph-page-element-page1-8CHnQ2"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-vng6GZ" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-jGLP10">Explore opportunities near you</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-0A6vds"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page1-vPVesM"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page1-SJbHRT"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="mP4K5F" data-ph-id="ph-page-element-page1-4CHWUW"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-AWx6cf"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page1-EwHbvU"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page1-AojCph" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page1-VyOa0w"> <div class="information" data-ph-id="ph-page-element-page1-fpD4GF"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page1-wF7oZK"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-ID7l19"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-XZh64o"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page1-Lhiynd" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-YtrSl7"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-MQB47B"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-nMfbMh"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-qtfr8x"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-qBIlRB">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-YPWBHw"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-KLI2Pd"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page1-y4mSQa"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-NrBsLs"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-GmjzM7">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-near-by-jobs-v2-default-qi5top-fQFc6V" aria-level="3" key-aria-level="ph-near-by-jobs-v2-default-qi5top-fFkSfJ" instance-id="mP4K5F-8AAbn9" data-ph-id="ph-page-element-page1-LMr2SW"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-5cwTqA"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-8Wx57q"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ZNM1Cj">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-FXJrRp"></i> <span data-ph-id="ph-page-element-page1-8ni6gg">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-JZhGJ5"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page1-nIJvQV"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-CEyArS"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-0D4nzm">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-wVrFIu"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-rYB81b">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-87Gf9t"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-liaFbm">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-PaMPpy"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-V2l5cl">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-6emFlT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-2K7dsU">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-gM0Jjd"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-zRi1z8"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-HFJCFU"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-hJq14V">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-da4lYG"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-DpNGHR">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-r78T7v"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-LihXfo">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-bT4h6R"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-kwP602">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-UWSZ0i"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-wfXJSL">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-hUwBOg"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8f052H">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-D2LzJr"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-udu8ej"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-pQ0UUl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-lzHMTu">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-z4rNno"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ezShQ0"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-VpOHyk"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-C04qU7">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-MQDysn">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ULJeau"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-4fFrWR">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-64517p">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-CTcnJP">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-HCVMQ9">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-bjcbC2">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-0JCqJJ"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page1-JxxjjM"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-4Ih66z"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page1-Uy0kvK"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-pM1hw5"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-gVCj7R"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-R8ISQo"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-HEUFmu">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-0ORLTG"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-LPKw2F">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page1-sV2AMB"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page1-c0EJFS"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ZLvtxd"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-C8QW9X"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-W40r32"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-iocZ9c">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-kkHWAD"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-AeZzUh">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-tWmD1n"> <span class="sr-only" data-ph-id="ph-page-element-page1-aXovIG">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-0d9WEZ"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-y0PH6r">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-bABIuw">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-LqrHNK">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-Vjz6Ji">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-b3LfwM">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-g60Gvt"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Y7eCgi">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-7ERhVZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-XOeEjz"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-GB9FZO"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-MuHc2t">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-aMx74r"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-JZX0YD">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ZuMJKH"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-nNwCG3">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-KFga7g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-0QvdpO">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-La1mPM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-8Amc7B">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-RGmTNA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-4O7DqL">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-SJ2YTt"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Dr5G2h"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-LlRjLu"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-jOuJDV">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-retisk"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-81pwX7"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-M8lkR0"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-jfw1K6"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-36Nv3U" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="mP4K5F-VgevBZ" data-ph-id="ph-page-element-page1-Y7kzz0"> <span data-ph-id="ph-page-element-page1-AS59ya"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-Jcq4jb"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-ijLUDV"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page1-UZEJUU"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-LOIcgz"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ZaR9hG">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-kJBDK3">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-MxrykB"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-obxMTW">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-omfJHD">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-Izq89E">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-KCeFoT">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-JrmFoO">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-0mJNm7"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-JX79I8"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-tnRxIn" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="mP4K5F-Yn7Y4U" data-ph-id="ph-page-element-page1-ErumgW"> <span data-ph-id="ph-page-element-page1-FdcbHR"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-UP6Hry"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-4tphXD"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page1-rjawme"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page1-ob5Km6"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page1-ASA1av"> <span data-ph-id="ph-page-element-page1-ptDqOZ"> <span class="sr-only" data-ph-id="ph-page-element-page1-yGtVtt"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page1-IDkbjM">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page1-0oqShR">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-mUWk47">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-uoMWHk">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page1-9Q51nG">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page1-gJS8IX">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page1-1SY6Ff"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page1-BQJH7T"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-NEChHn"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page1-azWN0z"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-TZ7CLa"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-sNrR00"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-89Goja"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-1m9owk"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-yUW3e2">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-4Pmd2F"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-Al22za"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-acrSLu"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-WnWiA2"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page1-2bBAcg"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-VdsxwD">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-XLjTe5"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-kjP6zc"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-Pu4iIp"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-noEJYM"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-FYf2Cj"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-i4AWuO" data-ph-at-id="share-job-button-text" instance-id="mP4K5F-zgc2K2" data-ph-id="ph-page-element-page1-Ilg0c6">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-rZrHQX"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-RwAHwN" view="1663503242053-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506315075" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page1-BHMF92"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page1-uY80ap"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-AuAgJ1"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-Ef6cBi"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-8VBQs6" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-4X0IkD"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-QS4VYj"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-myyFQv"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-KPrBp0">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-rgECMB"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-gUr1HQ"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-g4tMw6"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-shJ0b4">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-gn1IOj"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-QWmXgi"> <span class="sr-only" data-ph-id="ph-page-element-page1-dg0n5C">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-YslwgN"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-mxhJxZ"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page1-ssE2Vr"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-vXK6sD"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-8aVCzd"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-8mjVKs"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-Njudgl"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-p0Qoum" instance-id="mP4K5F-YCNpg9" data-ph-id="ph-page-element-page1-te6f1p"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-giUch8"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-Zkp5w2"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-WKwMAJ" key-aria-level="ph-near-by-jobs-v2-default-qi5top-FxwKXt" instance-id="mP4K5F-orSMIp" data-ph-id="ph-page-element-page1-oONNID"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-xRscrz"> <div class="job-location-count" data-ph-id="ph-page-element-page1-9oR2Dm"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-iVFyyq"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-8qC11V"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-I4Lf8D"> <span data-ph-id="ph-page-element-page1-hZn7gu"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page1-QoJ05O"></i> </span> <span data-ph-id="ph-page-element-page1-mdgbIy"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page1-67p2ck"> <span class="sr-only" data-ph-id="ph-page-element-page1-7mwjx8">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-sEbxlW"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-xEZINq">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-ty47oJ">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-zhtrvu">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-VWlHMg">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-1oR00e"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-UnQ4Nw"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-X1dmsi"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-nnTzs6"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-NPpZY1"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-near-by-jobs-v2-default-qi5top-poB19u" instance-id="mP4K5F-YjZ5VT" data-ph-id="ph-page-element-page1-zt552n"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-RKnWYi"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-Sh62Rh"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-near-by-jobs-v2-default-qi5top-8yuobA" key-aria-level="ph-near-by-jobs-v2-default-qi5top-AF4YM8" instance-id="mP4K5F-ki44GF" data-ph-id="ph-page-element-page1-HisTZ0"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-6cla9q"> <div class="job-location-count" data-ph-id="ph-page-element-page1-YxHBTN"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-ugL3wF"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-DtESy9"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-a4Kixh"> <span data-ph-id="ph-page-element-page1-OgYm1S"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page1-25MKbR"></i> </span> <span data-ph-id="ph-page-element-page1-4EUbd7"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page1-k3NUi7"> <div aria-atomic="true" aria-live="assertive" instance-id="0Fyn2Y" data-ph-id="ph-page-element-page1-pLUZDe"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-JsOe6e" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-OynBqQ" data-ph-at-id="seemore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-uV7eiG" instance-id="0Fyn2Y-0cySO5" data-ph-id="ph-page-element-page1-bhACnj"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page1-LmWlDB"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-LVRmMC"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-5sC1Lm" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-near-by-jobs-v2-default-qi5top-SdxTXS" data-ph-at-id="seeless-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-RVhErV" instance-id="0Fyn2Y-9B1cBY" data-ph-id="ph-page-element-page1-Z1rekc"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page1-RhAqbp"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-cDiyWV"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-vSAChi" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-near-by-jobs-v2-default-qi5top-efnpou" data-ph-at-id="seenext-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-PeJQNO" instance-id="0Fyn2Y-j3puY3" data-ph-id="ph-page-element-page1-4d7IY8"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page1-mfeSgm"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-L8FGC5"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-near-by-jobs-v2-default-qi5top-fBm89x" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-near-by-jobs-v2-default-qi5top-JoWbD8" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-near-by-jobs-v2-default-qi5top-qcjeD1" instance-id="0Fyn2Y-B5WZRh" data-ph-id="ph-page-element-page1-WqERjf"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page1-kERUjV"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-hodreA"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-QYqJ5e"> <p data-ph-id="ph-page-element-page1-x5EJ8G"> <ppc-content key="ph-near-by-jobs-v2-default-qi5top-VHghFQ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-qjcawH"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1663506314789" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-lL1sH0"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page1-DDgRq9"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-VOmdGj"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-2Buk4C" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-LgmPl8" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page1-NAERpX"> <ppc-content key="ph-social-share-v3-default-6ty93l-ZnBj9W" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-hywBDW"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page1-uxPXk8"> <ppc-content key="ph-social-share-v3-default-6ty93l-9sVX5Y" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-axzkwS"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-page-element-page1-8AMwIN"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-YuZNTy"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page1-0jmWh8"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page1-7sxON6"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page1-Xj8ZiL"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-6Xv5Jn"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page1-gMqPjc">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-96CSK4" view="1663506314629-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1663506314629-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="1gd0h6" original-view="view3" data-ph-id="ph-page-element-page1-zixTZs"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page1-yvApEZ"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-6zG7D6"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-Hbtrfn"> <div class="head-wrapper" data-ph-id="ph-page-element-page1-bojsBs"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page1-BITH93"> <ppc-content key="ph-social-share-v3-default-6ty93l-6cKFaO" data-ph-id="ph-page-element-page1-ZsJaJu">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-hwVMVj" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-sgooDF"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page1-N1zJOE"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page1-jvRd6o"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page1-Fc6suv"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page1-8KgKtf"> <ppc-content key="ph-social-share-v3-default-6ty93l-9ZzylF" data-ph-id="ph-page-element-page1-uLHEpj">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page1-EEyIZp"><ppc-content key="ph-social-share-v3-default-6ty93l-F2uCcq" data-ph-id="ph-page-element-page1-iOKqSM">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page1-QvbTmM" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page1-KHNPjB"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-764zPc"><ppc-content key="ph-social-share-v3-default-6ty93l-QTS9IW" data-ph-id="ph-page-element-page1-owjH8a">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page1-vkErIE"><ppc-content key="ph-social-share-v3-default-6ty93l-81EUb0" data-ph-id="ph-page-element-page1-3JbmDT">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1622923846983" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-VfumSH"></div> <div class="phs-widget-block-area ph-widget-box" show.bind="!showLoader && jobResults.length" role="region" aria-label="Recently Viewed Jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-ea6ffp" data-ph-id="ph-page-element-page1-ztzwJv"> <div class="widget-container" data-ph-id="ph-page-element-page1-SWWmvs"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-mZPpog"> <h2 data-ph-id="ph-page-element-page1-KD94M8"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-zb2rCO" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-zxbCbe">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-HanWZE"> <ul data-ph-at-id="jobs-list" if.bind="jobResults.length" data-ph-at-widget-data-count="${jobResults.length}" ph-role="data.bind:jobResults" data-ph-id="ph-page-element-page1-5iek7l"> <li class="jobs-list-item" repeat.for="eachJob of jobResults" show.bind="maxDisplayCount > $index" data-ph-at-id="jobs-list-item" data-ph-id="ph-page-element-page1-MsvNZh"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="CyJ8J8" data-ph-id="ph-page-element-page1-cVpXNQ"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-lB4YZd"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-yQPKka"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-page-element-page1-ONwOfb" /> </div> </figure> </div> <div class="wrapper-cntr" data-ph-id="ph-page-element-page1-0LOYWL"> <div class="information" data-ph-id="ph-page-element-page1-CVh6Rc"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page1-AKL2cW"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-E6GZt7"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-5ZVyXe"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page1-SUgfjV" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-csqZqQ"> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'top' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-De238z"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-je8Gh6"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ta2W39"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-Vx7NA7">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-YGpPmL"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-2xoCxY"> ${widgetBundle['featuredJobText']} </span> <span class="job-tag ${eachTag.settings.class}" repeat.for="eachTag of jobTags" if.bind="(jobTagsConfig && jobTagsConfig.tags) && (jobTagsData && jobTagsData[eachJob['jobSeqNo']] && jobTagsData[eachJob['jobSeqNo']][eachTag.name])" data-ph-id="ph-page-element-page1-PDfurq"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-gyQDuP"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-8JQwdK">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-ood16z" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-vg2Bj9" instance-id="CyJ8J8-48nD7N" data-ph-id="ph-page-element-page1-CgRemW"> <a ph-tevent="job_click" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob, '', eachJob.jobUrl)" data-ph-at-id="job-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-location-area-text="${eachJob.cityStateCountry}" data-ph-at-job-category-text="${eachJob.category}" data-access-list-item="${$index}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-type-text="${eachJob.type}" data-ph-at-job-industry-text="${eachJob.industry}" data-ph-at-job-post-date-text="${eachJob.postedDate}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" aria-label="${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-JKnmMw"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-OvX05M"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-RyZkoo">${widgetBundle['title'] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-35JqXA"></i> <span data-ph-id="ph-page-element-page1-thag9K">${eachJob.title} </span> </div> </a> </span> <!-- Multilocation display type dropdown --> <p class="job-info" data-ph-at-id="job-info" if.bind="((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-goz0b7"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="((['location'].indexOf(eachAttr.name) != -1 && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((['category'].indexOf(eachAttr.name) != -1 && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && ['postedDate'].indexOf(eachAttr.name) != -1) || (['expiryDate'].indexOf(eachAttr.name) != -1 && eachJob.expiryDate)" class="${((eachAttr.name === 'location' && eachJob.location) && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)) || ((eachAttr.name === 'category' && eachJob.category) && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)) || (eachJob[eachAttr.name] && (['title','postedDate','expiryDate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category'].indexOf(eachAttr.name) == -1)) || (eachJob.postedDate && eachAttr.name == 'postedDate') || (eachAttr.name == 'expiryDate' && eachJob.expiryDate) ? '':'hide'}" data-ph-id="ph-page-element-page1-wwlTh4"> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-ags4vh"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-F4oCOr">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-4rg6ae"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-3AK55y">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-jfh42J"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-V61JK8">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-7v4EGc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-OB9iZK">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-9mWwGW"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-3GLh5R">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-6Wz9jc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-McJTUs"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-wnlbgL"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-78n3QM"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-t6zHdq">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-qioIYU"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-HdW1QI">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-7HkMHr"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-p1GVig">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-0nfEH4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-uR47jv">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-ORtQ6q"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-jfN5Yd">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-KUiwAb"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-v1OZJX"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-rOYM6X"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-jfUY0u">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-yWeMx0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-k3z8qX"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-VuQvx3"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Co7O56">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-JAU0o7">${widgetBundle[eachAttr.name] | pht}:</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-WId3Gm"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-YxyAEC">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-icr8im">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-M50Hp9">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-dicVIB">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-tTyyv0">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> </span> </p> <!-- End multilocation display type dropdown --> <!-- Multilocation display type modal --> <p class="job-info" data-ph-at-id="job-info" if.bind="(enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-Nt4e6t"> <!-- adding the logic to display proper attributes in repeat and also adding hide class for internal explore(IE) purpose --> <span repeat.for="eachAttr of jobFields" show.bind="(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (['category'].indexOf(eachAttr.name) != -1 && eachJob.category) || (eachJob[eachAttr.name] && (['title','multi_location', 'multi_category', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1))" class="${(['location'].indexOf(eachAttr.name) != -1 && (eachJob.location || eachJob.multi_location && eachJob.multi_location.length > 1)) || (eachJob[eachAttr.name] && (['title','multi_location', 'descriptionTeaser','location'].indexOf(eachAttr.name) == -1)) ? ((eachJob.multi_location.length == 1) ? 'dual-location' : '') :'hide'} ${((eachJob.multi_category.length == 1) ? 'dual-category' : '')}" data-ph-id="ph-page-element-page1-3jjLOU"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-JbLgyE"> <button click.delegate="showAllLocations(eachJob)" class="${'multi-location-btn ph-a11y-multi-location'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-locations-button" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" data-ph-id="ph-page-element-page1-DQAGFy"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-lFPCJq"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-X0rnOH"> ${widgetBundle['seeMultipleLocBtn'] | pht:{"locationCount" : eachJob.multi_location.length}} </span> </button> </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-pkQHt4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-C2aFmI">${widgetBundle['location'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-sa26uZ"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-gx3MIt">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page1-Dbshb5"> <button click.delegate="showAllCategory(eachJob)" class="${'multi-category-btn ph-a11y-multi-category'+'-'+eachJob.jobId}" data-ph-at-id="job-multi-category-button" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" data-ph-id="ph-page-element-page1-J6aoAy"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-FpQTrV"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-B3Acb3"> ${widgetBundle['seeMultipleCatBtn'] | pht:{"categoryCount" : eachJob.multi_category.length}} </span> </button> </span> <span class="job-category" if.bind="(eachAttr.name == 'category') && (!eachJob.multi_category || eachJob.multi_category.length == 1 || eachJob.multi_category.length == 0)" data-ph-id="ph-page-element-page1-eO2ABO"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8QjDYR">${widgetBundle['category'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-E3XnFM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-T1pvDh">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-0PiMrZ"> <span class="sr-only" data-ph-id="ph-page-element-page1-wToOOW">${widgetBundle[eachAttr.name] | pht}</span> <!-- <span if.bind="eachAttr.settings.label">${widgetBundle[eachAttr.name] | pht}:</span> --> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-CkHr8A"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-C73nhk">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-V8jXZW">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-s8Jgjo">${eachJob.drivingTime.inHours} ${eachJob.drivingTime.inHours == 1 ? 'hour' : 'hours'}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-kaj2Zo">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-PVWJOx">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-2mWUEa"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8zUADh">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-FmCQO0"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-B2rAT3"> ${widgetBundle[eachAttr.name] | pht}: </span> <span innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-oW2NVW"></span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-YbNHkY"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-SHCLUi">${widgetBundle['postedDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-cmvtZO"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-pHQ6YI">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-m2Yjt4"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-RSMcZ7">${widgetBundle['expiryDate'] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-naQPkP"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-lZpGvw">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-yg7rVb"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-hMSWEo">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-tR0PEw"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-8Rq5xe"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-GJDC6O"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-gWqlFp">${widgetBundle[eachAttr.name] | pht}</span> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-kY9gvC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-0H8OLc"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-FPPr8U"> <div class="job-multi-locations" if.bind="(eachJob.multi_location.length > 1 && eachAttr.name == 'location') && ((enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-b6iyyU"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-EYCDPN" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="CyJ8J8-ogGIHD" data-ph-id="ph-page-element-page1-fuD5y5"> <span data-ph-id="ph-page-element-page1-v0hRQj"> ${widgetBundle['multilocationText'] | pht:{'multilocationValue': eachJob.multi_location.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpen ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-Ft4p6U"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpen ? 'show' : 'hide'}" data-ph-at-id="job-multi-locations-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-xhrrU5"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page1-TYEm5P"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-S9eOVz"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-H7zZzb">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-page-element-page1-Nm3Zj3">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-FcWTPS"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-wAVIjX">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-YFWE2t">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours":eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-Av5DkO">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-jhEB6I">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-8kUCiw">${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'}</span> </div> </li> </ul> </div> </div> <!-- Multicategory display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['category'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-KoALlt"> <div class="job-multi-category" if.bind="(eachJob.multi_category.length > 1 && eachAttr.name == 'category') && ((enabledFields['category'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'dropdown') || (!enabledFields['location'] || !enabledFields['location'].settings || !enabledFields['location'].settings.displayType))" data-ph-id="ph-page-element-page1-G7PfjE"> <button data-ph-at-id="job-multi-category-button" ph-tevent="multi_category_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpenCat = false):''" class="esc$$close" click.delegate="eachJob.toggleOpenCat = !eachJob.toggleOpenCat" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-V3QIc8" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="CyJ8J8-Lj5IvY" data-ph-id="ph-page-element-page1-NYPdzP"> <span data-ph-id="ph-page-element-page1-HphdWO"> ${widgetBundle['multicategoryText'] | pht:{'multicategoryValue' : eachJob.multi_category.length}} </span> <i ref="listItemIcon" class="${eachJob.toggleOpenCat ? 'icon icon-up-arrow' : 'icon icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-b80xWU"></i> </button> <ul ref="listItem" class="${eachJob.toggleOpenCat ? 'show' : 'hide'}" data-ph-at-id="job-multi-category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-yiSZEL"> <li class="category" repeat.for="eachCategory of eachJob.multi_category" aria-label="${eachCategory}" data-ph-at-id="job-multi-category-item" data-ph-at-job-location-text="${eachCategory}" data-ph-id="ph-page-element-page1-eUR7HV"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page1-VKsqAC"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page1-fe3pzm"> <span data-ph-id="ph-page-element-page1-YPaT8F"> <span class="sr-only" data-ph-id="ph-page-element-page1-nPbrin"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page1-IifGQs">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page1-CL8R4A">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-6qw92M">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-JAPU5F">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page1-chqxYo">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page1-3pdXCO">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page1-9EIfCm"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page1-9ZINSy"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-UFUeUK"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page1-rU75EV"></i> </button> </div> <p class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-ttdYLE"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-gcg7if"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-ognQjL"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-W2yoEp"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-9UIERx">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-PRxbst"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-oEtYLd"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-Gsg2eK"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-Gmyhww"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-UFVm55"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-srdxm6">${eachJob.title}</span> <!-- <ppc-content key="jobApplyActionLink" data-ph-at-id="apply-text">Apply Now</ppc-content> --> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-3NNmFO"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-YFvqDQ"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-ZnWFx9"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-hFVHpR"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-IN3o0E"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-ChkCG9" data-ph-at-id="share-job-button-text" instance-id="CyJ8J8-Akirsd" data-ph-id="ph-page-element-page1-jNEv8M">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-o1WZzp"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-HhKi4O" view="1622923846966-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1663506314789" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="6ty93l" original-view="default" data-ph-id="ph-page-element-page1-QdKk59"></div> </section> </div> </div> <!-- <div if.bind="eachAction.name == 'refer'"> <button class="btn plain-button refer-friend-button" click.delegate="handleReferJob(eachJob)" data-ph-at-id="refer-friend-button" aria-label="${widgetBundle['referText'] | pht} for ${job.title}" role="button" key-role="btnRole" aria-expanded="${showPopup ? 'true' : 'false'}" aria-haspopup="true"> ${widgetBundle['referText'] | pht} <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true"></i> </button> <section class="ph-widget" instance-id="3vyn19" if.bind="eachJob.showReferView"> <div as-element="ph-refer-friend-v1" class="ph-refer-friend-v1-default-default" data-widget="ph-refer-friend-v1" close-function.call="handleReferJob(eachJob)" profile.bind="referJob" mode="showPopup" instance-id="3vyn19"> </div> </section> </div> --> <div if.bind="eachAction.name == 'addToCart'" data-ph-id="ph-page-element-page1-e5kyNL"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-HIy2SM"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-2nG1h1"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-GXMOu3" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-CReh2l"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Lao9Tu"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-zNTlnP"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-DQNkmi">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-xpLq9Q"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-E4CANC"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-5J4HSc"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-3IHYgF">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-9OFJd5"> <a href="javascript:void(0)" click.delegate="deleteJobFromCart(eachJob)" class="favourite" data-ph-at-id="job-remove-link" aria-label="${widgetBundle['removeAriaLableText'] | pht:{'title': eachJob.title}} ${widgetBundle['removeJobIdText']} ${eachJob.jobId}" data-ph-id="ph-page-element-page1-a6bbiK"> <span class="sr-only" data-ph-id="ph-page-element-page1-td2BUd">${eachJob.title}</span> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-Wf5yHZ"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-73tYGD"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-1Vkci5"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-nCJzv5"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-x0ot9w"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-8MmOcT"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-SdT8KE" instance-id="CyJ8J8-XtdRUp" data-ph-id="ph-page-element-page1-zi4rFa"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-BL7iel"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-rBEat8"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-tJjbT6" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-LFg0ja" instance-id="CyJ8J8-IiEpKN" data-ph-id="ph-page-element-page1-mmXKlu"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-WejsRt"> <div class="job-location-count" data-ph-id="ph-page-element-page1-FTILSv"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-n2L3Wb"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-xL1dQ3"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-jNBOLO"> <span data-ph-id="ph-page-element-page1-Vkxbib"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-page-element-page1-gnyoe4"></i> </span> <span data-ph-id="ph-page-element-page1-nKBkfc"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page1-RfzI7V"> <span class="sr-only" data-ph-id="ph-page-element-page1-HDQFuQ">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-surcUX"></i> <span if.bind="!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-3oo4dH">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-XdDND4">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.multi_location_array[$index].drivingTime.inHours}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inHours" class="sr-only" data-ph-id="ph-page-element-page1-o7gAqu">${eachJob.multi_location_array[$index].drivingTime.inHours} ${(eachJob.multi_location_array[$index].drivingTime.inHours == 1) ? 'hour' : 'hours'}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" aria-hidden="true" data-ph-id="ph-page-element-page1-J5liO2">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.multi_location_array[$index].drivingTime.inMinutes}}</span> <span if.bind="eachJob.multi_location_array[$index].drivingTime && eachJob.multi_location_array[$index].drivingTime.inMinutes" class="sr-only" data-ph-id="ph-page-element-page1-TjZlQv"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-mXcsm5"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-U43nRR"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-Ng4CLN"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-D4Th5r"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-Wtxct3" instance-id="CyJ8J8-YLrHem" data-ph-id="ph-page-element-page1-TCsNEX"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-xhvTls"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-Ln1wFh"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-UgMlla" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-rHppag" instance-id="CyJ8J8-yT1nu2" data-ph-id="ph-page-element-page1-CGQ9QZ"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-Zxy494"> <div class="job-location-count" data-ph-id="ph-page-element-page1-P66xWP"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-YyvjvA"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-bHYZ5z"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-h7BVNI"> <span data-ph-id="ph-page-element-page1-bDDGmL"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-page-element-page1-ej6Ooe"></i> </span> <span data-ph-id="ph-page-element-page1-xhZkCP"> ${eachCategory} </span> </li> </ul> </div> </div> </div> </div> </div> </li> </ul> <div class="phs-widget-footer" if.bind="seemoretext" data-ph-at-id="navigation" data-ph-id="ph-page-element-page1-i9RBMj"> <div aria-atomic="true" aria-live="assertive" instance-id="kToY20" data-ph-id="ph-page-element-page1-u1wCKF"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-1rPZ1d" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-xXnevW" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-n0pPsK" instance-id="kToY20-2viWxH" data-ph-id="ph-page-element-page1-vLsPIQ"> <!-- <ppc-content key="seeMoreText" data-ph-at-id="seemore-text">See more </ppc-content> --> <span aria-hidden="true" data-ph-at-id="seemore-text" data-ph-id="ph-page-element-page1-kTVMxj"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-J87dPe"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-nVHvuQ" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-MXoL44" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-KPY67r" instance-id="kToY20-7I8AJy" data-ph-id="ph-page-element-page1-jHr3zu"> <!-- <ppc-content key="seeLessText" data-ph-at-id="seeless-text">See less </ppc-content> --> <span data-ph-at-id="seeless-text" data-ph-id="ph-page-element-page1-fdYKnV"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-O7X8y0"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-LwkEBU" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-447XeB" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-56T6VW" instance-id="kToY20-tBSH0E" data-ph-id="ph-page-element-page1-2GagYw"> <!-- <ppc-content key="seeNextText" data-ph-at-id="seenext-text">See next</ppc-content> --> <span data-ph-at-id="seenext-text" data-ph-id="ph-page-element-page1-sVklCN"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-NjZKD5"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-CzZ98E" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-66Voqo" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-0HBlRf" instance-id="kToY20-8m5Yz7" data-ph-id="ph-page-element-page1-KYmRsc"> <!-- <ppc-content key="seeEvenMoreText" data-ph-at-id="seeevenmore-text">See even more</ppc-content> --> <span data-ph-at-id="seeevenmore-link" data-ph-id="ph-page-element-page1-7KuY6A"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-33MYE4"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-page-element-page1-dZ7eJZ"> <p data-ph-id="ph-page-element-page1-zTySAW"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-h7q1hX" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-hTWqfw"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-1760238540315201-view3" nonce=""><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Global search" key-aria-label="vyj9hK-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-widget-element-1760238540315201-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-1760238540315201-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-1760238540315201-4"> <h1 data-ph-id="ph-widget-element-1760238540315201-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-1760238540315201-6"> <h6 data-ph-id="ph-widget-element-1760238540315201-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-widget-element-1760238540315201-8"> <div class="input-group" data-ph-id="ph-widget-element-1760238540315201-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-1760238540315201-10"> <div data-ph-id="ph-widget-element-1760238540315201-11"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="PhjoMx-vyj9hK-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-1760238540315201-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-13"></i> </button> <label class="sr-only" for="typehead" key="vyj9hK-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-widget-element-1760238540315201-14"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-1760238540315201-15">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="vyj9hK-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1760238540315201-16"> <span class="search-sym" data-ph-id="ph-widget-element-1760238540315201-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-18"></i> </span> <button ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" type="button" data-ph-id="ph-widget-element-1760238540315201-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-1760238540315201-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-21"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1760238540315201-22"> clear text</ppc-content> </span> </button> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-widget-element-1760238540315201-23"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-1760238540315201-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-1760238540315201-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-26"> <ppc-content key="ERwkkV-vyj9hK-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-27">Recent Searches </ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-1760238540315201-28"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1760238540315201-29"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1760238540315201-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-1760238540315201-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-32"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-33"> Job Categories </ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-widget-element-1760238540315201-34"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1760238540315201-35"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-1760238540315201-36"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-1760238540315201-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-1760238540315201-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-40"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1760238540315201-41"> jobs </ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-1760238540315201-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1760238540315201-43"> <h2 data-ph-id="ph-widget-element-1760238540315201-44"> <ppc-content key="XeyuoJ-vyj9hK-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-45"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-1760238540315201-46"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1760238540315201-47"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1760238540315201-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1760238540315201-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1760238540315201-50"> <ppc-content key="s7f6LA-vyj9hK-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1760238540315201-51"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-1760238540315201-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-1760238540315201-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-54"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-55"> Jobs </ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-widget-element-1760238540315201-56"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-widget-element-1760238540315201-57"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-1760238540315201-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-1760238540315201-59"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-60"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1760238540315201-61"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1760238540315201-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-1760238540315201-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-1760238540315201-64"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-65"> <ppc-content key="BObSsg-vyj9hK-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-1760238540315201-66" language-overriden="true">city</ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-1760238540315201-67"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-68"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-1760238540315201-69"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1760238540315201-70"> <h2 data-ph-id="ph-widget-element-1760238540315201-71"> <ppc-content key="iWdfmj-vyj9hK-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-72"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-1760238540315201-73"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-1760238540315201-74"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1760238540315201-75"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-76"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-1760238540315201-77"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1760238540315201-78"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-1760238540315201-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1760238540315201-80"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-81" language-overriden="true">City</ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-widget-element-1760238540315201-82"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-1760238540315201-83"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-1760238540315201-84"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-85"> <ppc-content key="7kl8ax-vyj9hK-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-1760238540315201-86" language-overriden="true">city</ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-1760238540315201-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-1760238540315201-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-1760238540315201-89"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-1760238540315201-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1760238540315201-91"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-92">Category </ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-widget-element-1760238540315201-93"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1760238540315201-94"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-1760238540315201-95"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-1760238540315201-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-1760238540315201-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-1760238540315201-99"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-1760238540315201-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1760238540315201-101"> <ppc-content key="osgdO9-vyj9hK-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-102">Recent Searches </ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-1760238540315201-103"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1760238540315201-104"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1760238540315201-105"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-106"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-1760238540315201-107"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1760238540315201-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1760238540315201-109"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-110"> suggested keywords </ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-widget-element-1760238540315201-111"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1760238540315201-112"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1760238540315201-113"> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-114"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-1760238540315201-115"> suggested keywords </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="H0tb66-vyj9hK-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-1760238540315201-116"> No suggestions available </div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-widget-element-1760238540315201-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1760238540315201-118"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-widget-element-1760238540315201-119"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1760238540315201-120"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1760238540315201-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1760238540315201-122"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-widget-element-1760238540315201-123"> <label class="sr-only" for="gllocationInput" key="UUg30i-vyj9hK-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-1760238540315201-124" language-overriden="true">Enter City</label> <div data-ph-id="ph-widget-element-1760238540315201-125"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="fIja4e-vyj9hK-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" type="button" data-ph-id="ph-widget-element-1760238540315201-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-127"></i> </button> <input type="text" id="gllocationInput" name="location" aria-label="City" key-aria-label="vyj9hK-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Enter City" aria-autocomplete="list" key-placeholder="vyj9hK-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1760238540315201-128" /> <span class="search-sym" data-ph-id="ph-widget-element-1760238540315201-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-130"></i> </span> <button class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" type="button" data-ph-id="ph-widget-element-1760238540315201-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-1760238540315201-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-133"> <ppc-content key="yePV2d-vyj9hK-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1760238540315201-134" language-overriden="true">Clear Location Search Text</ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-1760238540315201-135"> <h2 tabindex="-1" aria-label="Location" key-aria-label="FCNBd1-vyj9hK-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-1760238540315201-136"> <ppc-content key="nDKiBs-vyj9hK-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-137"> Location </ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="vyj9hK-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-1760238540315201-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="5mAsnJ-vyj9hK-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1760238540315201-139"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-widget-element-1760238540315201-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-1760238540315201-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-1760238540315201-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-1760238540315201-143"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1760238540315201-144">jobs </ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-1760238540315201-145"> <ppc-content key="vyj9hK-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1760238540315201-146"> No locations found </ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-widget-element-1760238540315201-147"> <label class="sr-only" for="gllocationInput" key="cTJilk-vyj9hK-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-1760238540315201-148" language-overriden="true">Enter city</label> <div data-ph-id="ph-widget-element-1760238540315201-149"> <button class="mobile-back-button phcriticalhide" role="button" aria-label="back" key-aria-label="vyj9hK-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" type="button" data-ph-id="ph-widget-element-1760238540315201-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1760238540315201-151"></i> </button> <input type="text" id="gllocationInput" name="location" key-aria-label="vyj9hK-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Enter city" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="vyj9hK-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1760238540315201-152" /> <span class="search-sym" data-ph-id="ph-widget-element-1760238540315201-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-1760238540315201-154"></i> </span> <button class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" type="button" data-ph-id="ph-widget-element-1760238540315201-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-1760238540315201-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-1760238540315201-157"> <ppc-content key="A7fahc-vyj9hK-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1760238540315201-158"> Clear Location Search Text </ppc-content> </span> </button> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-1760238540315201-159"> <h2 key-aria-label="dFbzP5-vyj9hK-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-1760238540315201-160"> <ppc-content key="aZ3YOl-vyj9hK-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1760238540315201-161"> Location </ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="vyj9hK-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-1760238540315201-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="Bqa42L-vyj9hK-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1760238540315201-163"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-widget-element-1760238540315201-164"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-1760238540315201-165"> <ppc-content key="InU6V9-vyj9hK-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1760238540315201-166" language-overriden="true">No cities found</ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-1760238540315201-167"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-widget-element-1760238540315201-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-1760238540315201-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-1760238540315201-170">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-1760238540315201-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-1760238540315201-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="vyj9hK-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-widget-element-1760238540315201-173"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="vyj9hK-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-1760238540315201-174"> ${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="YR0MWy-vyj9hK-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-1760238540315201-175"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="vyj9hK-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-1760238540315201-176"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="vyj9hK-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-1760238540315201-177"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="vyj9hK-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-1760238540315201-178"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="vyj9hK-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-1760238540315201-179"> No results found </span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-widget-element-1760238540315201-180"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-widget-element-1760238540315201-181"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-widget-element-1760238540315201-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-1760238540315201-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-1760238540315201-184"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1686133868997" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page1-S4QMwl"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page1-5SQIUI"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page1-HqlzDU"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-ESig2d"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WrPxNk"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page1-ZPmbeq"> <div class="widget-container" data-ph-id="ph-page-element-page1-1gRGXi"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page1-2MD0nL"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page1-DAs0GI"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page1-lWATer"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-PvqSSs" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-Y67e0x" language-overriden="true">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-8Wk0zU"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-kau91c" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-6fNzkD" language-overriden="true"><div><span class="darkar"><span style="font-family:AkzidGroStdBol;">Get tailored job recommendations based on your interests.</span></span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page1-2U5IR9"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-EnFDcd" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-iU3BLe"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Dz1hhL" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-4NjXOc" language-overriden="true"> Get Started </ppc-content> </button> </div> </div> </div> </div> </div> <!-- show edit option--> <div class="post-login-resume-tile phcriticalhide" show.bind="isLoggedIn" data-ph-id="ph-page-element-page1-sfwdsi"> <div class="widget-container" data-ph-id="ph-page-element-page1-PNZ5qO"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page1-cr8qb8"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page1-EO4Uj2"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page1-AhXETv"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page1-ubT7EA"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page1-X8qViK"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-4TJdUc"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-qkhriT" data-ph-id="ph-page-element-page1-JqC2yq" language-overriden="true"> profile icon </span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName && profileData.preferredName || profileData.firstName" data-ph-id="ph-page-element-page1-mBXz4g"> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-page-element-page1-RQ0IH5"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-page-element-page1-Wdjs0w"> <span class="recom-text" data-ph-id="ph-page-element-page1-O86S22">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName && profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page1-oXchaN"> <span class="recom-text" data-ph-id="ph-page-element-page1-eKiyxk"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-UbmVnk" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-cmhfNz" language-overriden="true"> Your personalized site and job recommendations are ready. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="ph-find-your-fit-container-v1-default-ai8eoj-50W2hw" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-10WzY7" language-overriden="true"> Currently we don't have any job that fits your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-dYGl79" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-8FfrW2" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-7LYEJT" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-d5jjPl" language-overriden="true"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="ph-find-your-fit-container-v1-default-ai8eoj-ZME5Dm" data-ph-id="ph-page-element-page1-0pAqaj" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page1-RlmX8c">Sign up</a> <span data-ph-id="ph-page-element-page1-l9PcWM"> to save your personalized experience </span> </ppc-content> </span> </h2> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && flowType == 'upload_resume'" data-ph-id="ph-page-element-page1-D1h1KA"> <div class="action-area-block" data-ph-id="ph-page-element-page1-ZfLACc"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-LiAEES" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page1-QlwL91"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page1-Fyzpx6"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-lIM3hb"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page1-1aWGmc"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page1-qUYYeU"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-MPAEef"> <span data-ph-id="ph-page-element-page1-gih2nI">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-O7P7oM"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-page-element-page1-oP4WbG"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page1-DvLlYO"> <ul data-ph-id="ph-page-element-page1-8Jrggp"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page1-oXgaXA"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-fMHh5e" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page1-jY7onG"> <span class="button-text" data-ph-id="ph-page-element-page1-rWWyKi"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page1-TCoiGO"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-u2E8Rf"></i></span><ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-utl6Q9" data-ph-id="ph-page-element-page1-t3E7jw" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page1-E0aMhe"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page1-o9rbYD"> <span class="action-icon" data-ph-id="ph-page-element-page1-5Ikys5"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page1-67ZoGX"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page1-i3lDTm"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page1-0X27c6"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page1-c9bWfR" view="1686133868168-re-upload" original-view="re-upload" theme="default"> <div class="ph-import-resume-v1-re-upload-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686133868168-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-page-element-page1-x43sKn"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-FhGICH"> <button id="ph-dropzone" class="upload-btn" aria-label="click here to upload new file" ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-sbO6Ds" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-xrgE79"> <span class="action-icon" data-ph-id="ph-page-element-page1-1oBE9I"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-rUmcuo"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-U9CFiJ" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-ltG31S" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page1-XB6IIM"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page1-7rPMJa"> <span class="action-icon" data-ph-id="ph-page-element-page1-2Pm2rV"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page1-XCXf4I"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page1-vRS9fx"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-EiuEq9"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-mMXUTJ"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-ubobrr"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-JdmoF3"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-7SN455" data-ph-id="ph-page-element-page1-AJOf61" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-JArabJ" data-ph-id="ph-page-element-page1-Lo4Zqp"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-3YRAH4" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-Zw0w4u" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> <div class="action-area action-btn" if.bind="((isActiveSession && isAnonymous) || !isAnonymous) && (flowType == 'find_your_fit' || (isAnonymous && flowType == 'candidateProfile'))" data-ph-id="ph-page-element-page1-pXLoUI"> <div class="action-area-block" data-ph-id="ph-page-element-page1-sYXMPn"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="click here to edit find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-BilOfT" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page1-q3PhPu"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fNSSI9" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-5x8i5s" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page1-W0ChgA"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="click here to reset find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-Y8rfQQ" data-ph-at-id="edit-profile-dropdown-reset-link" ph-tevent="reset_personalization_click" data-ph-id="ph-page-element-page1-GWp1fp"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page1-xaas5s"></i> <span data-ph-id="ph-page-element-page1-VREjhC"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-RUMpsM" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page1-9zqKa8" language-overriden="true"> Reset Personalisation </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-wnEzHB"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-jTchGe"> <span class="sr-only" data-ph-id="ph-page-element-page1-9aNaIM">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-cNQzsp"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-cihHxr"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-7SN455" data-ph-id="ph-page-element-page1-NTkaGL" language-overriden="true"> Connected </ppc-content> </span> <a href="javascript:void(0);" class="logout-link" click.delegate="doSocialLogout()" data-ph-at-id="edit-profile-social-logout-link" ph-href="logout" title="Log out" key-title="ph-find-your-fit-container-v1-default-ai8eoj-JArabJ" data-ph-id="ph-page-element-page1-plMuoN"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-3YRAH4" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-N07X8w" language-overriden="true"> Log out </ppc-content> </a> </div> </div> </div> </div> <div class="action-area action-btn ph-a11y-action-btn" if.bind="!((isActiveSession && isAnonymous) || !isAnonymous)" data-ph-at-id="expired-session-block" data-ph-id="ph-page-element-page1-Fq23u8"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="click here to start the job personalization" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-9E915O" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-PsZPml"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Dz1hhL" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-KSdOux" language-overriden="true"> Get Started </ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-page-element-page1-DsUd1M"> <div class="action-area-block" data-ph-id="ph-page-element-page1-0SyLGx"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="click here to edit find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-BilOfT" data-ph-id="ph-page-element-page1-p601Km"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Ijfj8Z" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-KMUBRI" language-overriden="true">Edit Profile</ppc-content> </a> </div> </div> </div> </div> </div> </div> <!--show upload resume and answer question --> <div show.bind="currentStep == 'uploadResume'" class="choose-ResumeOrSteps phcriticalhide" data-ph-at-id="upload-resume-and-steps-block" data-ph-id="ph-page-element-page1-zLX1Cr"> <div class="widget-container" data-ph-id="ph-page-element-page1-1ItNtL"> <div class="inner-content" data-ph-id="ph-page-element-page1-21RqOu"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page1-RjbM5o"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0cTiXD" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-Hv0hUE" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page1-yIWcYG"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fv2PVM" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-RjewcA" language-overriden="true"> Either use your resume or tell us a little about yourself </ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-page-element-page1-G2prjg"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page1-84GlGE"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-page-element-page1-pjCmXh"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nZUBRB" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-q2cXRX" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page1-PPC1Z3"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0VwfP5" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-HHyhjP" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-page-element-page1-gBFDhk"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page1-e3BJT8" view="1686133868168-external-upload-resume" original-view="external-upload-resume" theme="default"> <div class="ph-import-resume-v1-external-upload-resume-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686133868168-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-page-element-page1-tGDwvF"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page1-uAMBmM"> <p class="or-text" data-ph-id="ph-page-element-page1-Ie909y"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0VwfP5" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-JEiA9B" language-overriden="true"> or </ppc-content> </p> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-desktop-link" data-ph-id="ph-page-element-page1-3gw8a1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nZUBRB" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-av1sKU" language-overriden="true"> Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-page-element-page1-KKUpdm"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-2ONLlP"> <input type="checkbox" checked.bind="isOptInChoosen" aria-checked="${isOptInChoosen?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="isOptinChanged()" aria-label=" Sign me up for company updates " key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-f7OPxT" data-ph-id="ph-page-element-page1-9HaiM5"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-vwweYw"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-kIy8tr"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-q63aHa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-f7OPxT" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-woXXtD" language-overriden="true"> Sign me up for company updates </ppc-content> </span> </input></label> </div> <button class="close" click.delegate="closePopup()" aria-label="Choose your path close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-omeDYX" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-TlPSzQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-5WFUph"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page1-04pdJx"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page1-QpcHdQ"> Choose your path </span> </span> <div class="popup-modal-backdrop active email-validation-wrapper phcriticalhide" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-page-element-page1-BRKZv5"> <div class="modal fade in show modal-dialog ph-a11y-modal-email-validation-area email-validation-popup" role="dialog" aria-modal="true" aria-labelledby="modal-heading-id" data-ph-id="ph-page-element-page1-Leuk2l"> <button class="close-popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-3vMLBV" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-page-element-page1-2CspL3"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-9YUA5a"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="modal-heading-id" data-ph-id="ph-page-element-page1-ByxBA7"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-page-element-page1-WSnbHA"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-page-element-page1-aVFB50">${profileData.email}</span>${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-page-element-page1-t9rH4y"> ${tokenExpiryTimeText}.</span></div> <span class="email-send-text" data-ph-id="ph-page-element-page1-AVDdzQ">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-page-element-page1-fM8Qdc"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-fyf-email-sent-failed" tabindex="-1" data-ph-id="ph-page-element-page1-DVJnS1"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-page-element-page1-uLEXGE"></i> <span data-ph-id="ph-page-element-page1-hFjFzR">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page1-Jsf05S"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-page-element-page1-sdhAob"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page1-icVNEM"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-QFDpip"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeUserConsentPopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-TNAxPH"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-0EOmZR"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page1-3SHMek"> <h2 class="heading-block" data-ph-id="ph-page-element-page1-JZ5zeO"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-DH6od8" data-ph-id="ph-page-element-page1-4L9hDx" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page1-aJePxh"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-WXiFlC" data-ph-id="ph-page-element-page1-CbrFzL" language-overriden="true"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-D4gdHq"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-Ui4CkI"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-2GKbLT"> <input type="checkbox" class="ph-a11y-terms-check-box" aria-labelledby="termsError" checked.bind="acceptTerms" aria-checked="${acceptTerms?'true':'false'}" data-ph-at-id="checkbox-button" change.delegate="termsChanged()" aria-label="I have read and accept the privacy policy and terms of use" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-YOhVy3" aria-required="true" data-ph-id="ph-page-element-page1-foyipX"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-ANdCR1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-d2lswJ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-Bnc0lq"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-UWYAxp" data-ph-id="ph-page-element-page1-75Ekqf" language-overriden="true">I have read and accept the <a href="https://reddsand.sharepoint.com/:w:/s/Phenom/EZHZ8GQ8ZRBLleZN_QHQHUcBBNT8XwG_mC1vrMCnpUwPmg?e=WYnPGv" target="_blank" style="font-size:16px; color:#ffc72c;">Privacy Policy</a> and <a href="https://reddsand.sharepoint.com/:w:/s/Phenom/EaVA2LKfifdFvFTl63jMyzABI4lwMYs3GHjT7unDf1EIRA?rtime=fv1_gGmT20g" target="_blank" style="font-size:16px; color:#ffc72c;">terms of use </a></ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-uk43Th"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-UWYAxp" data-ph-id="ph-page-element-page1-MQR6vR" language-overriden="true">I have read and accept the <a href="https://reddsand.sharepoint.com/:w:/s/Phenom/EZHZ8GQ8ZRBLleZN_QHQHUcBBNT8XwG_mC1vrMCnpUwPmg?e=WYnPGv" target="_blank" style="font-size:16px; color:#ffc72c;">Privacy Policy</a> and <a href="https://reddsand.sharepoint.com/:w:/s/Phenom/EaVA2LKfifdFvFTl63jMyzABI4lwMYs3GHjT7unDf1EIRA?rtime=fv1_gGmT20g" target="_blank" style="font-size:16px; color:#ffc72c;">terms of use </a></ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-GO8RXx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-AKQ2K7" data-ph-id="ph-page-element-page1-PHEuLw" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page1-QVxRju"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-O7uZ2j"> <input type="checkbox" checked.bind="savePersonalInfo" aria-checked="${savePersonalInfo?'true':'false'}" data-ph-at-id="checkbox-button" aria-label="Save my resume and contact me for jobs that I may be a fit for" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-NfewB7" data-ph-id="ph-page-element-page1-UajMtM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-WDmF2T"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-6rTJ3M"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-EUkuIj"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-UK73E4" data-ph-id="ph-page-element-page1-1zH9rN" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-us2vEU"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-uL6Eey"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-Po6VM0"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-miEsno"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-DoIyGE"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-VGcKRx"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-fnOe7A"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-5F8OAh">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-7RRUYv"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-hkTf13"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-page-element-page1-7Ywtm2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ezvWRK" data-ph-id="ph-page-element-page1-9qHbxz" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page1-sJMYMa"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-page-element-page1-waZw2y"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page1-7OMMpb"> <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-Wzlj3k"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-mAga6l"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page1-dMZAHT"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page1-p9EbiT"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-36LnFp"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-VtWStf"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-YkpPmI"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page1-idkISU"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-AXBJBb"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page1-hK5kd5"> <div data-ph-id="ph-page-element-page1-XjjkqA"> <label for="preferredName" data-ph-id="ph-page-element-page1-weE4IG"> <span class="sr-only" data-ph-id="ph-page-element-page1-plwnKA"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-AO32kV"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-sLYg06"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-GO823b"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-iHxfnt"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-page-element-page1-AAI09x"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-cDaxgm"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-vwOG0M"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page1-nGqRp9"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-AKhWKI"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-puEqcj"> <div data-ph-id="ph-page-element-page1-KkpHIr"> <label for="name" data-ph-id="ph-page-element-page1-vpTzk5"> <span class="sr-only" data-ph-id="ph-page-element-page1-CysxrL"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-hquMus"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-G1rMg9"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-rDMOEp"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-gHv9bB"> <input type="text" class="form-control ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-page-element-page1-0JQmCf"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-hPBnlt"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-txaf0W"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page1-5mjjci"> ${widgetBundle['contactDetailsAreaNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-GHeXN6"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-cJ0oAb"> <div data-ph-id="ph-page-element-page1-rMXZZK"> <label for="email" data-ph-id="ph-page-element-page1-fOYoXG"> <span class="sr-only" data-ph-id="ph-page-element-page1-5zrm5G"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-JZKIur"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-Jk8raw"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-zXpcao"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-wMwEhM"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page1-nFFmej"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-huYW3i"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-FvXcVn"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page1-xMbyHU"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-n0e8tk"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page1-jCSdup"> ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-vPPVQa"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-zNfCXJ"> <div data-ph-id="ph-page-element-page1-nT2vPh"> <label for="phone" data-ph-id="ph-page-element-page1-fAx60A"> <span class="sr-only" data-ph-id="ph-page-element-page1-t9PeTt"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-98uKOB"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page1-ZTrV6T"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-ae9Utr"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page1-LPV6Xc"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page1-syIsMa"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page1-0vuAwP"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-Ly783k"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page1-2UsLwq"> <div data-ph-id="ph-page-element-page1-vksQPa"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page1-aQ45Wc"> <span data-ph-id="ph-page-element-page1-GXqfUZ"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page1-WEz3yW"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page1-gFMOXx"> <span data-ph-id="ph-page-element-page1-1sBf5D"> ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht } </span> </button> </div> </div> </div> </div> </div> <!-- Cancel Popup area --> <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-page-element-page1-pUVvhJ"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-iQmKgX"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-rOfZYp"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-CEoIzl"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-Nm2I2v"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-5xPLyL"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page1-rwEGus"> <div data-ph-id="ph-page-element-page1-kI2cOb"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page1-zq5Xog"> <span data-ph-id="ph-page-element-page1-2AA9m4"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page1-jSz2jv"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page1-zNvnwA"> <span data-ph-id="ph-page-element-page1-JPMU1W"> ${widgetBundle['resumeCancelPopupContinueBtn'] | pht} </span> </button> </div> </div> </div> </div> <!-- Job Title area --> <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page1-WX4F2R"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page1-098EIj"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-Cqmf3d"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-zANstI"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page1-KdYxXS"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page1-4x8tCb"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page1-erkOny"> <div class="input-group" data-ph-id="ph-page-element-page1-Ng2s10"> <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page1-AtXCeb" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-n9NVW8"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page1-MC3EGD"> <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page1-q4qb7w"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-page-element-page1-4su2Jf"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-jHnjFX"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page1-tsVwLT"> <span data-ph-id="ph-page-element-page1-WHSxvH"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page1-CdOY0K"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length > 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-page-element-page1-0oe97E"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-page-element-page1-6Ue39M"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-9CnADg"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page1-ZZLTBn"> ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-page-element-page1-ADV01Y"> <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page1-KVw74R"> ${selectedTitle} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-page-element-page1-H5Oifb"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-eCW5Rt"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page1-7vFLNC"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page1-XLbeRs"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-z1MN4R"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-aVibee"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page1-M8NV5E"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page1-6qNAo8"> <div class="input-group" data-ph-id="ph-page-element-page1-QrgolM"> <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-page-element-page1-TQMi3V" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-7N6Hxv"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page1-4wGqo3"> <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page1-5an8DB"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-page-element-page1-tJnWzU"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WVD218"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-Izt2sl"> <span data-ph-id="ph-page-element-page1-2ujpUN"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-3vVrmg"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length > 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page1-ZOgf1S"> <a href="javascript:void(0);" class="skip-selected each-tag" click.delegate="handleSkip(true)" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-page-element-page1-ZT2f4v"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-QGXIna"> <h3 class="skills-heading" data-ph-id="ph-page-element-page1-imqvnF"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page1-i7R0mv"> <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page1-fLH5jp"> ${selectedSkill} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-page-element-page1-AsECsW"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-sJgWTM"></i> </a> </li> </ul> </div> <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-page-element-page1-B65WeC"> <div data-ph-id="ph-page-element-page1-ZHwZam"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page1-9S4DV7"> ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-page-element-page1-ghAN75"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page1-9mhJH3"> <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-page-element-page1-tEBvVg"> <span data-ph-id="ph-page-element-page1-RV4x2i">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page1-5u735y"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- Work Experience --> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page1-VGebvj"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page1-Rktgjq"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-ocoKPc"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-FlNH0E"> ${widgetBundle['resumeExperienceSubHeading'] | pht } </p> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-page-element-page1-RzsvI8"> <legend class="sr-only" data-ph-id="ph-page-element-page1-Nfwoug"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page1-jp9qYO"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page1-wEOu8k"> <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page1-wsVn8E" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page1-HojFCG"> <span data-ph-id="ph-page-element-page1-zNADfH">${exp.displayName} </span> <span data-ph-id="ph-page-element-page1-yzY0mu"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <!-- Preferred Location --> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page1-dtxXw3"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page1-Y6J8kz"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-DjSc96"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-Wtcsfo"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page1-7xhBP9"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page1-Wxav2j"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page1-jkVZT0"> <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-page-element-page1-GI1Bgo" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-Ioayf8"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page1-RA8e0b"> <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page1-JQClbt"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-page-element-page1-DFAaoI"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-yQwul9"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-6SFfvR"> <span data-ph-id="ph-page-element-page1-fXbr0R"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-dh5Tq3"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length > 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-page-element-page1-PZwGV9"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-page-element-page1-e9Ta3e"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-HuwNmJ"> <h3 class="location-heading" data-ph-id="ph-page-element-page1-2XfQC0"> ${widgetBundle['resumeLocationSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-page-element-page1-j4ue4N"> <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-kOOrYO"> ${selectedLocation} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-page-element-page1-WR8eOw"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-JRC719"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-page-element-page1-qqqlvW"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page1-aOuFiC"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page1-FLQmL7"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page1-tgTeyh"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page1-AaAV8Z"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page1-ufAPvZ"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page1-7OSr35"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page1-XR7zSS"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page1-YK2Oun"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-NYtZAG"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page1-N4Yqe4"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page1-CtWYqJ"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" aria-label.bind="isDeleteResume? 'reset personalization' : ''" data-ph-id="ph-page-element-page1-e5P468"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page1-2B4W4Z"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page1-UcwwSD"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-NPzxJS" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-bShjHd"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-VfDIYl"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page1-vlGYrM"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page1-K8WvGz"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-CPDLHs" class="sr-only" data-ph-id="ph-page-element-page1-YXcoOw" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page1-x7y6Z2"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page1-RmbIVS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-bnbpHC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-BIwGzP" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page1-83iWCU"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-k4DUxS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-XXXHHm" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page1-DAwBo3"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-qmBR7a" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-JuhbeF" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-page-element-page1-YlKnbc"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page1-9PZlA8"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-W7ZvAm" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-zJ0tzq" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page1-bRctZJ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-JkUp43" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-9G8wGu" language-overriden="true"> Please try to upload your resume again </ppc-content> </p> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page1-FaCA0q"> <div class="upload-again" data-ph-id="ph-page-element-page1-2gLHuY"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page1-5Va0YG" view="1686133868178-upload-new" original-view="upload-new" theme="default"> <div class="ph-import-resume-v1-upload-new-default ph-widget-target" as-element="ph-import-resume-v1" data-widget="ph-import-resume-v1" view="1686133868178-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-page-element-page1-sApIa4"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-BnuY0Y"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-cv46yq"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-K2CKyF" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-iQ7YnP" language-overriden="true"> Try again </ppc-content> </button> </div> </div> </section> </div> </div> </div> </div> <div if.bind="contactDetailsPopup" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page1-XFoILY"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-HLSJAz" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-oEbMxq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-Aimq1f"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-ipQt4e"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page1-Rd16Us"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page1-A3QYsa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-dLhi00" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page1-q7Vhqj" language-overriden="true"> Sorry ! Something went wrong, please try again in a few minutes </ppc-content> </p> <h2 if.bind="contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page1-OJgWos"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-BuEk11" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-fGsMA3" language-overriden="true">But we noticed the below information is missing from it. Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page1-XhtING"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SaGwLY" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-KttW8i" language-overriden="true">But we noticed the below information is missing from it. Please complete the following:</ppc-content> </h2> <div data-ph-id="ph-page-element-page1-hoy6Q1"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-bWHW3Z" data-ph-id="ph-page-element-page1-bvSEr7"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-QDlzWr"> <div data-ph-id="ph-page-element-page1-99WGc9"> <label for="email" data-ph-id="ph-page-element-page1-FxTuWQ"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-MTD6Ou" class="sr-only" data-ph-id="ph-page-element-page1-jGepin" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-jgKdoH"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-MTD6Ou" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-x2xVHa" language-overriden="true"> Email </ppc-content> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-oTnP79"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-6v3wSq"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-t0kQHf" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page1-yC0Lij"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-TDkX6r"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-EusOEJ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-03iaGQ" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page1-YN6gBC" language-overriden="true">Email should not be empty</ppc-content> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-suohdd"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-LsjEjo" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page1-fiDAZR" language-overriden="true"> Enter a vaild email adress </ppc-content> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-Oa4jbr"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-RdhVdQ"> <div data-ph-id="ph-page-element-page1-lQSzgR"> <label for="phone" data-ph-id="ph-page-element-page1-MSkotC"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-tBhcok" class="sr-only" data-ph-id="ph-page-element-page1-pvCZgn" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-ebN4iN"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-iqY8KG" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page1-7CIdNq" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-v8Qzr6"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="ph-find-your-fit-container-v1-default-ai8eoj-RKTc0e" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page1-DOkf4U"> <span id="ph-a11y-contact-phone-field-error" aria-atomic="true" aria-live="assertive" if.bind="contactDetailsErrorObj.phone.code && contactDetailsErrorObj.phone.code == 'E101'" class="error-msg" data-ph-at-id="phone-error-alert" data-ph-id="ph-page-element-page1-lGYMzS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nbLFrF" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page1-ZCm0yq" language-overriden="true">Please enter a correct Phone Number</ppc-content> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-yj7E79"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page1-JTkJNg"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page1-nRR6HZ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-7pm26F" data-ph-id="ph-page-element-page1-hlywHf" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-page-element-page1-3sNnsf"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-GfGz3B" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-kI8VNv"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-TGkRp6"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-page-element-page1-b5jw8f"> <div class="upload-cv-status-area" if.bind="contactDetailsFirstTime" data-ph-at-id="success-block" data-ph-at-filename-text="${profileData.resumeName}" data-ph-id="ph-page-element-page1-ujZZbJ"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-Mp8b7k"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-page-element-page1-c9WPr8"> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-UVV7th"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-JgtULl" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-KbeKHW" language-overriden="true"> Sign in and keep your data for future visits </ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-page-element-page1-C8GOZW" view="1686133868179-view4" original-view="view4" theme="default"> <div class="ph-social-connect-v1-view4-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1686133868179-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page1-v98ERL"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page1-xPEaat"> <span data-ph-id="ph-page-element-page1-y9F3wn"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-R7NYed"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-1i4bZB" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page1-sRF0TI" language-overriden="true"> We never post anything without your permission </ppc-content> </span> </div> </div> </div> </div> <div class="social-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && !isAnonymous" data-ph-id="ph-page-element-page1-Y4X2tB"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-page-element-page1-leXlzt"> <div class="failure-img-block" data-ph-id="ph-page-element-page1-z7XCWx"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page1-fyToNp"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-CKBDhw" class="sr-only" data-ph-id="ph-page-element-page1-ErzLF5" language-overriden="true">success icon</span></div> <div data-ph-id="ph-page-element-page1-npv1rL"> <h3 class="heading" data-ph-id="ph-page-element-page1-byCVOa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-3wwSk7" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-7QnG1C" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page1-NFXodJ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-yrxZNl" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page1-DOf1P5" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page1-q1Jl7E"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-5LgIfO" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page1-o1xMmM" language-overriden="true">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page1-CYxWuk"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-HbMgti" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-7nvM4G"> <span class="btn primary-button" data-ph-id="ph-page-element-page1-EZGxit"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gcLSqB" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page1-TgdK1Q" language-overriden="true"> Close </ppc-content> </span> </button> </div> </div> </div> </div> <div if.bind="isDeleteResume" class="upload-delete" data-ph-at-id="upload-delete-block" data-ph-id="ph-page-element-page1-CcEiAS"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-3OcIe3" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-zfJUhX"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-adBYsI"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page1-9ox70Q"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page1-qPOyXx"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-Ehp5eL" data-ph-id="ph-page-element-page1-jXvPv8" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page1-HtJF9A"> <div class="p-text" data-ph-id="ph-page-element-page1-Lgl6S7"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SI1mFR" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-jdgYdm" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page1-4QofIE" />you will lose your personalized job recommendations<br /> </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-page-element-page1-kfA8kt"> <div class="delete-link" data-ph-id="ph-page-element-page1-C6gqkb"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-zV6X6r" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page1-knVw06"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-s6SbM0" data-ph-id="ph-page-element-page1-1VtdRg" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page1-HQJZHd" view="1686133868191-default" original-view="default" theme="default"> <div class="ph-find-your-fit-v1-default-default ph-widget-target" fyf-steps.bind="stepsData" fyf-info.bind="fyfInfoData" as-element="ph-find-your-fit-v1" instance-id="6ty93o" data-widget="ph-find-your-fit-v1" view="1686133868191-default" original-view="default" data-ph-id="ph-page-element-page1-SbKgqG"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-Endfu1"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-5PGScn"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page1-9NC4p5" view="1686133868891-default" original-view="default" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" data-widget="ph-candidate-login-v1" widget-context.bind="candidatePopupData" class="ph-candidate-login-v1-default-default ph-widget-target" view="default-1688399843701" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page1-SRJtDY"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-qObcUV"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page1-tYNckn"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page1-96y2qd"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1693249481679-view8" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-5661343193855876-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="W9G3sy-ph-category-overview-v3-view8-regionRole" aria-label="Explore your future" key-aria-label="hL86xh-W9G3sy-ph-category-overview-v3-view8-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-5661343193855876-3" style="background-color: rgba(242,242,242,1) ;"> <div class="widget-container" data-ph-id="ph-widget-element-5661343193855876-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-5661343193855876-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-5661343193855876-6"> <ppc-content key="hOSjUF-W9G3sy-ph-category-overview-v3-view8-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-5661343193855876-7" language-overriden="true"><div><span class="darkar"><span style="font-family:AkzidGroStdBol;">Explore Your Future</span></span></div></ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-5661343193855876-8"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-5661343193855876-9" language-overriden="true"><span style="color:rgba(0, 0, 0, 1);"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:AkzidGroStdLig;"><span style="vertical-align:baseline">Explore our open positions and be part of our journey to make an impact.</span></span><span style="font-family:AkzidGroStdReg;"><span style="vertical-align:baseline"> </span></span></span></span></ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-5661343193855876-10"> <div class="${mode}" data-ph-id="ph-widget-element-5661343193855876-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-5661343193855876-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-5661343193855876-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-widget-element-5661343193855876-14"> <div class="category-info" role="text" data-ph-id="ph-widget-element-5661343193855876-15"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-5661343193855876-16">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-17"> <span data-ph-id="ph-widget-element-5661343193855876-18">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-19"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-20"> <span data-ph-id="ph-widget-element-5661343193855876-21">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-22"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-23"> <span data-ph-id="ph-widget-element-5661343193855876-24">( ${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-25"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <!--aria-label="${category.key} ${category.total_count} jobs" --> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-5661343193855876-26"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-id="ph-widget-element-5661343193855876-27"> <div class="category-info" role="text" data-ph-id="ph-widget-element-5661343193855876-28"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-5661343193855876-29">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-30"> <span data-ph-id="ph-widget-element-5661343193855876-31">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-32"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-33"> <span data-ph-id="ph-widget-element-5661343193855876-34">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-35"> ${widgetBundle['categoryCountPlural'] | pht} ) </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-36"> <span data-ph-id="ph-widget-element-5661343193855876-37">(${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-38"> ${widgetBundle['categoryCountSingler'] | pht} ) </span> </p> </div> </a> </div> <div if.bind="(mode != 'slider') && (type == 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-5661343193855876-39"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'search-results', {}, 'subCategory='+category.key)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} ${category.total_count == 1 ? (widgetBundle['categoryCountSingler']) : (widgetBundle['categoryCountPlural'])}" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-5661343193855876-40"> <div class="category-info" data-ph-id="ph-widget-element-5661343193855876-41"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-5661343193855876-42">${category.key}</p> <p if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-43">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-44">${widgetBundle['categoryCountSingler'] | pht}</span> </p> <p if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-5661343193855876-45">${category.total_count} <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-5661343193855876-46">${widgetBundle['categoryCountPlural'] | pht}</span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-5661343193855876-47"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="W9G3sy-ph-category-overview-v3-view8-showMoreActionTitleText" key-aria-label="W9G3sy-ph-category-overview-v3-view8-showMoreActionAriaLabelText" key-role="W9G3sy-ph-category-overview-v3-view8-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-5661343193855876-48"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-5661343193855876-49" language-overriden="true"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="W9G3sy-ph-category-overview-v3-view8-viewNextActionTitleText" key-aria-label="W9G3sy-ph-category-overview-v3-view8-viewNextActionAriaLabelText" key-role="W9G3sy-ph-category-overview-v3-view8-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-5661343193855876-50"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-5661343193855876-51" language-overriden="true">View Next</ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="W9G3sy-ph-category-overview-v3-view8-viewAllActionTitleText" key-aria-label="W9G3sy-ph-category-overview-v3-view8-viewAllActionAriaLabelText" key-role="W9G3sy-ph-category-overview-v3-view8-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-5661343193855876-52"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-5661343193855876-53" language-overriden="true"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="W9G3sy-ph-category-overview-v3-view8-showLessActionTitleText" key-aria-label="W9G3sy-ph-category-overview-v3-view8-showLessActionAriaLabelText" key-role="W9G3sy-ph-category-overview-v3-view8-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-5661343193855876-54"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-5661343193855876-55" language-overriden="true"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-5661343193855876-56"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="BOFGKZ-W9G3sy-ph-category-overview-v3-view8-previousSlideActionTitleText" key-aria-label="JgDOIS-W9G3sy-ph-category-overview-v3-view8-previousSlideActionAriaLabelText" key-role="EZafjP-W9G3sy-ph-category-overview-v3-view8-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-5661343193855876-57"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-5661343193855876-58"></i> <ppc-content key="R4rq6x-W9G3sy-ph-category-overview-v3-view8-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-5661343193855876-59" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="GxE6Kx-W9G3sy-ph-category-overview-v3-view8-nextSlideActionTitleText" key-aria-label="tShqTw-W9G3sy-ph-category-overview-v3-view8-nextSlideActionAriaLabelText" key-role="xt4zgq-W9G3sy-ph-category-overview-v3-view8-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-5661343193855876-60"> <ppc-content key="JVLjja-W9G3sy-ph-category-overview-v3-view8-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-5661343193855876-61" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-5661343193855876-62"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-5661343193855876-63"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-5661343193855876-64"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-5661343193855876-65"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="o0Hb5V-W9G3sy-ph-category-overview-v3-view8-previousSlideActionTitleText" key-aria-label="WlmmcI-W9G3sy-ph-category-overview-v3-view8-previousSlideActionAriaLabelText" key-role="fpThyB-W9G3sy-ph-category-overview-v3-view8-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-5661343193855876-66"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-5661343193855876-67"></i> <ppc-content key="TUYoEI-W9G3sy-ph-category-overview-v3-view8-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-5661343193855876-68" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="3QTpLw-W9G3sy-ph-category-overview-v3-view8-nextSlideActionTitleText" key-aria-label="egur5u-W9G3sy-ph-category-overview-v3-view8-nextSlideActionAriaLabelText" key-role="nyXvzQ-W9G3sy-ph-category-overview-v3-view8-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-5661343193855876-69"> <ppc-content key="3whuZD-W9G3sy-ph-category-overview-v3-view8-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-5661343193855876-70" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-5661343193855876-71"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-5661343193855876-72"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-5661343193855876-73"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-5661343193855876-74"> <p data-ph-id="ph-widget-element-5661343193855876-75"> <ppc-content key="W9G3sy-ph-category-overview-v3-view8-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-5661343193855876-76" language-overriden="true">No Categories.</ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-cvd-v1-1538287421372-default" nonce=""> <div class="phs-cvd-area ph-widget-box ${placement == 'footer' ? '' : 'ph-sticky-header'}" role="region" key-role="regionRole" aria-label="Covid message" key-aria-label="covidMessageAriaLabel" if.bind="!showCvdPopup && placement == 'footer'" style="background-color: #f8f8f8;"> <div class="container" style="padding-top: 15px;padding-bottom: 15px;"> <div class="cvd-text-area" data-ph-at-id="cvd-text" style="line-height: 24px;font-size: 16px;"> <i class="icon icon-info" aria-hidden="true" style="font-size: 24px;margin-right: 14px;width: 24px;display: inline-block;vertical-align: top;"></i> <span style="width: calc(100% - 45px);display: inline-block;vertical-align: top;"> <ppc-content key="cvdtextAreaText" data-ph-at-id="cvd-text"><p><strong>Fraud is on the rise!</strong> Be aware of outside firms impersonating the IRC via phishing email, unofficial social media channels or 3rd party websites. We never charge fees or ask for money or banking information to apply for positions, nor do we ask sensitive personal information such as passport numbers or social security information as part of our interview process. If you suspect any fraudulent activities, please reach out to us at <a href="mailto:cybersecurity@rescue.org" ph-tevent="static_content_click" target="_blank" title="cybersecurity@rescue.org">cybersecurity@rescue.org.</a><a aria-label="Click here to learn more about Covid 19" class="cvd-learnmore" data-ph-at-id="cvd-learnmore-link" key-aria-label="cvdLearnmoreAriaLabel" key-ph-href="cvdHrefText" key-target="cvdLearnmoreTarget" ph-href="covid" style="text-decoration: underline;color: #044b84;font-weight: bold;" target="_blank"> </a></p> </ppc-content> <!-- <a ph-href="covid" key-ph-href="cvdHrefText" target="_blank" key-target="cvdLearnmoreTarget" class="cvd-learnmore" data-ph-at-id="cvd-learnmore-link" aria-label="Click here to learn more about Covid 19" key-aria-label="cvdLearnmoreAriaLabel" style="text-decoration: underline;color: #044b84;font-weight: bold;"> <ppc-content key="cvd-learnmoreText" data-ph-at-id="cvd-learnmore-link-text"> Learn more </ppc-content> </a> --> </span> </div> </div> </div> </script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page1";</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","privacyPolicyCheckboxText":"I have read and agree to the ","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomPrivacyPolicy-English-1708930384175.pdf","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomTermsandConditions-English-1708932688969.pdf","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-category-overview-v3-view8":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-container-v1-default":{"resumeResetDropDownText":"Reset","resumeUseNewResumeDropDownText":"Use new resume","contactDetailsAreaCancelBtnText":"Cancel","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaPreferredNameInputErrorText":"Preferred Name should not empty","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsAreaName":"Name ","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","emailValSuccDesc":"Your profile has been successfully activated","resumeSkillSetSuggestionsHeading":"Your skills","resumeExperienceSubHeading":"Verify and update your details.","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","emailValDescTextTwo":"If you haven’t received a verification email","resumeLocationPlural":"locations","resendEmailText":"Click here to resend","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","resendFailedText":"You have raised maximum number of resend request","resumeStepsSubmitText":"Submit","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeEditDropDownBtnAriaLabel":"Edit your resume","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","emailValDescText1":"We have sent you an email to","emailValDescText2":" with a link to verify your email address. The link in the email will expire in ","resumeCancelPopupHeading":"Are you sure you want to cancel?","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeJobTitlePlural":"Job titles","contactDetailsAreaSubmitBtnText":"Submit","resumeLocationSingular":"location","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume '{{resumeName}}'","emailValSendText":"If you haven't received a verification email","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeSkillSetNoResults":"No results found","resumeSkillSetSuggestedHeading":"Select suggested skills","emailValResponseBtnText":"Ok","contactDetailsAreaPreferredName":"Preferred Name","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","emailValDescText":"We have sent an email to <strong>{{email}}</strong> to verify your email address. The link in the email will expire in 4 hours.","emalValHeadingText":"Please check your email","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","emailValSuccText":"Success","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit Profile","resumeShowingText":"Showing","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","contactDetailsPopupCloseAriaLabel":"Close Popup","contactDetailsAreaPreferredNamePlaceholder":"Enter Your Preferred Name","resumeNewResumeDropDownAriaLabel":"Upload new file","resumeRemoveText":"Remove","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","emailValResendLinkText":"Click here to resend","resumeAddText":"Add","resumeUseNewResumeDropDownAriaLabel":"Upload new file","emailValHeadingText":"Please check your email","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"signInIcon":"icon icon-user-4","validPasswordIcon":"icon icon-check-mark","accDelEmailValSuccessDesc":"Your account has been successfully deleted.","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","accDelEmailValFailureDesc":"Account Deletion Failed","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInPopUpSubHeading":"","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","emailInUseError":"This email address is already in use. Please try again or","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","signup":"Sign Up","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign Up","createAccountFormLabel":"Password","personalAccountLinkText":"View profile","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","closePopUpButtonIcon":"icon icon-cancel","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomPrivacyPolicy-English-1708930384175.pdf","termsOfUseText":"Terms of Use","showPasswordText":"Show password","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","accDelEmailValSuccBtnText":"Ok","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign Up","accDelEmailValSuccessText":"Success!","createAccountEmailFormLabel":"Email","resentEmailButtonLabel":"Didn't receive the mail?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","privacyPolicyLinkText":"Privacy Policy.","forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","accDelEmailValFailureText":"Failure!","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","forgotPasswordLinkText":"Forgot your password?","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","accDelEmailValFailureBtnText":"Ok","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign Up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","signInAgreementTextPartTwo":"and","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","piiConsentError":"Please accept all the required consents","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","passwordInVisibleSrOnly":"Password is invisible","termsLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomTermsandConditions-English-1708932688969.pdf","doneText":"Done","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-social-connect-v1-view4":{" privacyPolicyCheckboxText":"I have read and agree to the ","profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use"," privacyPolicyCheckboxSeparatorText":" and ","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","mergeCount":"Merge selected ({{profileCount}})"},"ph-candidate-login-v1-view1":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","resetPasswordInvalidText":"Your reset password link is invalid. Please try again.","validEmailIcon":"icon icon-check-mark-thick-1","setNewPwdText":"Set new password","validPasswordIcon":"icon icon-check-mark","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","resetPasswordButtonText":"Send password reset link","privacyPolicyText":"Privacy Policy","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","signInPopUpSubHeading":"","resendEmailText":"Click here to resend","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","resendFailedText":"You have raised maximum number of resend request","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"new password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","emailValDescText1":"We have sent you an email to","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","emailValDescText2":" with a link to verify your email address. The link in the email will expire in 4 hours.","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","termsLinkText":"Terms of Use","emailValSendText":"If you haven't received a verification email","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","signInEmailFormLabel":"Email","personalAccountLinkText":"My Account","errorIcon":"icon icon-error-1","hidePasswordIcon":"icon icon-eye-1-crossed","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomPrivacyPolicy-English-1708930384175.pdf","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","createNewPwdText":"Please create a new password","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","emalValHeadingText":"Please check your email","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","hidePasswordText":"Hide password","pwdNotMeetRequirements":"Password did not meet the requirements for","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","salutationText":"Hi, ","createAccountFormPlaceHolder":"Your Password","createAccountLinkText":"Sign up","passwordInvisibleSrOnly":"Password is invisible","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/IEAIRCUS/documents/PhenomTermsandConditions-English-1708932688969.pdf","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-category-overview-v3-view1":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-profile-recommendations-v2-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See all jobs","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","title":"Title","type":"Job Type","remote":"Remote","postedDate":"Posted Date","jobSeqNo":"Job Sequence No","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See all jobs","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-global-search-v1-view3":{"noResultFoundText":"No Results Found","globalsearchButtonText":"Search"},"ph-recently-viewed-jobs-v3-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","type":"Job Type","title":"Title","remote":"Remote","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See all jobs","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-near-by-jobs-v2-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","type":"Job Type","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Associated with {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job associated with {{multicategoryValue}} categories","multipleCategory":"This job is associated with {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"socialSigninStepText":"social sign in","deleteAgainText":"Please try to delete your resume again","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","closePopUpButtonIcon":"icon icon-cancel","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","locationBlockedHeadingText":"Location access is turned off","uploadInfoText":"Upload a file up to 1 mb (Word, pdf, text)","resumeParsedText":"Your resume was successfully uploaded and parsed.","tryAgainText":"Try again","resumeFileSizeExceedsText":"Upload a file up to {{fileSize}} mb","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","locationBlockedOkText":"OK","deleteResumeHeading":"Are you sure you want to delete your resume?","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","oopsText":"Oops...","uploadAgainText":"Please try to upload your resume again.","removeResumeBtnText":"Delete","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","resumeFileUnsupportedText":"Upload a file up with format : {{allowedFormats}}","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","resumeUploadedSubHeading":"Please check Contact info fields, to make sure your data is complete and accurate.","cancleText":"Cancel","fyfPhoneNumberPlaceHolderText":"Eg. +1 9999999999","anyLocation":"Any Location","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","yourPreferredLocationMessage":"Your preferred location","locationBlockedDescriptionText":"Go to your browser settings and give permission to access your current location.","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","gotItText":"Got it","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","instagram":"Share via Instagram","linkedin":"Share via LinkedIn","weiboTitle":"Share via weibo","copylink":"Copy job link","facebookTitle":"Share via Facebook","telegramTitle":"Share via telegram","twitter":"Share via twitter","xing":"Share via xing","weibo":"Share via weibo","whatsappAriaLabel":"Share via whatsapp","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","whatsappAriaaLabel":"Share via whatsapp","google-plus":"Share via google plus","vkTitle":"Share via vk","vkAriaLabel":"Share via vk","instagramTitle":"Share via Instagram","emailTitle":"Share via email","facebook":"Share via Facebook","telegramAriaLabel":"Share via telegram","copylinkAriaLabel":"Copy job link","telegram":"Share via telegram","emailClientSubject":"{{title}} at {{companyName}}","twitterAriaLabel":"Share via twitter","pinterest":"Share via pinterest","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","copylinkTitle":"Copy job link","google-plusAriaLabel":"Share via google plus","xingAriaLabel":"Share via xing","pinterestAriaLabel":"Share via pinterest","emailClientBody":"Check out this job:","vk":"Share via vk","emailAriaLabel":"Share via email","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"}} </script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143" nonce="">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;n=d.querySelector('[nonce]');if(n){j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'))};f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','G-HJ3CC05P1M');</script><meta name="google-site-verification" content="8uH-Oo26YOT7iqQRL79k8LjOcAt6VU7joBei_hi3_2U" /><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "Main Careers Home Page","url": "https://careers.rescue.org/us/en","datePublished": "2024-10-10","dateModified": "2024-10-10"}</script><script type="text/x-ph-tmpl" id="ph-cvd-v1-1538287421371-default"><div class="phs-cvd-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="regionRole" aria-label="Covid message" key-aria-label="covidMessageAriaLabel" if.bind="showCvdPopup && placement=='header' " style="background-color: #f8f8f8;position: fixed;top: 0;left: 0;right: 0;z-index: 1191;width: 100%;margin: 0 auto;height: auto;"> <div class="container" style="padding-top: 15px;padding-bottom: 15px;"> <div class="cvd-text-area" data-ph-at-id="cvd-text" style="line-height: 24px;font-size: 16px;width: calc(100% - 60px);display: inline-block;vertical-align: top;"> <i class="icon icon-info" aria-hidden="true" style="font-size: 24px;margin-right: 14px;width: 24px;display: inline-block;vertical-align: top;"></i><span style="width: calc(100% - 45px);display: inline-block;vertical-align: top;"> <ppc-content key="cvdtextAreaText" data-ph-at-id="cvd-text"><p><strong>Fraud is on the rise!</strong> Be aware of outside firms impersonating the IRC via phishing email, unofficial social media channels or 3rd party websites. We never charge fees or ask for money or banking information to apply for positions, nor do we ask sensitive personal information such as passport numbers or social security information as part of our interview process. If you suspect any fraudulent activities, please reach out to us at <a href="mailto:cybersecurity@rescue.org" ph-tevent="static_content_click" target="_blank" title="cybersecurity@rescue.org">cybersecurity@rescue.org.</a> </p> <p><u><strong><em>***Please do NOT send your CVs/Resumes to the email above, it will not be reviewed**</em></strong></u></p> </ppc-content> </span> </div><div class="cvd-close-button-area" style="display: inline-block;width: 40px;vertical-align: top;"><button class="close" data-ph-id="ph-cvd-GZ4co-nf7hj8" phae="ph-cvd-v1" phae-type="click" phae-main="2" click.delegate="close()" data-ph-at-id="cvd-close-link" style="opacity: 1;font-size: 20px;text-shadow: none;margin-top: 2px;text-shadow: none;"><i class="icon icon-cancel" aria-hidden="true" phae-ref="2"></i><span class="sr-only" key="cvdclose" phae-ref="2">Close Covid-19 banner</span></button></div></div></div></script><script type="text/x-ph-tmpl" id="ph-cvd-v1-1538287421372-default"> <div class="phs-cvd-area ph-widget-box ${placement == 'footer' ? '' : 'ph-sticky-header'}" role="region" key-role="regionRole" aria-label="Covid message" key-aria-label="covidMessageAriaLabel" if.bind="!showCvdPopup && placement == 'footer'" style="background-color: #f8f8f8;"> <div class="container" style="padding-top: 15px;padding-bottom: 15px;"> <div class="cvd-text-area" data-ph-at-id="cvd-text" style="line-height: 24px;font-size: 16px;"> <i class="icon icon-info" aria-hidden="true" style="font-size: 24px;margin-right: 14px;width: 24px;display: inline-block;vertical-align: top;"></i> <span style="width: calc(100% - 45px);display: inline-block;vertical-align: top;"> <ppc-content key="cvdtextAreaText" data-ph-at-id="cvd-text"><p><strong>Fraud is on the rise!</strong> Be aware of outside firms impersonating the IRC via phishing email, unofficial social media channels or 3rd party websites. We never charge fees or ask for money or banking information to apply for positions, nor do we ask sensitive personal information such as passport numbers or social security information as part of our interview process. If you suspect any fraudulent activities, please reach out to us at <a href="mailto:cybersecurity@rescue.org" ph-tevent="static_content_click" target="_blank" title="cybersecurity@rescue.org">cybersecurity@rescue.org.</a> </p> <p><u><strong><em>***Please do NOT send your CVs/Resumes to the email above, it will not be reviewed**</em></strong></u></p> </ppc-content> <!-- <a ph-href="covid" key-ph-href="cvdHrefText" target="_blank" key-target="cvdLearnmoreTarget" class="cvd-learnmore" data-ph-at-id="cvd-learnmore-link" aria-label="Click here to learn more about Covid 19" key-aria-label="cvdLearnmoreAriaLabel" style="text-decoration: underline;color: #044b84;font-weight: bold;"> <ppc-content key="cvd-learnmoreText" data-ph-at-id="cvd-learnmore-link-text"> Learn more </ppc-content> </a> --> </span> </div> </div> </div> </script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/tenantcss/main-1726691020776.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/tenantcss/color-css-1726691021968.css" id="colorCss" /></head> <body class="home-page home" data-ph-id="ph-page-element-page1-K8milQ" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=G-HJ3CC05P1M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a href="search-results" class="hide" style="display: none">Search results</a> <div class="ph-header" data-ph-id="ph-page-element-page1-XkdKj7"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="jiicFupw-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page1-lUimZy"><section class="ph-widget" instance-id="dGZ4co" data-ph-id="ph-page-element-1-dGZ4co" ph-module="covid"><div class="ph-cvd-v1-default-default" as-element="ph-cvd-v1" data-widget="ph-cvd-v1" original-view="default" theme="default" placement="header" instance-id="dGZ4co" view="1538287421371-default" data-ph-id="ph-page-element-2-dGZ4co"></div></section><section class="ppc-section ph-widget" type="dynamic" instance-id="Fjnkfj" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page1-pi3eyb"><div class="ph-cookie-popup-v2-default-default ph-widget-target" as-element="ph-cookie-popup-v2" data-widget="ph-cookie-popup-v2" view="default-1663475841480" theme="default" original-view="default" instance-id="Fjnkfj" data-ph-id="ph-page-element-page1-NP2l7x"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page1-6A4HuN"> <section class="ph-widget" instance-id="wiqvet" data-ph-id="ph-page-element-page1-SiYYXV"> </section> <section class="ppc-section ph-widget" type="static" data-ph-id="-1689346040521" view="1689346039721-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="NziS4B" theme="theme6"><div class="ph-hero-block-cc-view7-option1-theme6 ph-widget-target" data-ph-id="-1689346040521-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1689346039721-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme6" ph-removed="true" instance-id="NziS4B"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1760238705064879-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="NziS4B-ph-hero-block-cc-view7-option1-listRole" data-ph-id="ph-widget-element-1760238705064879-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="NziS4B-0Z5R9V-ph-hero-block-cc-view7-option1-listItemRole" instance-id="0Z5R9V" data-ph-id="ph-widget-element-1760238705064879-4"> <div class="ph-hero-block-cc-view7 ph-card-block" data-ph-at-id="ph-hero-block-cc-view7" data-ph-id="ph-widget-element-1760238705064879-5"> <figure class="image" key-role="NziS4B-0Z5R9V-8SUZaT-ph-hero-block-cc-view7-option1-presentationRole" role="presentation" instance-id="0Z5R9V-8SUZaT" data-ph-id="ph-widget-element-1760238705064879-6"> <ppc-container component-content-key="primary-image" class="primary-image element-center" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1760238705064879-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1760238705064879-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/cropChild-qSsDj-1692563695377-1692827648540.jpg" key-src="NziS4B-0Z5R9V-wfVUEt-ph-hero-block-cc-view7-option1-image-src" alt="" key-alt="NziS4B-0Z5R9V-wfVUEt-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="0Z5R9V-wfVUEt" data-ph-id="ph-widget-element-1760238705064879-9" height-val="614" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-1760238705064879-10"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-1760238705064879-11"> </div> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-1760238705064879-12"> <div class="global-search-block" data-ph-id="ph-widget-element-1760238705064879-13"> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-1760238705064879-14"> <h1 data-ph-id="ph-widget-element-1760238705064879-15"> <ppc-content key="NziS4B-0Z5R9V-CjpwJS-ph-hero-block-cc-view7-option1-h1-heading-title-text" instance-id="0Z5R9V-CjpwJS" data-ph-id="ph-widget-element-1760238705064879-16"><div><span style="color:rgba(255, 255, 255, 1);"><span style="font-family:AkzidGroStdBol;">Make a Lasting Impact</span></span></div></ppc-content> </h1> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1760238705064879-17"> <span class="description-block" data-ph-id="ph-widget-element-1760238705064879-18"> <ppc-content key="NziS4B-0Z5R9V-pS0o3b-ph-hero-block-cc-view7-option1-description-text" data-ph-at-id="description-text" instance-id="0Z5R9V-pS0o3b" data-ph-id="ph-widget-element-1760238705064879-19"><div><em></em>The International Rescue Committee (IRC) responds to the world's worst humanitarian crises.<br />Your impact starts here. Join us and take the next step in your career to ensure we continue to deliver new and better solutions to help people survive, recover and rebuild their lives.</div></ppc-content> </span> </ppc-container> <section class="ph-widget" instance-id="vyj9hK" original-view="view3" view="1760238540315201-view3" data-ph-id="ph-widget-element-1760238705064879-20" style="z-index: 2; pointer-events: all;"> <div as-element="ph-global-search-v1" instance-id="vyj9hK" class="ph-global-search-v1-view3-default ph-widget-target" view="1760238540315201-view3" data-widget="ph-global-search-v1" location-placeholder-text.bind="'search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-less" original-view="view3" data-ph-id="ph-widget-element-1760238705064879-21"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page1-RFlwuI"> <div class="ph-find-your-fit-container-v1-default-default ph-widget-target" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" view="default-1686133868997" original-view="default" data-ph-id="ph-page-element-page1-lC7WmE"></div> </section> <!--profile recom jobs--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page1-16rbVZ"> <div class="ph-profile-recommendations-v2-default-theme26 ph-widget-target" data-widget="ph-profile-recommendations-v2" theme="theme26" max-display-count="5" jobs-display-mode="seeMore" instance-id="c1ykg4" view="default-1663503996376" original-view="default" data-ph-id="ph-page-element-page1-YXTfxV" click-tojd="false" job-actions="[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]" as-element="ph-profile-recommendations-v2"></div> </section> <!-- media card --> <section class="ph-widget" instance-id="23c11d" view="23c11d-default" original-view="default" data-ph-id="ph-page-element-page1-pJczHt"> <div class="ph-recom-jobs-browsing-history-v3-default-theme26 ph-widget-target" data-widget="ph-recom-jobs-browsing-history-v3" theme="theme26" jobs-display-mode="seeNext" max-display-count="5" instance-id="23c11d" view="default-1622923839556" original-view="default" data-ph-id="ph-page-element-page1-kD2drD" click-tojd="false" as-element="ph-recom-jobs-browsing-history-v3"></div> </section> <!--category--> <!--recom job histroy--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page1-e8Z2fJ" view="1547403907239-default" original-view="default" instance-id="Cy97Rf" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page1-TGbqyH" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1547403907239-default" original-view="default" theme="default" instance-id="Cy97Rf"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1692727287995" view="1692727288312-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" instance-id="pF2DZ1" theme="theme6"><div class="ph-hero-content-cc-view1-option1-theme6 ph-widget-target" data-ph-id="-1692727287995-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1692727288312-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" theme="theme6" ph-removed="true" instance-id="pF2DZ1" hide-on-mobile="true"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-5139149838692776-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-5139149838692776-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5139149838692776-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="OMgLFx" data-ph-id="ph-widget-element-5139149838692776-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5139149838692776-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5139149838692776-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5139149838692776-18"> <div class="ph-card-container stackable" data-cards-per-row="one" ph-role="" data-ph-id="ph-widget-element-5139149838692776-19"> <div class="ph-card two" card-name="ph-hero-content-cc-view1" instance-id="AvWXH4" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5139149838692776-20"> <div class="ph-hero-content-cc-view1 ph-card-block card-elems-left" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-5139149838692776-21" style="background-color: rgb(255, 255, 255);"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-5139149838692776-22"> <figure class="image" role="presentation" key-role="pF2DZ1-AvWXH4-IsM0mg-ph-hero-content-cc-view1-option1-presentationRole" instance-id="AvWXH4-IsM0mg" data-ph-id="ph-widget-element-5139149838692776-23"> <ppc-container component-content-key="primary-image" class="primary-image ph-img-rounded" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5139149838692776-24"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5139149838692776-25"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/Untitleddesign-1692828048749.jpg" key-src="pF2DZ1-AvWXH4-xcYeCg-ph-hero-content-cc-view1-option1-image-src" alt="" key-alt="pF2DZ1-AvWXH4-xcYeCg-ph-hero-content-cc-view1-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="AvWXH4-xcYeCg" data-ph-id="ph-widget-element-5139149838692776-26" height-val="903" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-5139149838692776-27"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-5139149838692776-28"> </div> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5139149838692776-29"> <ppc-container component-content-key="heading" class="header" data-ph-id="ph-widget-element-5139149838692776-33" style="color: rgb(255, 252, 252);"> <span key-aria-level="pF2DZ1-AvWXH4-Ek8e4T-ph-hero-content-cc-view1-option1-heading-text-aria-level" key-role="pF2DZ1-AvWXH4-Ek8e4T-ph-hero-content-cc-view1-option1-heading-text-role" instance-id="AvWXH4-Ek8e4T" data-ph-id="ph-widget-element-5139149838692776-34"> <ppc-content key="pF2DZ1-AvWXH4-Ek8e4T-ph-hero-content-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="AvWXH4-Ek8e4T" data-ph-id="ph-widget-element-5139149838692776-35"><h1><span class="brand-color-secondary"><span style="font-family:AkzidGroStdBol;">Global Team, Global Impact</span></span></h1></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description ph-cc-d-f-s-37" data-ph-cid="description1" data-ph-id="ph-widget-element-5139149838692776-36" style="color: rgb(255, 255, 255);"> <span class="description-block" data-ph-id="ph-widget-element-5139149838692776-37"> <ppc-content key="pF2DZ1-AvWXH4-M2mVJD-ph-hero-content-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="AvWXH4-M2mVJD" data-ph-id="ph-widget-element-5139149838692776-38"><h2><span class="ph-UsPHj"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="ph-line-height-1_2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_2"><span style="line-height: inherit !important; display: inherit;"><span style="font-family:AkzidGroStdReg;"><span class="brand-color-secondary">Our global staff of over 20,000 spans more than 40 countries and 133 nationalities. Your impact is felt worldwide.</span></span></span></span></span></span></h2></ppc-content> </span> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1693243648382" view="1693243648613-media-large-img-right-cc-view1-option2" original-view="ph-media-large-img-right-cc-view1-option2" instance-id="Qzpq9o" theme="theme3"><div class="ph-media-large-img-right-cc-view1-option2-theme3 ph-widget-target" data-ph-id="-1693243648382-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1693243648613-media-large-img-right-cc-view1-option2" original-view="ph-media-large-img-right-cc-view1-option2" theme="theme3" ph-removed="true" instance-id="Qzpq9o"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-5655510116942725-2" style="border-style: none; border-width: 0px;"> <div class="inner-container ph-cc-d-p-a-44" data-ph-id="ph-widget-element-5655510116942725-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5655510116942725-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="siUIjS" data-ph-id="ph-widget-element-5655510116942725-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5655510116942725-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5655510116942725-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5655510116942725-18"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="Qzpq9o-ph-media-large-img-right-cc-view1-option2-listRole" data-ph-id="ph-widget-element-5655510116942725-19"> <div class="ph-card" card-name="ph-media-large-img-right-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="nRyyKO" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5655510116942725-20"> <div class="ph-media-large-img-right-cc-view1 ph-card-block ph-layout-h" data-ph-at-id="ph-media-large-img-right-cc-view1" data-ph-id="ph-widget-element-5655510116942725-21" style="border-style: none;"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-5655510116942725-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-5655510116942725-23"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-5655510116942725-24"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5655510116942725-25"> <span key-aria-level="Qzpq9o-nRyyKO-TqowOb-ph-media-large-img-right-cc-view1-option2-heading-text-aria-level" key-role="Qzpq9o-nRyyKO-TqowOb-ph-media-large-img-right-cc-view1-option2-heading-text-role" instance-id="nRyyKO-TqowOb" data-ph-id="ph-widget-element-5655510116942725-26"> <ppc-content key="Qzpq9o-nRyyKO-TqowOb-ph-media-large-img-right-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="nRyyKO-TqowOb" data-ph-id="ph-widget-element-5655510116942725-27"><h2><span class="darkar">Why Choose the IRC?</span></h2></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5655510116942725-28"> <span class="description-block" data-ph-id="ph-widget-element-5655510116942725-29"> <ppc-content key="Qzpq9o-nRyyKO-dGHlmR-ph-media-large-img-right-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="nRyyKO-dGHlmR" data-ph-id="ph-widget-element-5655510116942725-30"><p><span style="color:rgba(15, 15, 15, 1);"><span style="font-family:AkzidGroStdBol;">Work that has meaning: </span>Every day at the IRC is a </span><span style="color:rgba(0, 0, 0, 1);">chance to make a difference through a purpose-driven career. </span><span style="color:rgba(15, 15, 15, 1);"> Whether you're working directly with communities or providing support behind the scenes, you will be part of a diverse team that </span><span style="color:rgba(0, 0, 0, 1);">is always innovating, scaling, and testing new and better solutions to ensure the best possible outcomes for the people we serve.</span></p><p><br /></p><p><span style="color:rgba(15, 15, 15, 1);"><span style="font-family:AkzidGroStdBol;">Global scale, diverse workplace: </span>At the IRC, we believe that the diversity of our team is our strength. When you join us, you're not just starting a job</span><span style="color:rgba(0, 0, 0, 1);">—</span><span style="color:rgba(15, 15, 15, 1);">you will be part of a global organization positively impacting millions of lives in over 40 countries. </span><span style="color:rgba(0, 0, 0, 1);">You'll get to work with colleagues from all around the world—working across time zones and regularly exchanging diverse perspectives and insights. </span><span style="color:rgba(15, 15, 15, 1);">You’ll join a team that is dedicated to fostering a supportive and inclusive environment to create a workplace where everyone feels valued, respected, included and heard. </span></p><p><br /></p><p><span style="color:rgba(15, 15, 15, 1);"><span style="font-family:AkzidGroStdBol;">Challenging work, innovative solutions: </span>We’re committed to excellence and innovation, and pride ourselves in setting industry-leading standards while practicing evidence and data-lead strategies. Come challenge norms, shatter conventions, and pioneer change while working on real, nuanced and complex issues we face in the world today. </span></p><p><br /></p><p><span style="color:rgba(15, 15, 15, 1);"><span style="font-family:AkzidGroStdBol;">We take care of our people:</span> We’re an empathetic community that truly cares for one another. Our comprehensive safety and security initiatives ensure a safe work environment, while our continuous learning and development programs provide ongoing opportunities for personal and career advancement. </span></p></ppc-content> </span> </ppc-container> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-5655510116942725-36"> <div class="media" ph-card-block-num="2" data-ph-id="ph-widget-element-5655510116942725-37"> <figure class="image" data-ph-id="ph-widget-element-5655510116942725-38"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5655510116942725-39"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5655510116942725-40"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/20220531_Mexico_ABrenner_CVE-0131-1690558593857.jpg" key-src="Qzpq9o-nRyyKO-4iv69k-ph-media-large-img-right-cc-view1-option2-image-src" alt="" key-alt="Qzpq9o-nRyyKO-4iv69k-ph-media-large-img-right-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="nRyyKO-4iv69k" data-ph-id="ph-widget-element-5655510116942725-41" height-val="220" /> </ppc-content> </ppc-container> </figure> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1692741841170" view="1692741841469-media-cc-view1-option1" original-view="ph-media-cc-view1-option1" instance-id="4zs2BH" theme="theme21"><div class="ph-media-cc-view1-option1-theme21 ph-widget-target" data-ph-id="-1692741841170-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1692741841469-media-cc-view1-option1" original-view="ph-media-cc-view1-option1" theme="theme21" ph-removed="true" instance-id="4zs2BH"><div class="ph-component-cntr ph-widget-box" default-cards-count="4" max-allowed-cards="6" data-ph-id="ph-widget-element-5153272385292753-2"> <div class="inner-container ph-cc-d-p-a-43" data-ph-id="ph-widget-element-5153272385292753-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5153272385292753-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="1Y9l1G" data-ph-id="ph-widget-element-5153272385292753-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5153272385292753-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-5153272385292753-7"> <h2 data-ph-id="ph-widget-element-5153272385292753-8"> <ppc-content key="4zs2BH-1Y9l1G-0rL0PM-ph-media-cc-view1-option1-h2-heading-title-text" instance-id="1Y9l1G-0rL0PM" data-ph-id="ph-widget-element-5153272385292753-9"><div><span class="ph-UsPHj"><span style="font-family:AkzidGroStdBol;">The Values That Guide Us</span></span></div></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5153272385292753-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5153272385292753-18"> <div class="ph-card-container stackable" data-cards-per-row="four" ph-role="" data-ph-id="ph-widget-element-5153272385292753-19"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="ypA6WL" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5153272385292753-20"> <div class="ph-media-cc-view1 ph-card-block brand-color-secondary-bg" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5153272385292753-21" style=""> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5153272385292753-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5153272385292753-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5153272385292753-24"> <figure class="image" role="presentation" key-role="4zs2BH-ypA6WL-bqZ6HE-ph-media-cc-view1-option1-presentationRole" instance-id="ypA6WL-bqZ6HE" data-ph-id="ph-widget-element-5153272385292753-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5153272385292753-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5153272385292753-27"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/DSC09381-1690558875466.jpg" key-src="4zs2BH-ypA6WL-xdTKP1-ph-media-cc-view1-option1-image-src" alt="" key-alt="4zs2BH-ypA6WL-xdTKP1-ph-media-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="ypA6WL-xdTKP1" data-ph-id="ph-widget-element-5153272385292753-28" height-val="192" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5153272385292753-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5153272385292753-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5153272385292753-34"> <span key-aria-level="4zs2BH-ypA6WL-sLbwOj-ph-media-cc-view1-option1-heading-text-aria-level" key-role="4zs2BH-ypA6WL-sLbwOj-ph-media-cc-view1-option1-heading-text-role" instance-id="ypA6WL-sLbwOj" data-ph-id="ph-widget-element-5153272385292753-35"> <ppc-content key="4zs2BH-ypA6WL-sLbwOj-ph-media-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="ypA6WL-sLbwOj" data-ph-id="ph-widget-element-5153272385292753-36"><div><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:AkzidGroStdBol;">Integrity</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5153272385292753-37"> <span class="description-block" data-ph-id="ph-widget-element-5153272385292753-38"> <ppc-content key="4zs2BH-ypA6WL-p95sTU-ph-media-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="ypA6WL-p95sTU" data-ph-id="ph-widget-element-5153272385292753-39"><div><span style="color:rgba(0, 0, 0, 1);"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We are open, honest and trustworthy in dealing with clients, partners, coworkers, donors, funders and the communities we affect. </span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="JpRqOo" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5153272385292753-45"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5153272385292753-46"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5153272385292753-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5153272385292753-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5153272385292753-49"> <figure class="image" role="presentation" key-role="4zs2BH-JpRqOo-ysnU7Y-ph-media-cc-view1-option1-presentationRole" instance-id="JpRqOo-ysnU7Y" data-ph-id="ph-widget-element-5153272385292753-50"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5153272385292753-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5153272385292753-52"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/20230601_Somalia_MustafaSaeed_IRCWASH008-1700075957522.jpg" key-src="4zs2BH-JpRqOo-qiu2Kn-ph-media-cc-view1-option1-image-src" alt="" key-alt="4zs2BH-JpRqOo-qiu2Kn-ph-media-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="JpRqOo-qiu2Kn" data-ph-id="ph-widget-element-5153272385292753-53" height-val="192" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5153272385292753-54"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5153272385292753-55"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5153272385292753-59"> <span key-aria-level="4zs2BH-JpRqOo-rlsExY-ph-media-cc-view1-option1-heading-text-aria-level" key-role="4zs2BH-JpRqOo-rlsExY-ph-media-cc-view1-option1-heading-text-role" instance-id="JpRqOo-rlsExY" data-ph-id="ph-widget-element-5153272385292753-60"> <ppc-content key="4zs2BH-JpRqOo-rlsExY-ph-media-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="JpRqOo-rlsExY" data-ph-id="ph-widget-element-5153272385292753-61"><div><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:AkzidGroStdBol;">Service</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5153272385292753-62"> <span class="description-block" data-ph-id="ph-widget-element-5153272385292753-63"> <ppc-content key="4zs2BH-JpRqOo-iTODkm-ph-media-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="JpRqOo-iTODkm" data-ph-id="ph-widget-element-5153272385292753-64"><div><span style="color:rgba(0, 0, 0, 1);"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We are responsible to the people we serve and the donors who enable our services. </span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="tL56CT" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5153272385292753-70"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5153272385292753-71"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5153272385292753-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5153272385292753-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5153272385292753-74"> <figure class="image" role="presentation" key-role="4zs2BH-tL56CT-Uf8z5F-ph-media-cc-view1-option1-presentationRole" instance-id="tL56CT-Uf8z5F" data-ph-id="ph-widget-element-5153272385292753-75"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5153272385292753-76"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5153272385292753-77"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/20230126UkraineJHewsonIDP8675-1690558712810.jpg" key-src="4zs2BH-tL56CT-1e8FkK-ph-media-cc-view1-option1-image-src" alt="" key-alt="4zs2BH-tL56CT-1e8FkK-ph-media-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="tL56CT-1e8FkK" data-ph-id="ph-widget-element-5153272385292753-78" height-val="193" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5153272385292753-79"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5153272385292753-80"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5153272385292753-84"> <span key-aria-level="4zs2BH-tL56CT-OWYV2s-ph-media-cc-view1-option1-heading-text-aria-level" key-role="4zs2BH-tL56CT-OWYV2s-ph-media-cc-view1-option1-heading-text-role" instance-id="tL56CT-OWYV2s" data-ph-id="ph-widget-element-5153272385292753-85"> <ppc-content key="4zs2BH-tL56CT-OWYV2s-ph-media-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="tL56CT-OWYV2s" data-ph-id="ph-widget-element-5153272385292753-86"><div><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:AkzidGroStdBol;">Accountability</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5153272385292753-87"> <span class="description-block" data-ph-id="ph-widget-element-5153272385292753-88"> <ppc-content key="4zs2BH-tL56CT-GAdLT9-ph-media-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="tL56CT-GAdLT9" data-ph-id="ph-widget-element-5153272385292753-89"><div><span style="color:rgba(0, 0, 0, 1);"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We are accountable</span>—<span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">individually and collectively</span>—<span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">for our behaviors, actions and results.</span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="eMwzVM" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5153272385292753-95"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5153272385292753-96"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5153272385292753-97"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5153272385292753-98"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5153272385292753-99"> <figure class="image" role="presentation" key-role="4zs2BH-eMwzVM-lpsqTs-ph-media-cc-view1-option1-presentationRole" instance-id="eMwzVM-lpsqTs" data-ph-id="ph-widget-element-5153272385292753-100"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5153272385292753-101"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5153272385292753-102"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/20220523_Kenya_PMeinhardt_Drought_015-1690558548730.jpg" key-src="4zs2BH-eMwzVM-DJYWdb-ph-media-cc-view1-option1-image-src" alt="" key-alt="4zs2BH-eMwzVM-DJYWdb-ph-media-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="eMwzVM-DJYWdb" data-ph-id="ph-widget-element-5153272385292753-103" height-val="192" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5153272385292753-104"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5153272385292753-105"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5153272385292753-109"> <span key-aria-level="4zs2BH-eMwzVM-7YRsU4-ph-media-cc-view1-option1-heading-text-aria-level" key-role="4zs2BH-eMwzVM-7YRsU4-ph-media-cc-view1-option1-heading-text-role" instance-id="eMwzVM-7YRsU4" data-ph-id="ph-widget-element-5153272385292753-110"> <ppc-content key="4zs2BH-eMwzVM-7YRsU4-ph-media-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="eMwzVM-7YRsU4" data-ph-id="ph-widget-element-5153272385292753-111"><div><span class="ph-cc-ms-f-s-25 ph-cc-d-f-s-25 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:AkzidGroStdBol;">Equality</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5153272385292753-112"> <span class="description-block" data-ph-id="ph-widget-element-5153272385292753-113"> <ppc-content key="4zs2BH-eMwzVM-lawhQF-ph-media-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="eMwzVM-lawhQF" data-ph-id="ph-widget-element-5153272385292753-114"><div><span style="color:rgba(0, 0, 0, 1);"><span style="font-family:AkzidGroStdLig;"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">We strive for equal outcomes for our clients and colleagues by promoting equitable access to opportunities and services. </span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1693249506022" view="1693249481679-view8" original-view="view8" instance-id="W9G3sy" theme="theme1"><div class="ph-category-overview-v3-view8-theme1 ph-widget-target" data-ph-id="-1693249506022-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1693249481679-view8" original-view="view8" theme="theme1" ph-removed="true" instance-id="W9G3sy"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1700656577953" view="1700656579822-media-large-img-left-cc-view1-option3" original-view="ph-media-large-img-left-cc-view1-option3" instance-id="Y3bwgc" theme="theme6"><div class="ph-media-large-img-left-cc-view1-option3-theme6 ph-widget-target" data-ph-id="-1700656577953-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1700656579822-media-large-img-left-cc-view1-option3" original-view="ph-media-large-img-left-cc-view1-option3" theme="theme6" ph-removed="true" instance-id="Y3bwgc"><div class="ph-component-cntr ph-widget-box gray-color-bg" default-cards-count="1" data-ph-id="ph-widget-element-7022358934504176-2"> <div class="inner-container ph-cc-d-p-a-43" data-ph-id="ph-widget-element-7022358934504176-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-7022358934504176-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="9RNe4F" data-ph-id="ph-widget-element-7022358934504176-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-7022358934504176-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-7022358934504176-7"> <ppc-content key="Y3bwgc-9RNe4F-ozK8EU-ph-media-large-img-left-cc-view1-option3-h2-heading-title-text" instance-id="9RNe4F-ozK8EU" data-ph-id="ph-widget-element-7022358934504176-9"><h1 data-ph-id="ph-widget-element-7022358934504176-8" ph-element-dummy-ele="true">Our Commitment to Gender Equality, Diversity and Inclusion</h1></ppc-content> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-7022358934504176-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-7022358934504176-18"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="Y3bwgc-ph-media-large-img-left-cc-view1-option3-listRole" data-ph-id="ph-widget-element-7022358934504176-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="qyJCrs" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-7022358934504176-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-7022358934504176-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-7022358934504176-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-7022358934504176-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-7022358934504176-24"> <figure class="image" role="presentation" key-role="Y3bwgc-qyJCrs-EboSTr-ph-media-large-img-left-cc-view1-option3-presentationRole" instance-id="qyJCrs-EboSTr" data-ph-id="ph-widget-element-7022358934504176-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-7022358934504176-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-7022358934504176-27"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/20231025-NYC-AOberstdat-staff-07674-170006882603411-1700657987966.jpg" key-src="Y3bwgc-qyJCrs-2kW2Me-ph-media-large-img-left-cc-view1-option3-image-src" alt="" key-alt="Y3bwgc-qyJCrs-2kW2Me-ph-media-large-img-left-cc-view1-option3-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="qyJCrs-2kW2Me" data-ph-id="ph-widget-element-7022358934504176-28" height-val="403" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-7022358934504176-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-7022358934504176-30"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-7022358934504176-34"> <span class="description-block" data-ph-id="ph-widget-element-7022358934504176-35"> <ppc-content key="Y3bwgc-qyJCrs-t45TMa-ph-media-large-img-left-cc-view1-option3-description-text" data-ph-at-id="description-text" instance-id="qyJCrs-t45TMa" data-ph-id="ph-widget-element-7022358934504176-36"><div><span class="ph-UsPHj">At the IRC, we are dedicated to building a workforce that reflects the diverse communities we serve and building a culture where everyone feels included and respected. We believe that a wide range of perspectives, experiences, cultures and backgrounds enrich our organization and enable us to develop and implement innovative solutions to meet our clients' immediate and longer term needs.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1692737723061" view="1692737723363-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" instance-id="5O1x9H" theme="theme1"><div class="ph-media-cc-view1-option5-theme1 ph-widget-target" data-ph-id="-1692737723061-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1692737723363-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" theme="theme1" ph-removed="true" instance-id="5O1x9H"><div class="ph-component-cntr ph-widget-box" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-5149154306380869-2"> <div class="inner-container ph-cc-d-p-a-44" data-ph-id="ph-widget-element-5149154306380869-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5149154306380869-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="QI2wW1" data-ph-id="ph-widget-element-5149154306380869-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5149154306380869-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-5149154306380869-7"> <h2 data-ph-id="ph-widget-element-5149154306380869-8"> <ppc-content key="5O1x9H-QI2wW1-glogDD-ph-media-cc-view1-option5-h2-heading-title-text" instance-id="QI2wW1-glogDD" data-ph-id="ph-widget-element-5149154306380869-9"><div><span style="font-family:AkzidGroStdBol;">Our Benefits</span></div></ppc-content> </h2> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-5149154306380869-10"> <span class="sub-content-block" data-ph-id="ph-widget-element-5149154306380869-11"> <ppc-content key="5O1x9H-QI2wW1-wJ3FMZ-ph-media-cc-view1-option5-header-block-sub-content-text" instance-id="QI2wW1-wJ3FMZ" data-ph-id="ph-widget-element-5149154306380869-12">The IRC offers its employees a supportive work environment with competitive benefits, aiming to ensure the well-being and growth of our staff.<br /></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5149154306380869-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5149154306380869-18"> <div class="ph-card-container stackable" data-cards-per-row="eight" role="list" key-role="5O1x9H-ph-media-cc-view1-option5-listRole" data-ph-id="ph-widget-element-5149154306380869-19"><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="eP0QF5" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5150274992234503-2"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5150274992234503-3"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5150274992234503-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5150274992234503-5"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5150274992234503-6"> <figure class="image" role="presentation" key-role="HJYh5a-5O1x9H-n5FxwJ-kjGDTa-ph-media-cc-view1-option5-presentationRole" instance-id="n5FxwJ-kjGDTa" data-ph-id="ph-widget-element-5150274992234503-7"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5150274992234503-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5150274992234503-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/2-1698785997530.png" key-src="6O4IYH-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-src" alt="" key-alt="glFheA-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n5FxwJ-6pW0bl" height-val="288" data-ph-id="ph-widget-element-5150274992234503-10" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5150274992234503-11"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5150274992234503-12"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5150274992234503-16"> <span key-aria-level="I5dEUe-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-aria-level" key-role="R7Vqze-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-role" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5150274992234503-17"> <ppc-content key="gEdglk-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5150274992234503-18"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Industry Competitive Salary</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="jhyCyZ" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5150284987716461-2"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5150284987716461-3"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5150284987716461-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5150284987716461-5"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5150284987716461-6"> <figure class="image" role="presentation" key-role="XEIjQu-5O1x9H-n5FxwJ-kjGDTa-ph-media-cc-view1-option5-presentationRole" instance-id="n5FxwJ-kjGDTa" data-ph-id="ph-widget-element-5150284987716461-7"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5150284987716461-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5150284987716461-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/3-1698785999355.png" key-src="fix201-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-src" alt="" key-alt="3EWzaq-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n5FxwJ-6pW0bl" height-val="288" data-ph-id="ph-widget-element-5150284987716461-10" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5150284987716461-11"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5150284987716461-12"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5150284987716461-16"> <span key-aria-level="SnmQOt-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-aria-level" key-role="E6jnrF-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-role" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5150284987716461-17"> <ppc-content key="w2ouai-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5150284987716461-18"><div data-ph-id="ph-widget-element-5150284987716461-19" style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Health Care Coverage</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="n5FxwJ" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149154306380869-20"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149154306380869-21"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149154306380869-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149154306380869-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149154306380869-24"> <figure class="image" role="presentation" key-role="5O1x9H-n5FxwJ-kjGDTa-ph-media-cc-view1-option5-presentationRole" instance-id="n5FxwJ-kjGDTa" data-ph-id="ph-widget-element-5149154306380869-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149154306380869-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149154306380869-27"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/1-1698785996215.png" key-src="5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-src" alt="" key-alt="5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n5FxwJ-6pW0bl" data-ph-id="ph-widget-element-5149154306380869-28" height-val="288" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149154306380869-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149154306380869-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149154306380869-34"> <span key-aria-level="5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-aria-level" key-role="5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-role" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149154306380869-35"> <ppc-content key="5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149154306380869-36"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Parental Leave & Adoption Assistance</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="PWtbk0" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149154306380869-45"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149154306380869-46"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149154306380869-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149154306380869-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149154306380869-49"> <figure class="image" role="presentation" key-role="5O1x9H-PWtbk0-DmjGoD-ph-media-cc-view1-option5-presentationRole" instance-id="PWtbk0-DmjGoD" data-ph-id="ph-widget-element-5149154306380869-50"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149154306380869-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149154306380869-52"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/4-1698786000330.png" key-src="5O1x9H-PWtbk0-HCRo4w-ph-media-cc-view1-option5-image-src" alt="" key-alt="5O1x9H-PWtbk0-HCRo4w-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="PWtbk0-HCRo4w" data-ph-id="ph-widget-element-5149154306380869-53" height-val="288" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149154306380869-54"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149154306380869-55"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149154306380869-59"> <span key-aria-level="5O1x9H-PWtbk0-EWwBwl-ph-media-cc-view1-option5-heading-text-aria-level" key-role="5O1x9H-PWtbk0-EWwBwl-ph-media-cc-view1-option5-heading-text-role" instance-id="PWtbk0-EWwBwl" data-ph-id="ph-widget-element-5149154306380869-60"> <ppc-content key="5O1x9H-PWtbk0-EWwBwl-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="PWtbk0-EWwBwl" data-ph-id="ph-widget-element-5149154306380869-61"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Generous Retirement Savings</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="Hm14ay" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149868062170061-2"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149868062170061-3"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149868062170061-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149868062170061-5"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149868062170061-6"> <figure class="image" role="presentation" key-role="rrBFaZ-5O1x9H-n5FxwJ-kjGDTa-ph-media-cc-view1-option5-presentationRole" instance-id="n5FxwJ-kjGDTa" data-ph-id="ph-widget-element-5149868062170061-7"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149868062170061-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149868062170061-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/5-1698786001853.png" key-src="agThrz-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-src" alt="" key-alt="MwiqNc-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n5FxwJ-6pW0bl" height-val="288" data-ph-id="ph-widget-element-5149868062170061-10" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149868062170061-11"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149868062170061-12"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149868062170061-16"> <span key-aria-level="1DSzyz-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-aria-level" key-role="RAEvGR-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-role" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149868062170061-17"> <ppc-content key="HsseA6-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149868062170061-18"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Paid Time Off</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="jx1rl2" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149154306380869-70"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149154306380869-71"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149154306380869-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149154306380869-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149154306380869-74"> <figure class="image" role="presentation" key-role="5O1x9H-jx1rl2-rhnvbK-ph-media-cc-view1-option5-presentationRole" instance-id="jx1rl2-rhnvbK" data-ph-id="ph-widget-element-5149154306380869-75"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149154306380869-76"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149154306380869-77"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/IRCicons-1698858258049.png" key-src="5O1x9H-jx1rl2-TQK7A9-ph-media-cc-view1-option5-image-src" alt="" key-alt="5O1x9H-jx1rl2-TQK7A9-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="jx1rl2-TQK7A9" data-ph-id="ph-widget-element-5149154306380869-78" height-val="288" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149154306380869-79"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149154306380869-80"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149154306380869-84"> <span key-aria-level="5O1x9H-jx1rl2-T4gsoP-ph-media-cc-view1-option5-heading-text-aria-level" key-role="5O1x9H-jx1rl2-T4gsoP-ph-media-cc-view1-option5-heading-text-role" instance-id="jx1rl2-T4gsoP" data-ph-id="ph-widget-element-5149154306380869-85"> <ppc-content key="5O1x9H-jx1rl2-T4gsoP-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="jx1rl2-T4gsoP" data-ph-id="ph-widget-element-5149154306380869-86"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Financial Coaching</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="1415OH" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149154306380869-95"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149154306380869-96"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149154306380869-97"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149154306380869-98"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149154306380869-99"> <figure class="image" role="presentation" key-role="5O1x9H-1415OH-VpDV40-ph-media-cc-view1-option5-presentationRole" instance-id="1415OH-VpDV40" data-ph-id="ph-widget-element-5149154306380869-100"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149154306380869-101"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149154306380869-102"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/6-1698786003877.png" key-src="5O1x9H-1415OH-Y1omZl-ph-media-cc-view1-option5-image-src" alt="" key-alt="5O1x9H-1415OH-Y1omZl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="1415OH-Y1omZl" data-ph-id="ph-widget-element-5149154306380869-103" height-val="288" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149154306380869-104"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149154306380869-105"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149154306380869-109"> <span key-aria-level="5O1x9H-1415OH-UpKmjP-ph-media-cc-view1-option5-heading-text-aria-level" key-role="5O1x9H-1415OH-UpKmjP-ph-media-cc-view1-option5-heading-text-role" instance-id="1415OH-UpKmjP" data-ph-id="ph-widget-element-5149154306380869-110"> <ppc-content key="5O1x9H-1415OH-UpKmjP-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="1415OH-UpKmjP" data-ph-id="ph-widget-element-5149154306380869-111"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Employee Assistance & Resilience Program</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="PRX8ue" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-5149864028838966-2"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-5149864028838966-3"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-5149864028838966-4"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-5149864028838966-5"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-5149864028838966-6"> <figure class="image" role="presentation" key-role="lir14B-5O1x9H-n5FxwJ-kjGDTa-ph-media-cc-view1-option5-presentationRole" instance-id="n5FxwJ-kjGDTa" data-ph-id="ph-widget-element-5149864028838966-7"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5149864028838966-8"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5149864028838966-9"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/7-1698786006555.png" key-src="KLCnN9-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-src" alt="" key-alt="8oQuXT-5O1x9H-n5FxwJ-6pW0bl-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="n5FxwJ-6pW0bl" height-val="288" data-ph-id="ph-widget-element-5149864028838966-10" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-5149864028838966-11"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5149864028838966-12"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-5149864028838966-16"> <span key-aria-level="ct2XlX-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-aria-level" key-role="Vy01lJ-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text-role" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149864028838966-17"> <ppc-content key="uNVpKX-5O1x9H-n5FxwJ-hQtiDS-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="n5FxwJ-hQtiDS" data-ph-id="ph-widget-element-5149864028838966-18"><div style="text-align: center;"><span style="font-family:AkzidGroStdBol;">Business Travel Support</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-5149154306380869-120"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" instance-id="TwKhzN" data-ph-id="ph-widget-element-5149154306380869-121"> <div class="footer-block-actions" data-ph-id="ph-widget-element-5149154306380869-122"> <ppc-container component-content-key="footer-block-primary-action-link" class="footer-block-primary-action-link" data-ph-cid="footer-block-primary-action-link1" data-ph-id="ph-widget-element-5149154306380869-123"> <a ph-href="benefits" key-ph-href="5O1x9H-TwKhzN-6tyrEg-ph-media-cc-view1-option5-footer-block-primary-action-link-href" title="" key-title="5O1x9H-TwKhzN-6tyrEg-ph-media-cc-view1-option5-footer-block-primary-action-link-title-text" class="action-link" key-aria-label="5O1x9H-TwKhzN-6tyrEg-ph-media-cc-view1-option5-footer-block-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="TwKhzN-6tyrEg" data-ph-id="ph-widget-element-5149154306380869-124" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="5O1x9H-TwKhzN-6tyrEg-ph-media-cc-view1-option5-footer-block-primary-action-link-text" instance-id="TwKhzN-6tyrEg" data-ph-id="ph-widget-element-5149154306380869-125">Click here to learn more</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5149154306380869-126"></i> </a> </ppc-container> </div> </div> </div> </div> </div></div></section><pcs-widget data-ph-widget-id="a1bd2fb3dbc849561b5f5925990a8b33" panel-id="7ce59554c5f8ad5e934170ebe5acc5fc" data-ph-id="-1692907764715-1" instance-id="vLIyouyf" data-ph-content-id="ASJSNioG"></pcs-widget><pcs-widget data-ph-widget-id="a1bd2fb3dbc849561b5f5925990a8b33" panel-id="7ce59554c5f8ad5e934170ebe5acc5fc" data-ph-id="-1692907777612-1" instance-id="c5lpW0Cw" data-ph-content-id="ASJSNioG"></pcs-widget><pcs-widget data-ph-widget-id="a1bd2fb3dbc849561b5f5925990a8b33" panel-id="7ce59554c5f8ad5e934170ebe5acc5fc" data-ph-id="-1692995734509-1" instance-id="9FgRMkGS" data-ph-content-id="ASJSNioG"></pcs-widget><pcs-widget data-ph-widget-id="a1bd2fb3dbc849561b5f5925990a8b33" panel-id="7ce59554c5f8ad5e934170ebe5acc5fc" data-ph-id="-1692995752957-1" instance-id="n3qFviaX" data-ph-content-id="ASJSNioG"></pcs-widget><section class="ppc-section ph-widget" type="static" data-ph-id="-1692566683039" view="1692566683246-employees-testimonial-cc-slider-view7-option1" original-view="ph-employees-testimonial-cc-slider-view7-option1" instance-id="X9XfoN" theme="theme7"><div class="ph-employees-testimonial-cc-slider-view7-option1-theme7 ph-widget-target" data-ph-id="-1692566683039-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1692566683246-employees-testimonial-cc-slider-view7-option1" original-view="ph-employees-testimonial-cc-slider-view7-option1" theme="theme7" ph-removed="true" instance-id="X9XfoN"><div class="ph-component-cntr ph-widget-box header-center" role="region" key-role="X9XfoN-ph-employees-testimonial-cc-slider-view7-option1-regionkeyslider" aria-label="carousel" key-aria-label="X9XfoN-ph-employees-testimonial-cc-slider-view7-option1-carouselKeyslider" data-ph-id="ph-widget-element-1311225237721142-2"> <div class="inner-container ph-cc-d-p-a-44" data-ph-id="ph-widget-element-1311225237721142-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1311225237721142-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="43wHZx" data-ph-id="ph-widget-element-1311225237721142-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1311225237721142-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1311225237721142-7"> <ppc-content key="X9XfoN-43wHZx-LBotAn-ph-employees-testimonial-cc-slider-view7-option1-h2-heading-title-text" instance-id="43wHZx-LBotAn" data-ph-id="ph-widget-element-1311225237721142-9"><h3 data-ph-id="ph-widget-element-1311225237721142-8" ph-element-dummy-ele="true"><br /></h3><h2><span style="font-family:AkzidGroStdBol;">What Our Employees Are Saying</span></h2></ppc-content> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1311225237721142-13"> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-1311225237721142-18"> <div ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" pha-phslide-arrows="true" pha-phslide-dots="true" pha-phslide-autoplay="false" class="ph-slider-container ph-card-container stackable ph-slide-loader" data-cards-per-row="three" phslide-parse-responsive="[{"breakpoint":3000, "settings":{"slidesToShow":3,"slidesToScroll":3,"centerMode": "false"}},{"breakpoint":1400, "settings":{"slidesToShow":3,"slidesToScroll":3,"centerMode": "false"}},{"breakpoint":1024, "settings":{"slidesToShow":2,"slidesToScroll":2,"centerMode": "false"}},{"breakpoint":768, "settings":{"slidesToShow":1,"slidesToScroll":1}}]" pha-phslide-center-mode="true" pha-phslide-center-padding="24px" phslide-number-slides-to-show="3" pha-phslide-infinite="true" phslide-number-slides-to-scroll="3" pha-phslide-adaptiveheight="false" pha-phslide-prev-arrow="<button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="View previous slide" role="button">Previous</button>" pha-phslide-next-arrow="<button type="button" data-role="none" class="slick-next slick-arrow" aria-label="View next slide" role="button">Next</button>" data-ph-id="ph-widget-element-1311225237721142-19"> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="TyJQzH" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-20"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-21"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-22"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-23"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-24"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-28"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-29"> <ppc-content key="X9XfoN-TyJQzH-qHcFC4-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="TyJQzH-qHcFC4" data-ph-id="ph-widget-element-1311225237721142-30"><div><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">At the IRC, I have been able to work on some of the most innovative projects focused on unlocking solutions and delivering support in new ways that fosters creativity. I love that our work is evidence based and our team strives for best use of our resources, efficiency, inclusiveness, localization while also remembering to have fun!</span></div></ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-31"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-32"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-33"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-34"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-35"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0121-1697193357239.png" key-src="X9XfoN-TyJQzH-ic11d6-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-TyJQzH-ic11d6-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="TyJQzH-ic11d6" data-ph-id="ph-widget-element-1311225237721142-36" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-37"> <span data-ph-id="ph-widget-element-1311225237721142-38"> <ppc-content key="X9XfoN-TyJQzH-3QUs9r-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="TyJQzH-3QUs9r" data-ph-id="ph-widget-element-1311225237721142-39"><div><span style="font-family:AkzidGroStdBol;">Mira Abou Hashem</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details element-center" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-40"> <span data-ph-id="ph-widget-element-1311225237721142-41"> <ppc-content key="X9XfoN-TyJQzH-ovEF1m-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="TyJQzH-ovEF1m" data-ph-id="ph-widget-element-1311225237721142-42"><div><span style="font-family:AkzidGroStdBolIta;"></span><span style="font-family:AkzidGroStdLig;">Sr Program Coordinator, <span style="font-family:AkzidGroStdBol;"><span style="font-family:Webdings;"><span style="font-family:AkzidGroStdBol;"></span></span></span>Strategic Growth – Jordan</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="dB4rM3" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-43"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-44"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-45"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-46"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-47"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-51"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-52"> <ppc-content key="X9XfoN-dB4rM3-UR30PG-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="dB4rM3-UR30PG" data-ph-id="ph-widget-element-1311225237721142-53">Culture within IRC is unique. We respect our staff, partners and clients, and we listen and value their perspectives even if it is different from ours.<br /> The culture of respect within the organization is amazing and I have not seen it elsewhere. Staff at the IRC believes in what they do. It's not just a job. it's a passion for work.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-54"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-55"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-56"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-57"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-58"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0091-1697193565621.png" key-src="X9XfoN-dB4rM3-UXNxMO-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-dB4rM3-UXNxMO-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="dB4rM3-UXNxMO" data-ph-id="ph-widget-element-1311225237721142-59" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-60"> <span data-ph-id="ph-widget-element-1311225237721142-61"> <ppc-content key="X9XfoN-dB4rM3-2nREDr-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="dB4rM3-2nREDr" data-ph-id="ph-widget-element-1311225237721142-62"><div><span style="font-family:AkzidGroStdBol;">Mohamed Riyas</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-63"> <span data-ph-id="ph-widget-element-1311225237721142-64"> <ppc-content key="X9XfoN-dB4rM3-DVgHPD-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="dB4rM3-DVgHPD" data-ph-id="ph-widget-element-1311225237721142-65"><div><span style="font-family:AkzidGroStdLig;">Regional Emergency Director, Asia – Thailand</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="4JErOy" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-66"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-67"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-68"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-69"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-70"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-74"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-75"> <ppc-content key="X9XfoN-4JErOy-Kn8Ivh-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="4JErOy-Kn8Ivh" data-ph-id="ph-widget-element-1311225237721142-76">Being part of the IRC is exciting because we motivate each other to bring our most authentic, true selves to work every day. We support each other by openly sharing information, are responsive and communicative and create a safe space to provide feedback.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-77"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-78"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-79"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-80"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-81"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image003-1697193668829.png" key-src="X9XfoN-4JErOy-QyUbtM-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-4JErOy-QyUbtM-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="4JErOy-QyUbtM" data-ph-id="ph-widget-element-1311225237721142-82" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-83"> <span data-ph-id="ph-widget-element-1311225237721142-84"> <ppc-content key="X9XfoN-4JErOy-Qj6hbd-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="4JErOy-Qj6hbd" data-ph-id="ph-widget-element-1311225237721142-85"><div><span style="font-family:AkzidGroStdBol;">Kat Leander</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-86"> <span data-ph-id="ph-widget-element-1311225237721142-87"> <ppc-content key="X9XfoN-4JErOy-MusraM-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="4JErOy-MusraM" data-ph-id="ph-widget-element-1311225237721142-88"><div><span style="font-family:AkzidGroStdLig;">Sr Recruiter – U.S.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="2frwRQ" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-89"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-90"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-91"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-92"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-93"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-97"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-98"> <ppc-content key="X9XfoN-2frwRQ-dpranE-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="2frwRQ-dpranE" data-ph-id="ph-widget-element-1311225237721142-99">People at the IRC genuinely care about each other and this empathy translates into a supportive and nurturing atmosphere. The collaborative spirit and shared commitment our mission create a unique work environment that fosters both personal and professional growth.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-100"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-101"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-102"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-103"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-104"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0111-1697193863873.png" key-src="X9XfoN-2frwRQ-DDlv4H-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-2frwRQ-DDlv4H-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="2frwRQ-DDlv4H" data-ph-id="ph-widget-element-1311225237721142-105" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-106"> <span data-ph-id="ph-widget-element-1311225237721142-107"> <ppc-content key="X9XfoN-2frwRQ-oCudrC-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="2frwRQ-oCudrC" data-ph-id="ph-widget-element-1311225237721142-108"><div><span style="font-family:AkzidGroStdBol;">Sylvie Kochkarian</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-109"> <span data-ph-id="ph-widget-element-1311225237721142-110"> <ppc-content key="X9XfoN-2frwRQ-ePgkno-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="2frwRQ-ePgkno" data-ph-id="ph-widget-element-1311225237721142-111"><div><span style="font-family:AkzidGroStdLig;">Sr HR Special Projects Lead – Jordan</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="FPDkby" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-112"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-113"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-114"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-115"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-116"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-120"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-121"> <ppc-content key="X9XfoN-FPDkby-0vmlLf-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="FPDkby-0vmlLf" data-ph-id="ph-widget-element-1311225237721142-122">The work environment in IRC is a compassionate and empathetic one. IRC goes above and beyond to support its staff and provide the necessary means to create a collaborative healthy work environment.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-123"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-124"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-125"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-126"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-127"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image010-1697193947282.png" key-src="X9XfoN-FPDkby-xYTNbg-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-FPDkby-xYTNbg-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="FPDkby-xYTNbg" data-ph-id="ph-widget-element-1311225237721142-128" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-129"> <span data-ph-id="ph-widget-element-1311225237721142-130"> <ppc-content key="X9XfoN-FPDkby-s3bLSV-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="FPDkby-s3bLSV" data-ph-id="ph-widget-element-1311225237721142-131"><div><span style="font-family:AkzidGroStdBol;">Devar Nazar Sher</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-132"> <span data-ph-id="ph-widget-element-1311225237721142-133"> <ppc-content key="X9XfoN-FPDkby-7zUVJh-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="FPDkby-7zUVJh" data-ph-id="ph-widget-element-1311225237721142-134"><div><span style="font-family:AkzidGroStdLig;">Partnerships Coordinator – Iraq</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="kQ7plj" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-135"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-136"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-137"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-138"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-139"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-143"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-144"> <ppc-content key="X9XfoN-kQ7plj-SmJNC9-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="kQ7plj-SmJNC9" data-ph-id="ph-widget-element-1311225237721142-145">It is very humbling and rewarding to work for an organization with such a rich and sustained history of helping solve some of the world's most difficult challenges. To be able to be part of work like that motivates me to show up and do my best to serve our clients.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-146"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-147"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-148"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-149"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-150"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0082-1697194066111.png" key-src="X9XfoN-kQ7plj-ZdJMbW-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-kQ7plj-ZdJMbW-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="kQ7plj-ZdJMbW" data-ph-id="ph-widget-element-1311225237721142-151" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-152"> <span data-ph-id="ph-widget-element-1311225237721142-153"> <ppc-content key="X9XfoN-kQ7plj-pNtAx8-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="kQ7plj-pNtAx8" data-ph-id="ph-widget-element-1311225237721142-154"><div><span style="font-family:AkzidGroStdBol;">Darryl Young Jr</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-155"> <span data-ph-id="ph-widget-element-1311225237721142-156"> <ppc-content key="X9XfoN-kQ7plj-wHxMQZ-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="kQ7plj-wHxMQZ" data-ph-id="ph-widget-element-1311225237721142-157"><div><span style="font-family:AkzidGroStdLig;">Executive Director – U.S.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="FmYQIu" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-158"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-159"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-160"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-161"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-162"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-166"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-167"> <ppc-content key="X9XfoN-FmYQIu-Rg5Qgm-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="FmYQIu-Rg5Qgm" data-ph-id="ph-widget-element-1311225237721142-168">What sustains my commitment to the IRC is the continuous empowerment I have received since day one, the tangible impact of our work and the services we provide for our clients, and the opportunities to continuously challenge myself and grow.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-169"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-170"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-171"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-172"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-173"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0131-1697194143287.png" key-src="X9XfoN-FmYQIu-5beQ0l-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-FmYQIu-5beQ0l-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="FmYQIu-5beQ0l" data-ph-id="ph-widget-element-1311225237721142-174" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-175"> <span data-ph-id="ph-widget-element-1311225237721142-176"> <ppc-content key="X9XfoN-FmYQIu-16BJ8l-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="FmYQIu-16BJ8l" data-ph-id="ph-widget-element-1311225237721142-177"><div><span style="font-family:AkzidGroStdBol;">Nour Koussaibany</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-178"> <span data-ph-id="ph-widget-element-1311225237721142-179"> <ppc-content key="X9XfoN-FmYQIu-btp1tF-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="FmYQIu-btp1tF" data-ph-id="ph-widget-element-1311225237721142-180"><div><span style="font-family:AkzidGroStdLig;">Humanitarian Access & Security Coordinator – Lebanon</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="CGr50t" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-181"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-182"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-183"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-184"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-185"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-189"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-190"> <ppc-content key="X9XfoN-CGr50t-zj8JoI-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="CGr50t-zj8JoI" data-ph-id="ph-widget-element-1311225237721142-191">The work environment at the IRC is everything! Collaboration and helping one another is just part of our culture. <br /> Everyone I've worked with know the importance of what we do, is deeply committed to our mission and so caring for one another.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-192"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-193"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-194"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-195"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-196"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image002-1697194333296.jpg" key-src="X9XfoN-CGr50t-Sw4bEW-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-CGr50t-Sw4bEW-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="CGr50t-Sw4bEW" data-ph-id="ph-widget-element-1311225237721142-197" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-198"> <span data-ph-id="ph-widget-element-1311225237721142-199"> <ppc-content key="X9XfoN-CGr50t-38CgZ5-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="CGr50t-38CgZ5" data-ph-id="ph-widget-element-1311225237721142-200"><div><span style="font-family:AkzidGroStdBol;">Frank Sabatini</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-201"> <span data-ph-id="ph-widget-element-1311225237721142-202"> <ppc-content key="X9XfoN-CGr50t-lk101a-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="CGr50t-lk101a" data-ph-id="ph-widget-element-1311225237721142-203"><div><span style="font-family:AkzidGroStdLig;">Staff Attorney – U.S.</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-employees-testimonial-cc-view7" instance-id="nG4Rwp" name="ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-204"> <div class="ph-card-block ph-employees-testimonial-cc-view7" data-ph-id="ph-widget-element-1311225237721142-205"> <div class="ph-row" data-ph-id="ph-widget-element-1311225237721142-206"> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-207"> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-208"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1311225237721142-212"> <span class="description-block" data-ph-id="ph-widget-element-1311225237721142-213"> <ppc-content key="X9XfoN-nG4Rwp-HIVD3d-ph-employees-testimonial-cc-slider-view7-option1-description-text" data-ph-at-id="description-text" instance-id="nG4Rwp-HIVD3d" data-ph-id="ph-widget-element-1311225237721142-214">I joined the IRC with no prior nonprofit experience, but their exceptional training and development programs have allowed me grow tremendously as a professional. 13 years later I'm still here, dedicated to nurturing and guiding my colleagues to also reach their full potential.</ppc-content> </span> </ppc-container> <!-- <div class="employee-details-container"> <component data-ph-name="employee-name" data-ph-cid="employee-name1" value="- Lorem"></component> <component data-ph-name="employee-details" data-ph-cid="employee-details1" value="Ipsum"></component> </div> --> </div> </div> <div class="ph-col-12" data-ph-id="ph-widget-element-1311225237721142-215"> <div class="content employee-details-container ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1311225237721142-216"> <figure class="image" data-ph-id="ph-widget-element-1311225237721142-217"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1311225237721142-218"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1311225237721142-219"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/image0072-1697194541057.png" key-src="X9XfoN-nG4Rwp-VtPyVz-ph-employees-testimonial-cc-slider-view7-option1-image-src" alt="img1" key-alt="X9XfoN-nG4Rwp-VtPyVz-ph-employees-testimonial-cc-slider-view7-option1-image-alt-text" data-ph-cid="primary-image1" instance-id="nG4Rwp-VtPyVz" data-ph-id="ph-widget-element-1311225237721142-220" height-val="115" /> </ppc-content> </ppc-container> </figure> <ppc-container component-content-key="employee-name" class="employee-name" data-ph-cid="employee-name1" data-ph-id="ph-widget-element-1311225237721142-221"> <span data-ph-id="ph-widget-element-1311225237721142-222"> <ppc-content key="X9XfoN-nG4Rwp-u79bCL-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-title-text" instance-id="nG4Rwp-u79bCL" data-ph-id="ph-widget-element-1311225237721142-223"><div><span style="font-family:AkzidGroStdBol;">Mondartus Mondaye</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="employee-details" class="employee-details" data-ph-cid="employee-details1" data-ph-id="ph-widget-element-1311225237721142-224"> <span data-ph-id="ph-widget-element-1311225237721142-225"> <ppc-content key="X9XfoN-nG4Rwp-1hWMKA-ph-employees-testimonial-cc-slider-view7-option1-employee-details-emp-sub-title-text" instance-id="nG4Rwp-1hWMKA" data-ph-id="ph-widget-element-1311225237721142-226"><div><span style="font-family:AkzidGroStdLig;">Sr Supply Chain Coordinator – Sierra Leone</span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-hero-content-cc-view2-option1-theme2 ph-widget" type="static" view="1692730000037-hero-content-cc-view2-option1-savedView-1689601623032" original-view="ph-hero-content-cc-view2-option1" theme="theme2" instance-id="K6Hi6Q" data-ph-id="-1692729999731-global" global-widget="true" global-widget-id="MhHjhn"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1692730000037-hero-content-cc-view2-option1-savedView-1689601623032" original-view="ph-hero-content-cc-view2-option1" type="static" class="ph-hero-content-cc-view2-option1-theme2 ph-widget-target" theme="theme2" data-ph-id="-1692729999731-1" instance-id="K6Hi6Q"> <div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" data-ph-id="ph-widget-element-5141430912666072-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-5141430912666072-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-5141430912666072-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-5141430912666072-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-5141430912666072-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-5141430912666072-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-5141430912666072-18"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="nX6jtT-ogJljY-ph-hero-content-cc-view2-option1-savedView-1689601623032-aI2Ti1" instance-id="ogJljY" data-ph-id="ph-widget-element-5141430912666072-19"> <div class="ph-card" card-name="ph-hero-content-cc-view2" key-role="nX6jtT-zFGIgh-ph-hero-content-cc-view2-option1-savedView-1689601623032-HiCyGi" card-container-style="background-image:'url()'" instance-id="zFGIgh" data-ph-id="ph-widget-element-5141430912666072-20"> <div class="ph-hero-content-cc-view2 ph-card-block" data-ph-at-id="ph-hero-content-cc-view2" data-ph-id="ph-widget-element-5141430912666072-21" style=""> <figure class="image" role="presentation" key-role="nX6jtT-yvCtY8-ph-hero-content-cc-view2-option1-savedView-1689601623032-vaJSWD" instance-id="yvCtY8" data-ph-id="ph-widget-element-5141430912666072-22"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-5141430912666072-23"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-5141430912666072-24"> <img src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/images/DSC07359-Edited-1700670610692.jpg" key-src="nX6jtT-ijjhx6-ph-hero-content-cc-view2-option1-savedView-1689601623032-v2ymlh" alt="" key-alt="nX6jtT-ijjhx6-ph-hero-content-cc-view2-option1-savedView-1689601623032-sennGh" data-ph-cid="primary-image1" height-val="411" instance-id="ijjhx6" data-ph-id="ph-widget-element-5141430912666072-25" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-cid="overlay1" style="background-color: rgba(0, 0, 0, 0.42);" data-ph-id="ph-widget-element-5141430912666072-26"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-5141430912666072-27"> </div> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-5141430912666072-28" style="z-index: 2; pointer-events: none;"> <div class="data" data-ph-id="ph-widget-element-5141430912666072-29"> <ppc-container component-content-key="h1-heading" class="heading-one" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-5141430912666072-30"> <h1 data-ph-id="ph-widget-element-5141430912666072-31"> <ppc-content key="nX6jtT-6iS5ZL-ph-hero-content-cc-view2-option1-savedView-1689601623032-DFOlxf" instance-id="6iS5ZL" data-ph-id="ph-widget-element-5141430912666072-32"><div><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-56 ph-cc-d-f-s-56 ph-cc-t-f-s-34 ph-cc-m-f-s-22"><span style="font-family:AkzidGroStdBol;"><strong>IRC Talent Community</strong></span></span></span></div></ppc-content> </h1> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-5141430912666072-43"> <span class="description-block" data-ph-id="ph-widget-element-5141430912666072-44"> <ppc-content key="nX6jtT-10WBWO-ph-hero-content-cc-view2-option1-savedView-1689601623032-4zWMZx" data-ph-at-id="description-text" instance-id="10WBWO" data-ph-id="ph-widget-element-5141430912666072-45"><div><span style="font-family:AkzidGroStdLig;"><span class="ph-cc-ms-f-s-20 ph-cc-d-f-s-20 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Join our Talent Community to get the latest job alerts, insight on our organizational culture, and to learn about employee experiences with the IRC. Sign up to stay in touch.</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link button-radius-xs default-button button-sm" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-5141430912666072-46"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-5141430912666072-47"> <a role="link" key-role="nX6jtT-zOfGD9-ph-hero-content-cc-view2-option1-savedView-1689601623032-02BSk9" class="action-link" ph-href="jointalentcommunity#jtcForm" key-ph-href="nX6jtT-zOfGD9-ph-hero-content-cc-view2-option1-savedView-1689601623032-cnOiBP" title="" key-title="nX6jtT-zOfGD9-ph-hero-content-cc-view2-option1-savedView-1689601623032-yy253i" aria-label="join us" key-aria-label="nX6jtT-zOfGD9-ph-hero-content-cc-view2-option1-savedView-1689601623032-eHvk1X" ph-tevent="static_content_click" ph-external-link-enabled="one-trust-disabled" instance-id="zOfGD9" data-ph-id="ph-widget-element-5141430912666072-48" previous-z-index="" style="position: relative; pointer-events: all;"> <ppc-content key="nX6jtT-lgxcW6-ph-hero-content-cc-view2-option1-savedView-1689601623032-uvp0t4" data-ph-at-id="link-text" instance-id="lgxcW6" data-ph-id="ph-widget-element-5141430912666072-49">Join Us</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-5141430912666072-50"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-widget" instance-id="qi5top" view="qi5top-default" original-view="default" data-ph-id="ph-page-element-page1-q6pNu5"> <div class="ph-near-by-jobs-v2-default-theme26 ph-widget-target" data-widget="ph-near-by-jobs-v2" theme="theme26" jobs-display-mode="seeMore" max-display-count="6" instance-id="qi5top" view="default-1663503242081" original-view="default" data-ph-id="ph-page-element-page1-Vadctw" as-element="ph-near-by-jobs-v2"></div> </section> <!--recently viewd jobs--> <!--nearbyjbs--> <!-- testimonials --> <!-- media card --> <!-- <section class="ph-widget ph-job-count-cc-view2-option1-theme2" type="static" view="ph-job-count-cc-view2-option1" theme="theme2" instance-id="uv53h2"></section> --> <!-- media card --> <section class="ph-widget" instance-id="81a3gk" view="81a3gk-default" original-view="default" data-ph-id="ph-page-element-page1-B0QXhJ"> <div class="ph-recently-viewed-jobs-v3-default-theme26 ph-widget-target" data-widget="ph-recently-viewed-jobs-v3" theme="theme26" jobs-display-mode="seeMore" max-display-count="6" instance-id="81a3gk" view="default-1622923846983" original-view="default" data-ph-id="ph-page-element-page1-GSUB9g" as-element="ph-recently-viewed-jobs-v3"></div> </section> <!--glassdoor--> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="O0yQxe" data-ph-ft="nps" data-ph-id="ph-widget-element-1690977845221-JoSeDS"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page1-tRLrEZ"><section class="ph-widget" instance-id="dGZ4cd" data-ph-id="ph-page-element-1-dGZ4cd" ph-module="covid"><div class="ph-cvd-v1-default-default" as-element="ph-cvd-v1" data-widget="ph-cvd-v1" original-view="default" theme="default" view="1538287421372-default" placement="footer" instance-id="dGZ4cd" data-ph-id="ph-page-element-2-dGZ4cd"></div></section><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="wwpYVDkF-zB2qJaH4"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/assets/scripts/1655381362570-custom.js" data-ph-id="ph-page-element-page1-e0i5Ow" async="" nonce=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js"></script><script id="platform_script_vendor" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/vue.min-1.0_1636721870521.js"></script><script id="platform_script_common" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/common/pcs-common-v1.17_1713953061742.js"></script><script id="caas_bootstrapper" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/bootstrap/ph-platform-1.17_1711627640948.js" defer="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/IEAIRCUS/en_us/desktop/page1/caas-platform/page-views-1730396480098.js"></script><script id="chatbotScript"> var timestamp = Date.now(); var scriptElement = document.createElement("script"); scriptElement.async = true; scriptElement.id = "chatbotInitScript"; scriptElement.src = "https://cdn-bot.phenompeople.com/txm-bot/prod/prod.js" +"?v=" + timestamp; var getScripts = document.getElementsByTagName("script"); var lastScriptElement = getScripts[getScripts.length - 1]; lastScriptElement.parentNode.insertBefore(scriptElement, lastScriptElement); window.chatbotURL = window.phApp.baseUrl; </script> </body> </html><div id='csrfToken' style='display:none'>7f62abcc775f49de9052137b040bbeee</div>