CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page1-DYwsen" class="desktop en_global external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page1-i5gyD9"><link rel="preconnect" href="https://cdn.phenompeople.com" /><link rel="preconnect" href="https://assets.phenompeople.com" /><link rel="preload" as="image" importance="high" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/cropChild-WesFK-1718524968553.png" id="ph_image_preload" /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page1-l5V43g" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page1-8q6bpM" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/favicon.ico?v=1679929125986" rel="icon" data-ph-id="ph-page-element-page1-WLUI4v" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/h/apple-touch-icon.png?v=1679920513703" data-ph-id="ph-page-element-page1-4xtgQM" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/m/apple-touch-icon.png?v=1679920513703" data-ph-id="ph-page-element-page1-4pkrtB" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon-precomposed.png?v=1679920513703" data-ph-id="ph-page-element-page1-eLueB4" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/l/apple-touch-icon.png?v=1679920513703" data-ph-id="ph-page-element-page1-BzVMUa" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/images/l/splash.png?v=1679920513703" data-ph-id="ph-page-element-page1-o1Lrnu" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.straumann.com/widgets","country":"global","deviceType":"desktop","locale":"en_global","absUrl":true,"refNum":"STGRGLOBAL","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources/pp","baseUrl":"https://careers.straumann.com/global/en/","baseDomain":"https://careers.straumann.com","phenomTrackURL":"careers.straumann.com/global/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.straumann.com","pageId":"page1"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"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}],"filePicker":{"onedrive":{"clientId":"1c186d04-d14a-424f-8132-0cae8c41435c","devkey":""},"dropbox":{"clientId":"7j4atpiepgcmy4j","devkey":""},"googledrive":{"clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.apps.googleusercontent.com","devkey":""}},"ignoreCovidWidgetPagesList":["chatbot"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","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"}},"ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"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-ir.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|Chrome-Lighthouse","siteSettings":{"locationSlider":false,"refineSearch":{"enabledFacets":["category","country","city","type","brand"],"facetDisplayNames":{"category":"Category","country":"Location","city":"City","type":"Employment Type","brand":"Brand"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Location","city":"Search in City","type":"Search in Employment Type","brand":"Search in Brand"},"defaultFacetsToOpen":["category"]},"gdpr":{"cookieType":"persistent","enabled":true},"oauth":{"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":"2290238934525636","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":"78mq36mb73ep5m","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"}}},"size":"10","refNum":"STGRGLOBAL","siteVariant":"external","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"},"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"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-ir.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"blogsEnabled":true,"navMenuItems":["blogs","candidateHome"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://careers.straumann.com/global/en/blog"},"events":{"url":"https://careers.straumann.com/global/en/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"locale":"en_global","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","ally":{"layerEnabled":false,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/1731591806866-ph-px-hadlr-1.19.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":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","clientId":"78mq36mb73ep5m","redirectUri":"/socialAuth/li","scope":"r_liteprofile r_emailaddress","response_type":"code"},"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"},"google-signin":{"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":"/iauth/g","response_type":"code"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"2290238934525636","redirectUri":"/socialAuth/fb","scope":"email public_profile","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,"isShareDataFromConfig":true,"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":{"STGRGLOBAL_Quality_Assurance":"c/quality-assurance-jobs","STGRGLOBAL_Sales":"c/sales-jobs","STGRGLOBAL_Research_Development":"c/research-development-jobs","STGRGLOBAL_Manufacturing":"c/manufacturing-jobs","STGRGLOBAL_Supply_Chain":"c/supply-chain-jobs","STGRGLOBAL_Marketing":"c/marketing-jobs","STGRGLOBAL_Corporate_Support_Functions":"c/corporate-support-functions-jobs","STGRGLOBAL_Information_Technology":"c/information-technology-jobs","STGRGLOBAL_Other":"c/other-jobs","STGRGLOBAL_Finance":"c/finance-jobs"},"isNativeEmailClient":false,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"isCsrfGetLogoutFlowEnabled":true,"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","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-blog-list-overview-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-blog-list-overview-v1/pcs-blog-list-overview-v1-1694708553477.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-social-connect-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.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":262,"data":{"category":[{"internalId":"STGRGLOBAL_Sales","total_count":90,"new_count":0,"display_name":"Sales","category":"Sales","key":"Sales"},{"internalId":"STGRGLOBAL_Manufacturing","total_count":45,"new_count":0,"display_name":"Manufacturing","category":"Manufacturing","key":"Manufacturing"},{"internalId":"STGRGLOBAL_Corporate_Support_Functions","total_count":37,"new_count":0,"display_name":"Corporate-Support-Functions","category":"Corporate & Support Functions","key":"Corporate & Support Functions"},{"internalId":"STGRGLOBAL_Marketing","total_count":24,"new_count":0,"display_name":"Marketing","category":"Marketing","key":"Marketing"},{"internalId":"STGRGLOBAL_Information_Technology","total_count":19,"new_count":0,"display_name":"Information-Technology","category":"Information Technology","key":"Information Technology"},{"internalId":"STGRGLOBAL_Quality_Assurance","total_count":17,"new_count":0,"display_name":"Quality-Assurance","category":"Quality Assurance","key":"Quality Assurance"},{"internalId":"STGRGLOBAL_Supply_Chain","total_count":17,"new_count":0,"display_name":"Supply-Chain","category":"Supply Chain","key":"Supply Chain"},{"internalId":"STGRGLOBAL_Research_Development","total_count":8,"new_count":0,"display_name":"Research-Development","category":"Research & Development","key":"Research & Development"},{"internalId":"STGRGLOBAL_Finance","total_count":5,"new_count":0,"display_name":"Finance","category":"Finance","key":"Finance"}]},"eid":"6742aa6b0283112448d66276"},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["categoryMasterDataV2","jobwidgetsettings","siteConfig","categories","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"094f442cd017464ea2b15cad2ae473e4","phProfileId":"fbb972ee-73da-492c-a3f6-f0e609b3f65c","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.straumann.com/global/en/home" /><meta name="description" content=" Careers that inspire smiles. A world of brands and global career opportunities! Explore your future at Straumann Group in Digital, Sales, Operations and more ..." key-description="external-default-home-description" /><meta name="keywords" content="Careers at Straumann Group, Straumann Group jobs, job opportunities in Straumann Group, job openings, career opportunities" key-keywords="external-default-home-keywords" /><link rel="alternate" href="https://careers.straumann.com/global/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@Straumann Group" /><meta name="twitter:creator" content="@Careers - Straumann Group" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/social/1024x512-1633105910123.png" /><meta name="twitter:title" content="Careers at Straumann Group | Straumann Group jobs" /><meta name="twitter:description" content=" Careers that inspire smiles. A world of brands and global career opportunities! Explore your future at Straumann Group in fields like Manufacturing, Information Technology, Marketing and more" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/social/1200x630-1632330410043.jpg" /><meta property="og:site_name" content="Straumann Group" /><meta property="og:url" content="https://careers.straumann.com/global/en/home" /><meta property="og:title" content="Careers at Straumann Group | Straumann Group jobs" /><meta property="og:description" content=" Careers that inspire smiles. A world of brands and global career opportunities! Explore your future at Straumann Group in fields like Manufacturing, Information Technology, Marketing and more" /><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">Careers at Straumann Group | Straumann Group jobs</title><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.straumann.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.straumann.com/global/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script> <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.32.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.93.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.94.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/en_global/desktop/page1/ph-page-page1-1732181966764.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.24.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-language-selector-v2-1666958206569-view3" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-43mw7j-rf0kJy"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-43mw7j-oulmw6"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-43mw7j-xBOOLV"> <!-- <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-43mw7j-Z07OWW"> <span class="flag flag-${choosenLanguage.locationDisplayName}" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-43mw7j-ONFWZd"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-43mw7j-yPdhbk"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-6ZbMjV"> Language selected </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-43mw7j-Z73BfE"> ${choosenLanguage.locationDisplayName} </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-ZApjzx"> ${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-43mw7j-BSxl3B"></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-43mw7j-Xw5f8e"> <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-43mw7j-ZtNYQ3"> <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="43mw7j-ph-language-selector-v2-view3-languageSearchPlaceholderText" data-show-listbox="false" data-ph-id="ph-page-element-short-header-43mw7j-Mv8Tpa" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-43mw7j-qZwfxC"></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-43mw7j-CVN4qI"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-43mw7j-y2WeBC"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-43mw7j-STsHN1"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-43mw7j-spyegI"> <ppc-content key="43mw7j-ph-language-selector-v2-view3-searchInputClearText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-43mw7j-6V8pZw">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-43mw7j-irvrAd"> <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-43mw7j-esr65k"> <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-43mw7j-lSRiM3"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-43mw7j-DLv5SC"></span> <div class="country" data-ph-id="ph-page-element-short-header-43mw7j-9lDFcY"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-43mw7j-KDLv5A"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-43mw7j-3v5vi4"> <ppc-content data-ph-id="ph-page-element-short-header-43mw7j-wnrpTk"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-short-header-43mw7j-ppkS8B"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-43mw7j-pRKzyS"> <ppc-content key="43mw7j-ph-language-selector-v2-view3-noResultFoundText" data-ph-id="ph-page-element-short-header-43mw7j-5X75bg"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-43mw7j-gVVeJZ"> ${roots.length} <ppc-content key="43mw7j-ph-language-selector-v2-view3-sugessionText" data-ph-id="ph-page-element-short-header-43mw7j-jxIRao"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-1666958206580-view2" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-obk1w0-IHZTly"> <a ph-href="jobcart" aria-atomic="true" aria-live="polite" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" data-ph-id="ph-page-element-short-header-obk1w0-vtCCL4"> <!-- <i class="${jobCartCount > 0? 'icon icon-cart-lg' : 'icon icon-cart'}" aria-hidden="true"></i> --> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-obk1w0-qTEBQm"></i> <span class="linkText" data-ph-at-id="heading-text" data-ph-id="ph-page-element-short-header-obk1w0-ivYRlW"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" data-ph-id="ph-page-element-short-header-obk1w0-Rx7Iao"> (${jobCartCount})</span> </a> </div> </script><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page1";</script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1688400247347" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-M3OIrY"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0RgUK8"> <!-- 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-default-1686726867724-ph-candidate-login-v1ikjhyg-tKH8DT"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UDpXiF"></i> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FUclhh">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-a7qmTl"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Tqm7A2"></i> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Mc0lVu">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-tdlgK4"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Vxxgio"> <span if.bind="registeredSuccessfully" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-JBnYrp"> 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-default-1686726867724-ph-candidate-login-v1ikjhyg-vBdlRu"> <!-- <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-default-1686726867724-ph-candidate-login-v1ikjhyg-UCJbe1"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-wNwhsx">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-xcNsqt"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VYq9wQ"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-uMUyJ5"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-fAsSsR"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-MsWggu"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-feEO7j"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BT1JIK">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-OgQOKj"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Mp39i9"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-eJMRuq"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-tMC1Zh"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-aJl1Pj"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-D4i2dw"> <div class="user-actions-list" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BlzZ08"> <div class="user-actions-listitem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cVsIra"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-NIf1NC"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-NiLq6W"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-TitiHX"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-Jiewzo"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-NOhiTz"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-qX90lb"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zjXj6m"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-uEghJE"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AEgS7J"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-vwJ29x"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-biiHue"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-okGNKh"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-QmgRsN"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-nfQfHo"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-kl7PRQ"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-HTXGdn"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-v4xLjv"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-eOHKZJ"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2kR6o3"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-jm1n52"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ks0mhr"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-7rvqNu"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-sJDnjl"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-y9QaJQ"> <form novalidate="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zLE2fG"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-xttkHo"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2lRWHk"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-klUTj0"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gGwfrh"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FhtQup"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-lqaq9Q"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-QUITiC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-oafG0W"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IIRICv"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-wrd9So"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-rMZmY2"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Z1iQAe"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-6oDEMS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qGSM5p"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9HZXXJ"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-6rbz4h"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-MU6et2"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-vubrBf"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-A39E3M"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-aSN0r4"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-OX3Lh8"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-ZKUT2t"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gpseu6"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-7ZkdjW"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0U5Knh"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-PIxagG"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UMkqnG"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-EsN795"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-yxbAh6"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-m0qQMF"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5LI0Vk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mj4LT6"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LwUkuL"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5MIZ7C"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-o9W9it"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5yfuaK"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gVFGFP"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-GSC5Y3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-woVziy"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Q9It2a"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-clc4sR"> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-CAqyml"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-74dPsD"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-8NABde"> <div class="user-options" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hdpdwu"> <span class="each-option" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-T3qELC"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-o98BKH"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-vZKtLf"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gIWRFy"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Yak6qm"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-oMhDrO"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-39M58S"> <span class="forgot-password-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-eieTfx"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pLrfDY"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-pwEbiS"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zgfxGL"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RlThPn"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hgL83g"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-K75G1c"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hhdKgh"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Mvplid"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-akB9oV"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-h5MKFk"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-GvIjRR"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bIdAsz"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-SucSZ3"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-cIaXnN"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-DRX1Yn"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-gPXkk4"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-r9Qd1e"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-69c9Ey"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0Q7xk3"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gTF8Ho"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-d58AXO"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bif9Jb"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-W5rcpx"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-pdiIqF"> <form novalidate="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-eLBLcZ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-UQz5VX"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-suUQLF"> <label for="createEmail" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AUr10z"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-xwwRSS"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2azNOL"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-DRoilu"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-DGiCt1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sgm1Av"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Fu9UFe"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0YvTRq"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-VbxMe5"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-9vSVaF"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-jgt5v9"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-QM9YBJ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Yoq5hM"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-rSGXO2"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-c085Cv"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3Rdcb1"> <label for="createPassword" class="form-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BiX8Es"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AesMOk"> <div class="text-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-aE54vz"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-QZejwD"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-nQXNn4"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-wEr9ZE"></i> <div class="pswrd-visibility" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LWR3HN"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-8g3qMq"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5qebH0"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-tchcQf"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0jqHEd"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4uP6ak"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-t0aJre"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-QzeeFV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-960XpV"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-f29MUP"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-iEuolZ"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IPDSXU"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0sydcV"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IsRMHb"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qQfrCg"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-l1YV7y">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-zg5W8K">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RIc5OS">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-bM9MlC">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-BELeIU"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-LfsY7R"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vUp54n"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-AZYxD1"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-KILmmQ"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-o0phdd"> <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="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-tjL9FN"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ageyt8"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-XppG1v"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-sl8pMu"> <ppc-content key="MRMJ5e-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4R447B"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-9sFnEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-S83Pij"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-yTXkg9"> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-08Capz"> <ppc-content key="Kg6afn-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mvXnXP"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-9sFnEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1666958206518-default-ph-candidate-login-v1ikjhyg-S83Pij"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-FgN791"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-GVsP08"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-vpDtqJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-QiCD9k"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0iD71K"></span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-M1kDea"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-3RC6FN"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-8hZf6e">*</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-default-1686726867724-ph-candidate-login-v1ikjhyg-JCFFS2"> <span class="sr-only required-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Cke5KU"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5RaplS"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Ow40U4"> <span class="alert-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ahvtW5"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ZhF2KB"> <span class="alert-msg" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gxhUi8"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-qYDU6x"> <div class="form-container" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-2pOvov"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-5YMIsE"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-VCTdE6"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-92lzCZ"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ZIjzKg"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-P2hKB7" view="1688400249315-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="view5-1688407507619" original-view="view5" instance-id="" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-nqufWb"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IWqr3I"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-1HbZKf"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-X83c67"> ${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-default-1686726867724-ph-candidate-login-v1ikjhyg-jY6IuU"> <span data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-P5iPVW"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-1uYmYu"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RZyyBI"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-B4xtkr">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vZfVAz">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-iNhiSG"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-FnzPb5"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-srmcLa"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-poQmsf"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-0p8UYS"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-jOlbL0"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-qJo1YM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Tu0IsX"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-4gZHSp"></span> <span class="checkbox-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-y6n8jT"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-ZTn0Lu"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-mW6rBO">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-B2qQs2"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-Pxb2lA"> ${!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-default-1686726867724-ph-candidate-login-v1ikjhyg-aas7Ks"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-RasL6K"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-83p0rZ"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-YYHoOt"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-gR3xBG">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hN8wiu">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-jG6U8i">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-aZuW3M">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-CtWZd5"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-Xz8Dhf"> <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-default-1686726867724-ph-candidate-login-v1ikjhyg-qzu1Xq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-IOdIhl"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-vfr7we">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-default-1686726867724-ph-candidate-login-v1ikjhyg-hIagUr">${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-default-1686726867724-ph-candidate-login-v1ikjhyg-hEIGd0"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-view5-1688407507619" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-AXkrRA"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-M03kUc"> <div class="widget-container" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-eHBoRg"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-mkZPxm"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-Z9PsvA"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-0cRAqg"> <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-privacyDataConsentCheckboxText" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-SIKrAo"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-xorwKC"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-cRlmDo"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-JlhGGZ"> <ppc-content key="cDG3v7-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-qx1cRW">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1pppzUZ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1K1TaQG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-ne1Pid"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-jBzodC"> <ppc-content key="smwVhj-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-nZWuua">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1pppzUZ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1K1TaQG"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-OJE1Zd"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-Ck67R6"> <span class="social-alert-msg" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-9r8HGD"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-fvhBX4"> <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-listItemRole" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-Xmc3jh"> <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-view5-1688400501709-ph-social-connect-v1-PCOAnz"> <div class="icon-block" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-nt68Pb"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-ZRKrUE"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-1688400501709-ph-social-connect-v1-En8xdA"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1555763659299" nonce=""><div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" role="region" key-role="ph-cookie-popup-v2-default-8ZQkD1-i8TFBL" if.bind="showCookiePopup" data-ph-id="ph-page-element-page1-QSjGFz" data-pre-render=""> <div class="container" data-ph-id="ph-page-element-page1-MYRYfr"> <div class="cookie-text-area" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page1-Bk3hKa"> <ppc-content key="ph-cookie-popup-v2-default-8ZQkD1-v5rQqE" data-ph-at-id="cookie-text" data-ph-id="ph-page-element-page1-JboxRQ" 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 Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-page-element-page1-8xBCnZ"> <a ph-href="cookiesettings" key-ph-href="ph-cookie-popup-v2-default-8ZQkD1-4WKdbN" class="btn secondary-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-8ZQkD1-yMiA72" data-ph-id="ph-page-element-page1-lphIYb" phae="ph-cookie-popup-v2" phae-type="click" phae-main="1"> <ppc-content key="ph-cookie-popup-v2-default-8ZQkD1-gjnTTm" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-page-element-page1-8cFcun" language-overriden="true"> Cookie Settings </ppc-content> </a> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" data-ph-id="ph-page-element-page1-XDFmej" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2"> <i class="icon icon-check-mark" data-ph-id="ph-page-element-page1-PZJ790"></i> <ppc-content key="ph-cookie-popup-v2-default-8ZQkD1-4UsPQV" data-ph-at-id="cookie-close-link-text" data-ph-id="ph-page-element-page1-SQ33j6" language-overriden="true">Allow</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-global-search-v3-default-1589996630234" nonce=""><form class="phs-global-search-area phs-global-sr-container ph-widget-box ph-mobile-search-backdrop" keyup.delegate="arrowKeyUp($event)" novalidate="" action="" title="${widgetBundle['globalSearchFormTitle'] | pht}" data-ph-id="ph-page-element-page1-EFR6BW"> <!-- <card type="ph-header-block-v1-view2"> <component class="hide" data-ph-name="h1-heading" data-ph-cid="h1-heading1" value="Do what you love"> </component> <component class="hide" data-ph-name="header-block-sub-content" data-ph-cid="header-block-sub-content1" value="Search jobs"></component> </card> --> <div class="form-group phs-global-search ph-search-group" data-ph-id="ph-page-element-page1-6xkthX"> <button class="ph-header-search-icon hide" aria-label="${widgetBundle['globalsearchAriaLabelText'] | pht}" type="button" data-ph-id="ph-page-element-page1-4hqfvZ"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-kpznSZ"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page1-265XZF"></i> </ppc-content> </button> <div class="input-group ${showDropDown ? 'dropdown-open': 'dropdown-close'}" data-ph-id="ph-page-element-page1-aBADPU"> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="!hasFeature && !hasFeature('auto-complete', 'a11y')" data-ph-id="ph-page-element-page1-wKm24S"> <div data-ph-id="ph-page-element-page1-SUCYl8"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-YLu5Ak" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-page-element-page1-ZPznMm"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-dYZ0xu"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-bqcPtY" click.delegate="clearBackdrop($event)" data-ph-id="ph-page-element-page1-dluke9"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-wNBEAj"></i> </a> <label class="sr-only" for="phsKeywords" data-ph-id="ph-page-element-page1-XNjYTe"> ${widgetBundle['inputLabelText'] | pht} </label> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" if.bind="getWidgetBundleValue" key-placeholder="ph-global-search-v3-default-xsrdse-pLcsrM" aria-label="${widgetBundle['inputAriaLabelText'] | pht}" placeholder="Search for Job title or location" ref="typehead" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-page-element-page1-KLPDSO"> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" key-placeholder="ph-global-search-v3-default-xsrdse-bIGYCm" aria-label="Enter Job Title or Location" key-aria-label="ph-global-search-v3-default-xsrdse-2IgdtY" placeholder="Search for Job title or location" if.bind="!getWidgetBundleValue" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-page-element-page1-53srV0"> <span class="search-sym" data-ph-id="ph-page-element-page1-bjB4Tz"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-yp9XpE"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page1-djS8dh"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="ph-global-search-v3-default-xsrdse-Ba52UH" data-ph-id="ph-page-element-page1-KzCoZH"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-jezsgl"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-AZAszV"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-page1-fqcqxt"> <ppc-content key="ph-global-search-v3-default-xsrdse-mbxZzz" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-page1-vHokib"> Clear text </ppc-content> </span> </a> </input></input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="searchSuggest" aria-label="Search suggestions" aria-hidden="${!showDropDown ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-oTdyvF"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-page-element-page1-iul2XE"> <div class="phs-search-categories" data-ph-id="ph-page-element-page1-GH9AwQ"> <div data-ph-id="ph-page-element-page1-yS2WUf"> <h2 data-ph-id="ph-page-element-page1-OKHP4I"> <ppc-content key="ph-global-search-v3-default-xsrdse-uJmfrc" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-VS3sHo"> Job Categories </ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" data-ph-at-id="category-list" role="presentation" data-ph-at-total-data-count="${allJobCategories.length}" data-ph-id="ph-page-element-page1-D4j5n4"> <li repeat.for="category of allJobCategories" class="job-search-keyblock job-container-category_${$parent.$index}_${$index}" data-ph-at-id="category-list-item" data-ph-id="ph-page-element-page1-gUJFBw"> <a ph-tevent="job_category_search_click" aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'jobs':'job'}" id="phs-lia_${$parent.$index}_${$index}" ref="linkEle" data-presentation-title="${category.key}" href.bind="getUrl(linkEle, 'category', category)" role="link" 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-page-element-page1-2ockpc"> <span class="sr-only" data-ph-id="ph-page-element-page1-pvoASS"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-page-element-page1-AmUZ7o">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-page-element-page1-N4REIr"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-page-element-page1-iRKnBo">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-page-element-page1-ht3PsT">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-page-element-page1-6TkqCx"> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page1-f1lopk"> <h2 data-ph-id="ph-page-element-page1-6cQwaw"> <ppc-content key="ph-global-search-v3-default-xsrdse-kSsrU1" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-Nrqvq9"> 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="presentation" data-ph-id="ph-page-element-page1-K2aDgr"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-UDUhJW"> <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-page-element-page1-jW5Jsu"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-k8cD05"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-page-element-page1-p7W3dv"> <ppc-content key="ph-global-search-v3-default-xsrdse-IFIhSk" data-ph-at-id="no-data-text" data-ph-id="ph-page-element-page1-e7zslr"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" aria-label="Job Suggestions" data-ph-id="ph-page-element-page1-UNVzR6"> <!--Jobs--> <div class="phs-jobs-suggested" if.bind="allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-page-element-page1-bAjbPg"> <h2 data-ph-id="ph-page-element-page1-GPnp5j"> <ppc-content key="ph-global-search-v3-default-xsrdse-tE5oIN" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-9wvdE6"> Jobs </ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.jobs.length}" aria-hidden="${!allSuggestions.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-4aRxji"> <li repeat.for="eachJob of allSuggestions.jobs" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-JLykqw"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob)" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-option-title="${eachJob.title}" aria-label="Job title ${eachJob.title} ${eachJob.location ? 'Location' : ''} ${eachJob.location} ${eachJob.category ? 'Category' : ''} ${eachJob.category}" data-title="${eachJob.title}" data-jobid="${eachJob.id}" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-id="suggested-data-link" data-ph-at-job-id-text="${eachJob.id}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-category-text="${eachJob.category}" data-ph-at-job-location-text="${eachJob.location}" data-ph-id="ph-page-element-page1-yd7hZ3"> <div class="phs-job-title" data-ph-id="ph-page-element-page1-yZWzvL"> <!-- <span class="sr-only"><ppc-content key="catogeryJobTitleText" data-ph-at-id="jobtitle-text">Job title</ppc-content></span> --> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-PMNxa7"></span> </div> <div class="phs-job-info" if.bind="eachJob.location" data-ph-at-id="job-info" data-ph-id="ph-page-element-page1-5UHXJ5"> <span class="phs-job-location" data-ph-id="ph-page-element-page1-0qNcHx"> <!-- <span class="sr-only"><ppc-content key="headerJobLocationsText" data-ph-at-id="joblocation-text">Location</ppc-content></span> --> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-page-element-page1-nMSkqk"> <!-- <span class="sr-only"> <ppc-content key="headerJobCatogeryText" data-ph-at-id="jobcategory-text">Category</ppc-content> </span> --> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page1-1tPFNP"> <h2 data-ph-id="ph-page-element-page1-tGFbe7"> <ppc-content key="ph-global-search-v3-default-xsrdse-fLRDqi" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-6MvD9v"> 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="presentation" data-ph-id="ph-page-element-page1-Q4zg11"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-Xkdjxs"> <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-page-element-page1-bRgXyy"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-bGow3b"></span> </a> </li> </ul> </div> <!--Location--> <div class="phs-locations-suggested" if.bind="(allSuggestions.show.locations && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedLocations')))) && (allSuggestions.locations.city.length || allSuggestions.locations.state.length || allSuggestions.locations.country.length)" data-ph-at-id="suggested-locations" data-ph-id="ph-page-element-page1-YAbZuD"> <h2 data-ph-id="ph-page-element-page1-wrUsMR"> <ppc-content key="ph-global-search-v3-default-xsrdse-4coDoQ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-6HG7uB"> Locations </ppc-content> </h2> <ul class="phs-locations-suggested-list" role="region" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.locations.length}" aria-hidden="${!allSuggestions.locations.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-vNgjk4"> <li repeat.for="eachCity of allSuggestions.locations.city" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-page-element-page1-6uRT0g"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_1_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCity, 'qcity='+eachCity.city+'&qstate='+eachCity.state+'&qcountry='+eachCity.country)" data-ph-tevent-attr-trait59="location" aria-label="${eachCity.locationName} ${eachCity.count} ${eachCity.count > 1 ? 'jobs' : 'job'}" data-ph-tevent-attr-trait60="${eachCity.name}" data-option-title="${eachCity.name}" data-category="${eachCity.name}" data-ph-at-data-count="${eachCity.count}" data-ph-at-data-text="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page1-gWOFd7"> <span innerhtml="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page1-3BAA2K"></span> <span if.bind="eachCity.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page1-bT62eH"> <ppc-content key="ph-global-search-v3-default-xsrdse-BWAqVL" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page1-M87DgJ"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCity.count}" data-ph-id="ph-page-element-page1-xFTZRJ"> ${(widgetBundle['eachCityCount'] || '{{totalCityCount}}') | pht:{'totalCityCount':eachCity.count}} </span> </a> </li> <li repeat.for="eachState of allSuggestions.locations.state" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-states-list-item" data-ph-id="ph-page-element-page1-PPNc1y"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_2_${$index}" href.bind="getUrl(linkEle, 'search-results', eachState, 'qstate='+eachState.state+'&qcountry='+eachState.country)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachState.name}" data-option-title="${eachState.name}" aria-label="${eachState.locationName} ${eachState.count} ${eachState.count > 1 ? 'jobs' : 'job'}" data-category="${eachState.name}" data-ph-at-data-count="${eachState.count}" data-ph-at-data-text="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page1-biN87j"> <span innerhtml="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page1-AIc9EP"></span> <span if.bind="eachState.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page1-jIfm9S"> <ppc-content key="ph-global-search-v3-default-xsrdse-yLn7bO" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page1-nMLgzx"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachState.count}" data-ph-id="ph-page-element-page1-jnc7W7"> ${(widgetBundle['eachStateCount'] || '{{totalStateCount}}') | pht:{'totalStateCount':eachState.count}} </span> </a> </li> <li repeat.for="eachCountry of allSuggestions.locations.country " class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-countries-list-item" data-ph-id="ph-page-element-page1-26KoUy"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_3_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCountry, 'qcountry='+eachCountry.name)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachCountry.name}" data-option-title="${eachCountry.name}" data-category="${eachCountry.name}" data-ph-at-data-count="${eachCountry.count}" aria-label="${eachCountry.locationName} ${eachCountry.count} ${eachCountry.count > 1 ? 'jobs' : 'job'}" data-ph-at-data-text="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page1-7Ic0dD"> <span innerhtml="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page1-hAvceo"></span> <span if.bind="eachCountry.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page1-MOhBOi"> <ppc-content key="ph-global-search-v3-default-xsrdse-RVL7lA" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page1-np5699"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCountry.count}" data-ph-id="ph-page-element-page1-72NRr4"> ${(widgetBundle['eachCountryCount'] || '{{totalCountryCount}}') | pht:{'totalCountryCount':eachCountry.count}} </span> </a> </li> </ul> </div> <!--Category--> <div class="phs-categorys-suggested" if.bind="allSuggestions.show.categories && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-page-element-page1-yTAUyw"> <h2 data-ph-id="ph-page-element-page1-ZZD6R2"> <ppc-content key="ph-global-search-v3-default-xsrdse-uAep4X" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-5rbA6j"> Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.categories.length}" aria-hidden="${!allSuggestions.categories.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-Rp8m4J"> <li repeat.for="eachCategory of allSuggestions.categories" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-gPaYT7"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'category', eachCategory)" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-option-title="${eachCategory.category}" aria-label="${eachCategory.category} ${eachCategory.count} ${eachCategory.count > 1 ? 'jobs' : 'job'}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-page-element-page1-eEhfmc"> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-page-element-page1-5ZBtg2"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <!--Recent Searches--> <div class="phs-recentsearches-suggested" if.bind="allSuggestions.show.searched && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-page-element-page1-lPDkFG"> <h2 data-ph-id="ph-page-element-page1-yQxLWv"> <ppc-content key="ph-global-search-v3-default-xsrdse-KiYf1u" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-tVBv8p"> Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-GLteyC"> <li repeat.for="eachKeyword of allSuggestions.searched" data-ph-at-id="suggested-data-list-item" show.bind="$index < 3" data-ph-id="ph-page-element-page1-XXvMxz"> <a ph-tevent="type_ahead_search" id="phs-lia_4_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="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}" aria-label="${eachKeyword}" data-ph-id="ph-page-element-page1-cx7tc9">${eachKeyword}</a> </li> </ul> </div> <!--Suggested Keywords--> <div class="phs-suggested-keywords-suggested" if.bind="allSuggestions.show.keywords && !allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page1-fDPfq8"> <h2 data-ph-id="ph-page-element-page1-3wJCV8"> <ppc-content key="ph-global-search-v3-default-xsrdse-GyIdeK" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-UD6Hmq"> Suggested keywords </ppc-content> </h2> <ul class="phs-suggested-keywords-list" click.delegate="handleSelection($event)" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.keywords.length}" aria-hidden="${!allSuggestions.keywords.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-Gi9CD6"> <li repeat.for="eachKeyword of allSuggestions.keywords" show.bind="$index < 3" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-Y7hity"> <a ph-tevent="type_ahead_search" id="phs-lia_5_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="inlineSearch ? 'javascript:void(0)' : 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}" aria-label="${eachKeyword}" data-ph-id="ph-page-element-page1-my3vJd"> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-id="ph-page-element-page1-fOXmpn"> <div aria-owns="typehead-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-page1-aj1m40"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-MmvROo" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-page-element-page1-jgtDz9"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-52rMBr"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-YHWCNA" click.delegate="clearBackdrop($event)" data-ph-id="ph-page-element-page1-3gKve8"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-RrXllo"></i> </a> <!-- <span class="sr-only">Please navigate the suggestions using the tab key</span> --> <label for="typehead" class="sr-only" data-ph-id="ph-page-element-page1-T3vVHH">${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}</label> <input type="text" class="ph-a11y-search-box form-control phs-keywords input-lg ph-input-search" focus.trigger="handleFocus($event)" value.bind="searchValue" placeholder="${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}" autocomplete="off" ph-a11y-autocomplete="" aria-autocomplete="list" aria-controls="typehead-listbox" data-ph-at-id="globalsearch-input" showresultsonfocus="${isMilitarySearch ? false : true}" name="typehead" id="typehead" data-ph-id="ph-page-element-page1-PBjxwf"> <span class="search-sym" data-ph-id="ph-page-element-page1-a4Nlz1"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-7CHKgR"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page1-xXX1o3"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0);" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="ph-global-search-v3-default-xsrdse-gLNdRb" data-ph-id="ph-page-element-page1-wLpIoI"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-Ov8Pbx"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-WG0xFl"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-page1-uziiMs"> <ppc-content key="ph-global-search-v3-default-xsrdse-xOCGLY" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-page1-8gcqtg"> Clear text </ppc-content> </span> </a> </input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="typehead-listbox" aria-label="Search suggestions" role="listbox" tabindex="-1" aria-hidden="${!showDropDown ? 'true' : 'false'}" aria-labelledby="typehead-listbox" data-ph-id="ph-page-element-page1-5VW5Mj"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-page-element-page1-bPZO7I"> <div class="phs-search-categories" data-ph-id="ph-page-element-page1-BoYOfW"> <div data-ph-id="ph-page-element-page1-VHIX5O"> <h2 data-ph-id="ph-page-element-page1-0ysLJD"> <ppc-content key="ph-global-search-v3-default-xsrdse-JgFgbb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-LvEkVH"> Job Categories </ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" data-ph-at-id="category-list" data-ph-at-total-data-count="${allJobCategories.length}" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-BE4ZGW"> <li repeat.for="category of allJobCategories" class="job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" data-ph-id="ph-page-element-page1-5I8KQV"> <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-page-element-page1-cHVnuN"> <span class="sr-only" data-ph-id="ph-page-element-page1-lOzJYq"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-page-element-page1-KppS99">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-page-element-page1-WDmLdY"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-page-element-page1-jRTg0Y">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-page-element-page1-4GL3xY">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-page-element-page1-cDVsI8"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page1-bp1eZz"> <h2 data-ph-id="ph-page-element-page1-UPW0vh"> <ppc-content key="ph-global-search-v3-default-xsrdse-3VgMVm" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-98oPz9"> 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="presentation" data-ph-id="ph-page-element-page1-64cWmH"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-fY0P2K"> <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-page-element-page1-jwhiy5"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-7ZF4ik"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-page-element-page1-Tw2xR7"> <ppc-content key="ph-global-search-v3-default-xsrdse-D6dyKL" data-ph-at-id="no-data-text" data-ph-id="ph-page-element-page1-NpFVjp"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-page-element-page1-3vBLkS"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-page-element-page1-LnZhwg"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-page-element-page1-g9PPB5"> <ppc-content key="ph-global-search-v3-default-xsrdse-S2RUA7" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-d6Qs5n"> Jobs </ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" aria-hidden="${!suggestedJobs.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-rEpVTm"> <li repeat.for="eachJob of suggestedJobs" role="option" data-ph-at-id="suggested-data-list-item" class="phsJobsSuggested_${$index}" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-id="ph-page-element-page1-RA5ci2"> <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-page-element-page1-MB1V4t"> <div class="phs-job-title" data-ph-id="ph-page-element-page1-U5k5fp"> <span class="sr-only" data-ph-id="ph-page-element-page1-9amC2q"> <ppc-content key="ph-global-search-v3-default-xsrdse-jrBY7O" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-1oMNdp"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-3frq0b"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-page-element-page1-05dtNY"> <span class="phs-job-location" data-ph-id="ph-page-element-page1-oz1pML"> <span class="sr-only" data-ph-id="ph-page-element-page1-QJV0oL"> <ppc-content key="ph-global-search-v3-default-xsrdse-Xau31J" data-ph-at-id="joblocation-text" data-ph-id="ph-page-element-page1-7PYyfe"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-page-element-page1-6857KC"> <span class="sr-only" data-ph-id="ph-page-element-page1-b1Ik1l"> <ppc-content key="ph-global-search-v3-default-xsrdse-TfYJBH" data-ph-at-id="jobcategory-text" data-ph-id="ph-page-element-page1-Xp07qP"> category </ppc-content> </span> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-page-element-page1-TZ9y1A"> <h2 data-ph-id="ph-page-element-page1-Zciar6"> <ppc-content key="ph-global-search-v3-default-xsrdse-6rPYQk" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-LIWZ6M"> 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="presentation" data-ph-id="ph-page-element-page1-P2HtTv"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-uKdZ1H"> <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-page-element-page1-J03O3C"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page1-ykDbTf"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedLocations')))" data-ph-at-id="suggested-locations" data-ph-id="ph-page-element-page1-TvqZ0f"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page1-Q6L84h"> <ppc-content key="ph-global-search-v3-default-xsrdse-O1r1lf" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-o93RWT"> Location </ppc-content> </h2> <ul class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" aria-hidden="${!suggestedLocations.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-6dVz3L"> <li repeat.for="eachLocation of suggestedLocations" role="option" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-page-element-page1-0ajrJ5"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city+'&qstate='+eachLocation.state+'&qcountry='+eachLocation.country)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.name}" data-category="${eachLocation.name}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.name}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-page-element-page1-I9guut"> <span class="sr-only" data-ph-id="ph-page-element-page1-vOObcG"> <ppc-content key="ph-global-search-v3-default-xsrdse-PxPkTZ" data-ph-at-id="joblocation-text" data-ph-id="ph-page-element-page1-GbOOYT"> location </ppc-content> </span> ${eachLocation.locationName} <!-- <span class="phs-jobs-count">${eachLocation.count}</span> --> <span class="phs-jobs-count phs-${eachLocation.count}" data-ph-id="ph-page-element-page1-G7RDby"> ${(widgetBundle['eachLocationCount'] || '{{totalLocationCount}}') | pht:{'totalLocationCount':eachLocation.count}} </span> </a> </li> </ul> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-page-element-page1-se3YYN"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page1-uBJM7q"> <ppc-content key="ph-global-search-v3-default-xsrdse-2rfIYy" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-B26J8s">Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" aria-hidden="${!suggestedCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-v5V1ET"> <li repeat.for="eachCategory of suggestedCategories" role="option" class="phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" data-ph-id="ph-page-element-page1-MZCA2U"> <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-page-element-page1-TPn7DP"> <span class="sr-only" data-ph-id="ph-page-element-page1-NoO9yc"> <ppc-content key="ph-global-search-v3-default-xsrdse-mNx6AM" data-ph-at-id="jobcategory-text" data-ph-id="ph-page-element-page1-RP9nW2"> category </ppc-content> </span> ${eachCategory.category} <!-- <span class="phs-jobs-count">${eachCategory.count}</span> --> <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-page-element-page1-PkO8Pc"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-page-element-page1-2RrhEL"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page1-SW0sLw"> <ppc-content key="ph-global-search-v3-default-xsrdse-yuZfoV" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-qn1s3z">Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-S7aGCA"> <li repeat.for="eachKeyword of allSuggestions.searched" role="option" show.bind="$index < 3" class="phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" data-ph-id="ph-page-element-page1-9r5xeL"> <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-page-element-page1-hiim1d"> <span class="sr-only" data-ph-id="ph-page-element-page1-3poKXl"> <ppc-content key="ph-global-search-v3-default-xsrdse-SgieyW" data-ph-at-id="recentsearch-text" data-ph-id="ph-page-element-page1-8GTbRg"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page1-06a1ve"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page1-JDM9Kf"> <ppc-content key="ph-global-search-v3-default-xsrdse-CABuOq" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-7OYPHj"> Suggested keywords </ppc-content> </h2> <ul class="phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" aria-hidden="${!suggestedKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page1-wWRsqS"> <li repeat.for="eachKeyword of suggestedKeywords" role="option" show.bind="$index < 3" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + allSuggestions.searched.length + $index + 1}" data-ph-id="ph-page-element-page1-3nvkDa"> <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-page-element-page1-rdOU8E"> <span class="sr-only" data-ph-id="ph-page-element-page1-AOj59T"> <ppc-content key="ph-global-search-v3-default-xsrdse-O4kNjR" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-page-element-page1-de9sBE"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <span class="input-group-btn ${searchBoxBackdrop ? 'blur-background':''}" data-ph-id="ph-page-element-page1-dcUAiQ"> <button type="submit" submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" class="btn primary-button btn-lg phs-search-submit " data-ph-at-id="globalsearch-button" role="button" aria-label="${widgetBundle['globalsearchButtonAriaLabelText'] | pht}" id="ph-search-backdrop" data-ph-id="ph-page-element-page1-q2qfDM"> <ppc-content type="icon" data-ph-id="ph-page-element-page1-jotd88"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page1-dFtjGX"></i> </ppc-content> <span data-ph-id="ph-page-element-page1-yMuAPU"> ${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only" data-ph-id="ph-page-element-page1-TS7w0G"> <span if.bind="resultsUpdated" data-ph-id="ph-page-element-page1-o5NH34"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && !gsClrTxt" key="ph-global-search-v3-default-xsrdse-tcW38m" data-ph-id="ph-page-element-page1-SN7zz1"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && gsClrTxt" key="ph-global-search-v3-default-xsrdse-B8MU6D" data-ph-id="ph-page-element-page1-5csJMn"> Text cleared. Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue.length && suggestedJobResults.length > 0" key="ph-global-search-v3-default-xsrdse-k2sS2E" data-ph-id="ph-page-element-page1-IZngrH"> ${suggestedJobResults.length} suggestions available, move to list to select suggestion. </span> <span if.bind="!isMilitarySearch && searchValue.length && !suggestedJobResults.length" key="ph-global-search-v3-default-xsrdse-dyr0nl" data-ph-id="ph-page-element-page1-WR3HE0"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="ph-global-search-v3-default-xsrdse-epKQIy" data-ph-id="ph-page-element-page1-GsVtTq"> Military job suggestions available, Use arrow keys to access the job suggestions. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="ph-global-search-v3-default-xsrdse-g9J3oX" data-ph-id="ph-page-element-page1-LEYgdw"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="ph-global-search-v3-default-xsrdse-L9MEGv" data-ph-id="ph-page-element-page1-UwYI2H"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="ph-global-search-v3-default-xsrdse-dOa0Gk" data-ph-id="ph-page-element-page1-9eizeg"> No results found </span> </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1611898675798-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-iSFvT6"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-yrBigD" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-MxalkZ"> <span class="action-icon" data-ph-id="ph-page-element-page1-CVKnvc"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-page-element-page1-ftNTmL"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-kWWHtc" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-82SP7m">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1611898675798-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-Gav2Li"> <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--j1YKrB" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page1-4RifL9"> <div class="dropzone-content" data-ph-id="ph-page-element-page1-Pusamw"> <div class="content-holder" data-ph-id="ph-page-element-page1-oeQFaB"> <span data-ph-id="ph-page-element-page1-wjj8tq"> <ppc-content key="ph-import-resume-v1-external-upload-resume--fkghVF" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page1-E6Sxhk">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1611898675828-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-G4wqXo"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-iYc32l"> <ppc-content key="ph-import-resume-v1-upload-new--toCeuk" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-NwE3ys"> Try again </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1611898675828-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-kT3XSa"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page1-QQcLBq"> <!-- 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-Gz8JgT"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page1-nGxOEj"> <div class="content-block" data-ph-id="ph-page-element-page1-i0irst"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--3Yd4ll" data-ph-id="ph-page-element-page1-XjnOSN"> <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--7auuls" data-ph-id="ph-page-element-page1-yGqymv"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-quFETv"> <div class="icon-block" data-ph-id="ph-page-element-page1-NZM0WF"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-r51nsr"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-eKg8rO"> ${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-1611898676253-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-YkRo1M"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-66Tq7a"> <div class="widget-container" data-ph-id="ph-page-element-page1-MmrwWt"> <div class="content-block" data-ph-id="ph-page-element-page1-LG9gjN"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-T5h7V4" data-ph-id="ph-page-element-page1-nJSBVf"> <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-40Afi4" data-ph-id="ph-page-element-page1-Ic7EVB"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-page-element-page1-1XwlxT"> <div class="icon-block" data-ph-id="ph-page-element-page1-x68upJ"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-uIF1xJ"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-TKEHGU"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1611898676691-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-XYwkan"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-HGQaqq"> <div class="widget-container" data-ph-id="ph-page-element-page1-jEmIvv"> <div class="content-block" data-ph-id="ph-page-element-page1-T5nYA7"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--xGRui9" data-ph-id="ph-page-element-page1-stWQDE"> <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--AbYryr" data-ph-id="ph-page-element-page1-wVU0wU"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-page-element-page1-rVj2f7"> <div class="icon-block" data-ph-id="ph-page-element-page1-75RN0e"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-7CFqlx"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-xpLa9T"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1611898676262-view1" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-hMgane"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-A62kRB"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page1-2bodcx"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-xR3OXO"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-9CJ8cp"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-VgzDup"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page1-rwBb6d"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-CVHT4Q"></i> <span class="alert-msg" data-ph-id="ph-page-element-page1-qQPGfd"> ${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-YYEWFg"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-N6Ynwq"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-DVwJxw"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-yCGaVC"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-JGZoWk"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-xaHTre"> ${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-jBozaa"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-speLwJ"> ${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-Zyppog"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-hbLhLn"> <form novalidate="" data-ph-id="ph-page-element-page1-Ov0tDS"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-gUpYst"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-BojKRT"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-F1tHu9"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-PRESxs"> <div class="text-box" data-ph-id="ph-page-element-page1-KXBYNs"> <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()" data-ph-id="ph-page-element-page1-xzcwvQ"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-bKTvHb"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-oik32B"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-7rJTaH"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ZJQctD"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-OYNomK"> ${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-sEDZ26"> ${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-G5Cltw"> ${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-wTZpzm"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-ekDUe3"> ${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-zIFl0S"> ${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-Lusced"> ${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-WU1c5a"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-sZhAwh"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-M1ggQC"> <div class="text-box" data-ph-id="ph-page-element-page1-Cd06bG"> <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)" data-ph-id="ph-page-element-page1-qyecjA"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-WKhnAt"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-cerO52"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-iKM7Gb"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-RHHynB"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-wSVAng"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-CK533e"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-wvMo4S"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-A98K6I"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-4Ri9Xk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-io91po"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-Ekxlyu"> ${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-ZKmaYY"> ${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-NezsNj"> ${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-dEseSS"> ${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-12vxhF"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-1pnAAK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-zC9Sly"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-PgTKD7"> ${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-MqDKYW"> <div class="form-container" data-ph-id="ph-page-element-page1-pg8MiS"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-688z9N"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-owlnBS"> <div class="user-options" data-ph-id="ph-page-element-page1-xkBx9e"> <span class="each-option" data-ph-id="ph-page-element-page1-xC8N1b"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-pVQPYe"> <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-oOGl85"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-TsPST7"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-WkFbPl"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-R13cc7"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-Kbyxs4"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-WDAHcJ"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-NwZu4Z"> ${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-i5hSEt"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-ikc5PI"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-DptPvv"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-ZrAxM2"> ${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-MrzpCt"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-7aTWSZ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-tAXHmC"> ${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-5dPhCy"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-5pvZGZ"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-ugyldM"> ${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-BGUEE8"> <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-ckCbxL"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-l5xHzn"> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-EHMsjo"> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-IxenjW"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-jwWezR"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-GtLUln"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-b1fkiM"> <form novalidate="" data-ph-id="ph-page-element-page1-XmXIBW"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-4K2PLj"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-TqNnQi"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-Uc36MN"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-C8uoWv"> <div class="text-box" data-ph-id="ph-page-element-page1-WmLjTJ"> <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()" data-ph-id="ph-page-element-page1-GmLLk1"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-OGSgcT"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-HEXcvD"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-4zvZjR"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-h8UrDA"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-XvYLfk"> ${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-dOoZD8"> ${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-HUgE1N"> ${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-nB7LBs"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-0TpJMV"> 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-ThSFTk"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-TOedUo"> ${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-rRS7An"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-tLXFJV"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-Jh2jfK"> <div class="text-box" data-ph-id="ph-page-element-page1-xj5HJZ"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" 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)" data-ph-id="ph-page-element-page1-9FGcCt"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-EeksJ1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-zgPZdk"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-iIEBaQ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-kUl3CH"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-QqU3zV"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-e0LeK8"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-zuRKTq"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-w0EEML"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-7GA7EH"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-DrfH0J"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-z3xI5u"> <span class="sr-only" data-ph-id="ph-page-element-page1-QlL1iW"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-OFedfo"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-dcRtKG"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-Z0ea9r"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-jZqSGH"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-QzE8jr"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-VeqVyQ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-ILo6Kn">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-N0FrDw">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-NACJpz">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-oSU1bK">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-rtRauC"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-W5Atn1"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-ALS9iZ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-lYvhCh"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-bWa5VA"> <div class="form-container" data-ph-id="ph-page-element-page1-Dtc9qW"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-lR8bjk"> ${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-TPmK3Z"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page1-S1tcQG"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-jsLTIK"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-iXAgav"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" view="1611898676691-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-wWi3zH"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-MtqzHU"> <span data-ph-id="ph-page-element-page1-Gqhjez"> ${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-tmF6vd"> ${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-04tLpt"> <span data-ph-id="ph-page-element-page1-EQYpAX"> ${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-WR2XMB"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-page-element-page1-xs3xIz"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-ZwBkkO">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-J0huep">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page1-fGLzzI"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-FbKsf3"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-8O7PaB"> <h2 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-V9Ndal"> ${widgetBundle['createNewPwdText'] | pht} </h2> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page1-Xpk5nU"> <form novalidate="" data-ph-id="ph-page-element-page1-wECrjT"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-kiKP5v"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-i2zn19"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page1-NAUzGh"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-yNRBv2"> <div class="text-box" data-ph-id="ph-page-element-page1-yzwnRi"> <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" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" data-ph-id="ph-page-element-page1-IqG57n"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-q4bKEe"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-4kv2r5"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-jZa4iR"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-uGP9XY"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-dps1QI"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-geBqaC"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-2ev0eS"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-rGmvqs"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-Y6W0hp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page1-pct7pL"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-a8dHLz"> <span class="sr-only" data-ph-id="ph-page-element-page1-YAqR8t"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-PpjqQW"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-0ZjYEO"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-U8ZEXy"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-xroteh"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-fkSVvl"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page1-HiDddE"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-deZH4z">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-zsScbZ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-qMbmYn">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-Xr2lRA">${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-muehk7"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-UcExO7"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-wgMXO7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-usfrKw"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page1-7caUnM"> ${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-n2mLZn"> <div class="form-container" data-ph-id="ph-page-element-page1-yRmF2d"> <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-o7qtqz"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1611898676323-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-fu8cLO"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-oV85Rf"> <div class="widget-container" data-ph-id="ph-page-element-page1-B8cXih"> <div class="content-block" data-ph-id="ph-page-element-page1-5u3aNV"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--26eLY5" data-ph-id="ph-page-element-page1-rzGfcG"> <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--qStN7e" data-ph-id="ph-page-element-page1-8ts2J4"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-vD9ZYY"> <div class="icon-block" data-ph-id="ph-page-element-page1-eXE0z3"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-0iHeI9"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-xvGRaB"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1611898675838-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-zfyBG5"> <div class="widget-container" data-ph-id="ph-page-element-page1-vVW0dh"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-woMCKa"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page1-HI5ZNv"> <div class="fyf-step-block" data-ph-id="ph-page-element-page1-1oL4ds"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-0aUhB4"> </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-AI4kzt"></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-Uk5JW0"> <div class="heading-block" data-ph-id="ph-page-element-page1-jGW74P"> <!-- <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-GMX9Ds"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-f69k05" data-ph-id="ph-page-element-page1-ewWtzu"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page1-pv0BGf"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-Vr8DqD"></i> <span data-ph-id="ph-page-element-page1-1f6N2A"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-kiQWvi" data-ph-id="ph-page-element-page1-70Rm6u"> 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-RKZcme"> <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="1611898676253-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page1-jCoSNH"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-Ig9Rkn"> <div class="prev" data-ph-id="ph-page-element-page1-YteiOn"> <a 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-on4wZP" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-ARfHVg"> <span data-ph-id="ph-page-element-page1-xpVUin"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-ALFkIZ"></i> </span> </a> </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-Q8URDL"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-xaw7Kt"> <!-- <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-q4OzrS"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-OY8PDY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lpfjL4" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-krz9Vx">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-u8sZzm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vyt9Lx" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-zpojfT">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-axi72J"> <legend class="sr-only" data-ph-id="ph-page-element-page1-gafCgy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cFdIH8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-dux8W5">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page1-DLs6lj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-LG5GEZ" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-0irpMR">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-pE8jnc"> <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-Kyzp5f" /> <span class="cat-text" data-ph-id="ph-page-element-page1-o5LsCF">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-M3KKNT"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-YdLHPd"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-jDmdyO"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-uzTYC3"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-0VNuvx"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-sXn6ve" 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-3EIDIS">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-PTBIgW" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-Ln7adG">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-UrNJp4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YOBwLg" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-Quepc9">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-qgMXlt"> <a 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-k8bRm6" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-nN6RsO"> <span data-ph-id="ph-page-element-page1-5iFm6c"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-9UZaH8"></i> </span> </a> </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-8AaAGy"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-rJum1U"> <!-- <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-4S6HPs"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-HcserC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-mkj6Z7" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-1r1z7N">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-OdgGDO"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KTZiV2" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-5IYjwP">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-DiV8K3" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page1-XCACBX"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page1-FjzCTK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Eq7npO" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-ienL7a">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-3P0Oez"> <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-qkAZml" /> <span class="cat-text" data-ph-id="ph-page-element-page1-pYapK7">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-P1G68o"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-mjdoUT"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-XgIfbp"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-wvMuXn"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-HA85cC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Y9U7BY" 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-J0in1i">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-qFFVH3" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-mL2t5l">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-oj7UdC"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-48HEzM" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-dY1LPy">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-U8aTsG"> <a 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-8iA5bl" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-FWE205"> <span data-ph-id="ph-page-element-page1-jUaTzV"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-Qgztjt"></i> </span> </a> </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-kJHiRT"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-acCh6i"> <!-- <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-updyqG"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-yWdaUL"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gaFULr" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-qFthqN">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-6mNyy6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-mcCAGm" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-GZRxdS">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-EQEIyd"> <label for="recentTitles" data-ph-id="ph-page-element-page1-Am3tk9"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-OOU0hB"> <div aria-expanded="false" 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-AEd1MO" data-ph-id="ph-page-element-page1-BqkJ68"> <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-TB40Q5" 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-2RWLfl"> </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-XYXrFZ" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-rgplz5"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page1-hpSpjH"></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-GF2h3u"> <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-n07fgv"></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-FCMD7l" data-ph-id="ph-page-element-page1-vPWVDd">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-fkbA7v"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page1-av2IsG"> ${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-rgP2fk" data-ph-id="ph-page-element-page1-LFg5L9"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page1-8o7HrO"> <label class="input-radio-group" data-ph-id="ph-page-element-page1-ktxgWp"> <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-fjqlvY" data-ph-id="ph-page-element-page1-fK97V6"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Ixffth"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-nNa01b"></span> <span class="radio-text" data-ph-id="ph-page-element-page1-Ejxg6U"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-3JHNui" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page1-xtLcoy">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-32oNIJ"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-r1jwrl"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-5LgKXY"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-17hSlT" 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-QwvOU4">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-aMd72c" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-keXpEL">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-lCIH66"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pioA1r" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-WGSWdX">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-Odgl4S"> <a 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-540k6n" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-7jw2g6"> <span data-ph-id="ph-page-element-page1-8TB418"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-wV5BW8"></i> </span> </a> </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-Bqb8Zt"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-XfcPgh"> <!-- <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-BmrylV"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-HF3AFe"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-FoJjO7" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-CdNybC">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-7rAQXU"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-k7aNb8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-hMRKjB">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-bDmBDX"> <label for="skills" data-ph-id="ph-page-element-page1-uALqu1"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page1-1hh3Rt">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-caDgjz"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page1-ZMTOXX"> ${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-LZazoN"> <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-AYkKHX"> <div role="list" data-ph-id="ph-page-element-page1-dmbAV4"> <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-5UnnoY"> <span data-ph-id="ph-page-element-page1-wtXSsk">${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-KA1HDJ" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page1-9fPyX0"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-9qnkIr"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-rvDFRb"> <div data-ph-id="ph-page-element-page1-i1aB1l"> <div class="search-box-inline" aria-expanded="false" 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-OLqkc9" data-ph-id="ph-page-element-page1-vllfqB"> <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-lJbW8x" 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-3LIKx6"> </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-CPggvB" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-itARkY"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-OULHZt"></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-lMb3Vu"> <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-bP1cQf"></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-vxetCY" data-ph-id="ph-page-element-page1-baGwtr">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Wa1GIC"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-JViU9h"> ${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-KwsgqM" data-ph-id="ph-page-element-page1-fRUie7"> 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-B5fYLF"> <div data-ph-id="ph-page-element-page1-Q6TZUH"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page1-4S3gZM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DCxEox" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page1-ZMiYLA">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page1-GRnjDS"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page1-tW8F3A"> <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-PQlHa2"> <span data-ph-id="ph-page-element-page1-AwmhSM">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page1-L7m9JB"></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-P0pVqT"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-zENZth"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-lnVVQs"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ZKhd13" 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-Q4Wxrg">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-TTvkeN" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-Gmd0Cg">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-LvEOEN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xwovf8" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-fmIurI">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-AheqZV"> <a 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-k662U6" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-LBiWFt"> <span data-ph-id="ph-page-element-page1-Eq7f6J"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-mroHvd"></i> </span> </a> </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-IYDJJE"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-7gN07Z"> <!-- <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-eCgW0f"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-qxnOD2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8Mdnrc" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-XsiTgY">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-Ja5bsj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-petliB" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-ZyjzJY">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-JB08ad"> <legend class="sr-only" data-ph-id="ph-page-element-page1-RL5POa"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1zIcux" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-TtvhLY">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page1-nVZb97"> <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-bIHOMx"> <span class="radio-text" data-ph-id="ph-page-element-page1-PECVyH"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-qT0puh">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-oQlufW" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-f1Rbpi">Year</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-yAVGF3" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-MtDDhN">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-pzo8kd"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-CpSRWj"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-KHqLI7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-sUDGQh" 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-1cFqm1">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-DHczJn" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-zn2EiF">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-ZvX2zS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zVkgdF" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-elUDuo">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-L4ccV6"> <a 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-FadU2U" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-FSLSJY"> <span data-ph-id="ph-page-element-page1-QbFIUx"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-edpJXy"></i> </span> </a> </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-Bp2SN6"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-7zD7JZ"> <!-- <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-XcDaTy"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-7kDDgN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zWF2vw" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-BiZK1z">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-xg0sqH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-XbLe7y" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-Wdkjf8">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-YTfwRN" 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-AkXnZP"> <legend class="sr-only" data-ph-id="ph-page-element-page1-qyTTZN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Y2z2e0" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-OwMigG">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-qgAaQO"> <span class="check-mark" data-ph-id="ph-page-element-page1-FEuWz9"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-wbu6xF"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page1-q6oSvy"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-7VoYEA">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-z4MJ9d" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-5TwP3e">Year</span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-m0AjWQ" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-jJUd07">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-oQJ6jQ"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-Rb2UQn"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-XZ8SAZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-SVHfXQ" 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-QWHgNa">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-GXAqNP" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-qRXbNQ">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-YExQWt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IGuH4S" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-dxqPYh">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-Rqm3g6"> <a 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-xTDqgZ" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-yxKr7W"> <span data-ph-id="ph-page-element-page1-MwS3Uf"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-kFbwjZ"></i> </span> </a> </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-o5uMOu"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-cdX33o"> <!-- <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-qGsnne"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-u63zGd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lOT3w1" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-oiHgAx">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-BF1vTX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-yGJU84" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-ga1kzT">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-c6zJhl"> <label for="locations" data-ph-id="ph-page-element-page1-rBpknx"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page1-1JKcZv">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-WyKU2u"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page1-JGsP9d"> ${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-puPoA0"> <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" data-ph-id="ph-page-element-page1-pcmaIh"> <div role="list" data-ph-id="ph-page-element-page1-cuI2R1"> <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-OZaXVE"> <span data-ph-id="ph-page-element-page1-TER4vS">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove selected ${selectedLoc.location_display} location" key-aria-label="ph-find-your-fit-v1-default-6ty93o-coDf2X" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page1-pTpTXI"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ipm1Nw"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-f21nua"> <div data-ph-id="ph-page-element-page1-Jy0xvN"> <div class="search-box-inline" aria-expanded="false" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-XRMqIk" data-ph-id="ph-page-element-page1-64LcBd"> <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-ubPzP4" aria-autocomplete="off" 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-wSx1vn"> </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-PGMjgc" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-1OdEzP"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-IY27HG"></i> </button> </div> </li> </ul> </div> <ul role="list" 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" data-ph-id="ph-page-element-page1-7pmpzy"> <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-E2QnBp"> </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-aeH7EG" data-ph-id="ph-page-element-page1-r1KTI6">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-rjRDDM"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-rILBli"> ${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-Oc4yb0" data-ph-id="ph-page-element-page1-gScSPl"> 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-9MNMxC"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-D07BX4"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-page-element-page1-P57Q2v"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-FXjPlP" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-t21bx4">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-0kE3HA" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-jumkjb">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-SndcUS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IDUlf2" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-uDAppQ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-yZZPeN"> <a 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-dgQXDk" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-utKC1U"> <span data-ph-id="ph-page-element-page1-GURI8Y"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-YgGmy5"></i> </span> </a> </div> </div> </div> <!-- End prefered Location Step --> <!-- 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-MLB4UH"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-CSoX9n"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-AhXlPm"> <!-- <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-v5g6hu"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-7j3WFS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rX9HCH" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-OkeT0n">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-SkpdO6"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-AmYBHK" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-9xwa0v">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Fu2wqv" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-pNkwep">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-4uUJDi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YTA5aF" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-6YbsTC">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-Ju4K7P"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-daHLCm"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-H3s7LA"> <div data-ph-id="ph-page-element-page1-uLacvw"> <label for="name" data-ph-id="ph-page-element-page1-Vmb8mg"> <span key="ph-find-your-fit-v1-default-6ty93o-zapK7Z" class="sr-only" data-ph-id="ph-page-element-page1-MZoq6U">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-pismWX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-E6NG77" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-RvF4XA">Full name <span class="required" data-ph-id="ph-page-element-page1-niADa6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-WT0bvh"> <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-7EjW8I" 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-wasQPX"> <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-uF187X"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pmcaOC" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-NPQjBd">Name should not 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-IBILbU"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-WP3ACY"> <div data-ph-id="ph-page-element-page1-cgc9ee"> <label for="email-1" data-ph-id="ph-page-element-page1-gosQaG"> <span key="ph-find-your-fit-v1-default-6ty93o-8WLH64" class="sr-only" data-ph-id="ph-page-element-page1-eoAUAu">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-U6lMhu"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-49YdXM" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-RKhS0z">Email <span class="required" data-ph-id="ph-page-element-page1-aCxNoF"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-D5uP14"> <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-KmFt6V" 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-GZDCXl"> <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-GLTKwX"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-aa78v5"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-vvCqzV" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-Cqi2NG">Email should not 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-OtKf8j"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-dlmNqb" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-JtdN5c">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-nW6CDW"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-G5opx9"> <div data-ph-id="ph-page-element-page1-fRhISX"> <label for="phone" data-ph-id="ph-page-element-page1-SDJYYh"> <span key="ph-find-your-fit-v1-default-6ty93o-Am6vLL" class="sr-only" data-ph-id="ph-page-element-page1-QFX77m">Phone number format</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-3wRjrj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7ZsS0o" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-l7GB1p">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-mtQJHN"> <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-TCO0Cw" 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-LWM3Tm"> <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-0JIqGk"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CdpB81" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-8JUmtU">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-ftxtbz"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-9uhhXW"> <div class="security-info-block" data-ph-id="ph-page-element-page1-4d8mjc"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-wHqkiB"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qmu4ZS" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-sybFi5"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-page-element-page1-g9d0fu"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-JbI8Tn"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-zWpEQH"> <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-hKyes8" data-ph-id="ph-page-element-page1-JFI3wi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-pmYNH5"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-FRrMZs"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-QTbgTK"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-6L8BF3" data-ph-id="ph-page-element-page1-1EeagP"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-XbbMlz"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-9p1LIH">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-Jv2kBk">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-3GWZz7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Q4FfRK" data-ph-id="ph-page-element-page1-npvoI0"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-page-element-page1-MiCOsj"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-Ueoy0u"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-KwnEET"> <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-Y6ohov" data-ph-id="ph-page-element-page1-ZvbLsD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-KcRx0w"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-XMDa9R"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-g88X37"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ve7W6U" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-p8iC9s">Sign me up for company updates</ppc-content> </span> </input></label> </div> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-F1ZE3w"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-9xzfq7"> <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-Srgj1Z" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-goWVOS"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-dWfaS7" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-nJjHeV">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-Bq4BsC"> <a 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-quOOFH" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-7mPsPP"> <span data-ph-id="ph-page-element-page1-AXZaCK"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-iBktdZ"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-BhQ9Xq"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-r7JifI"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-X0oZCe" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-VeQf2j">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-15pkrI" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-9tToeJ">Currently we don’t have any jobs that fit your profile.</ppc-content> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page1-wqVG8L"> <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="1611898676262-view1" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page1-G0hAZt"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-iDCzZw"> <div class="prev" data-ph-id="ph-page-element-page1-QWM5he"> <a 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-GNKMcL" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-YoQMna"> <span data-ph-id="ph-page-element-page1-4nIgYs"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-bQileG"></i> </span> </a> </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-Z6jaJQ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-uuPqF8"> <!-- <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-BHeYjS"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-gSgkHc"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-DBNyWN" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-Ll40Fv">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rdt1Zy" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-KH7ZyV">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-hnSaUR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-HSt0KS" data-ph-id="ph-page-element-page1-T8azU7"> 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-p9GC5k"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1611898676323-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-PT7eZ5"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-fu8cLO"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-oV85Rf"> <div class="widget-container" data-ph-id="ph-page-element-page1-B8cXih"> <div class="content-block" data-ph-id="ph-page-element-page1-5u3aNV"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-I8mN03" data-ph-id="ph-page-element-page1-rzGfcG"> <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-djSEX2" data-ph-id="ph-page-element-page1-8ts2J4"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-vD9ZYY"> <div class="icon-block" data-ph-id="ph-page-element-page1-eXE0z3"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-0iHeI9"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-xvGRaB"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page1-PskYAt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-loV7JT" data-ph-id="ph-page-element-page1-bCw724">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-faNHYX"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8CquBm" data-ph-id="ph-page-element-page1-3VOU7W"> 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-eyF7g9"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-0EmY44"> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-nnTM55"> <div data-ph-id="ph-page-element-page1-7JF3xo"> <label for="name" data-ph-id="ph-page-element-page1-ZC33Po"> <span key="ph-find-your-fit-v1-default-6ty93o-lGb7Hm" class="sr-only" data-ph-id="ph-page-element-page1-f1dUY3">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-mVd8US"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-igO0SE" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-OAjAIo">Full name <span class="required" data-ph-id="ph-page-element-page1-niADa6">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-GfkX8s"> <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-FQLxi7" 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-LuZsHt"> <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-YvrJ1P"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2kUBbf" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-UNeB5c">Name should not 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-t4Htvn"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-7ys7fB"> <div data-ph-id="ph-page-element-page1-hDQBfi"> <label for="email-2" data-ph-id="ph-page-element-page1-XuFJaD"> <span key="ph-find-your-fit-v1-default-6ty93o-Ghbyty" class="sr-only" data-ph-id="ph-page-element-page1-71aktA">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-7yzNZ9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Cj7wy4" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-0ZLvAy">Email <span class="required" data-ph-id="ph-page-element-page1-aCxNoF"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-6anx65"> <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-rWhsOx" 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-pnrSv4"> <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-aTDmmK"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-owSf8Q"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-cy2FEK" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-cAE34Q">Email should not 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-90jxL7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-L1MT85" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-LjiL2G">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-FIVZHY"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-Em7P66"> <div data-ph-id="ph-page-element-page1-8v45nC"> <label for="phone" data-ph-id="ph-page-element-page1-6JPFRd"> <span key="ph-find-your-fit-v1-default-6ty93o-v7v8xj" class="sr-only" data-ph-id="ph-page-element-page1-Y2IQtD">Phone number format</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-uUjvxN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-LnF8SH" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-KY7biN">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-CRluKn"> <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-OauNgp" 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-er7xX2"> <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-VdpSvr"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xhWkpt" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-58r4p5">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-hfNzKz"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-TLqDoH"> <div class="security-info-block" data-ph-id="ph-page-element-page1-wS76oq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gyqUyD" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-q3YKG9"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent" data-ph-id="ph-page-element-page1-DBFCJ7"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-a6v9kE"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-j8BhIE"> <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-oEFrv5" data-ph-id="ph-page-element-page1-jRM4GN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-TBaHw1"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-D9fUFl"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-fCgLP0"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-hpGPND" data-ph-id="ph-page-element-page1-SZgAb6"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-GCcwzl"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-HYYji1">terms of use</a> </ppc-content> </span> </input></label> </div> </div> <div class="consent-checkbox-block" if.bind="disableUploadResumeFlow || gdprConsent" data-ph-id="ph-page-element-page1-rgHTL8"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-IIOHBC"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-LzyYKq"> <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-wyEmXM" data-ph-id="ph-page-element-page1-jzN3oW"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-yTJIOB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-pXok4a"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-0NR65D"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-YuJSFn" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-XY7aFq">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-5icRej"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-UYwvcs" data-ph-id="ph-page-element-page1-0gYVre"> Please accept terms of use and policy. </ppc-content> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-ig9dPN"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-UkU9aV"> <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-FdLQC7" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-zj5Bh7"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-GVV3dm" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-m13LLK">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-eMwFtb"> <a 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-5AlG1r" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-lN7gus"> <span data-ph-id="ph-page-element-page1-ijnCfs"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-igGp0q"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page1-N4Aa1u"> <a href="javascript:void(0);" click.delegate="skip()" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType} step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-t2pSL5" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page1-Qs8FNz"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page1-ZV1mm4"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-day2rP" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page1-gltpJx">Skip</ppc-content> </span> </a> </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-I7FoFc"> <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-sW1GqV"> <div class="progress-bar" role="progressbar" 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-AsEJAz"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page1-o7WeFw"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount+1}" data-ph-at-starting-step-number-text="${stepsCount+1}" data-ph-id="ph-page-element-page1-phHEE3"> <div class="progress-bar" role="progressbar" 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-rpax4x"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page1-BdZsNv"> ${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-GgCNJw"> <div data-ph-id="ph-page-element-page1-Zz8Rot"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ndSMg9" data-ph-id="ph-page-element-page1-vSbr8E"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page1-tdw4Pi"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page1-E9seIJ"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1632495377866" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-HdYiUq"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-2aLzFa"> <!-- 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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-G3vutN"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-eXjTq2"></i> <span data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-AtdhnO">${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-oUvQRb"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-C4IPGx"></i> <span data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-UejU0N">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-uIDeaV"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-W2YiWJ"> <!-- User details --> <div class="user-details" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-cXGA4v"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-k8S1Dg"> <span data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-nRZLut">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : 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="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-MqWd3d"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ES7G0w"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ebhqIK"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" if.bind="profileDetails.profile.firstName" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-oZoam1"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-XZdcwL"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-sQbRJj"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-mKqZjz"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-dnXW8t"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-FFT58c"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0J0EkA"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-LwLeN9"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-SHzbmn"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-tLGeup"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8yddC6"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-b5q25I"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-fGVfyO"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ifbPh5"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-mmvRT4"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Yt6OCC"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-lIJAOm"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-z1c0Yr"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-aK9dNP"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ugks4C"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-NDlmVe"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-E5btJq"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-d1nxIo"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-HRirSM"> <form novalidate="" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-WjQ18D"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-VktNHL"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-vLjp3Y"> <label for="signinEmail" class="form-label" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-4smamm"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-acpuQL"> <div class="text-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-69Nmw6"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-uo2iQi"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-HNmUXg"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-kOsxDU"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-RfYelD"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-DoSBgq"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-52aDuw"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bipfBZ"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ccbS88"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-R6YKPX"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-WEyI8j"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-fBmOiM"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-036cJT"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-J8bzTD"> <label for="signInPassword" class="form-label" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bHer9w"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-lEzhS8"> <div class="text-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-hw5B5r"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ymO8rg"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8MqzMc"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-WNonss"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-u8coyR"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-sE1M8W"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-yreRrl"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-mzIbhN"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-zUFeHp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-p3eWlJ"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-KpG8W1"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-cOHFLj"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0S0O3g"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-icLQqu"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ImBRgW"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8MmXD2"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-B5KKsO"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Ol0FiM"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-i1zkT4"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-IlHz5F"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-mCVSCX"> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-L6zxHf"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-yUcri6"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-CHU5u4"> <div class="user-options" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-a1jEeZ"> <span class="each-option" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-6TqKqy"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-F3luGy"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-xtxnkd"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-BJ2RsB"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-SCNZtH"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-BFT4II"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-VFgs2P"> <span class="forgot-password-area" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-jvUygs"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-6UwIzB"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-clWmkW"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Ta5gXp"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-5V405e"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-qUiu0Q"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-s066tj"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-qOAcpa"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8j3TrC"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8IosXs"> <span id="cd-pf-recieve-email" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-3UQSdk"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-drescribedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-pcSzkW"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-SsDXUg"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-8ZOnY4"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-N57hYb"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-fLRchd"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-tI8ebr"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-WmKvZQ"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-TCMJfg"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Icc4rJ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-w4pm2B"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-uPB9MR"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-LCK0NY"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Qg5A6g"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-QP5lsZ"> <form novalidate="" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-tmHNeJ"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-X2Jqvo"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-rVaar9"> <label for="createEmail" class="form-label" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-dby8nw"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-GZgz15"> <div class="text-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-qH3ZsK"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-TofqW3"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-P5JtZK"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bVAtXx"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-cTovha"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-if58ju"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-UGH930"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-IDUqRl"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bZ2uZ6"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-w83N1R"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-hQ9Lls"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bzJUS0"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-dKnaoF"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-yEeCY7"> <label for="createPassword" class="form-label" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-k97XGp"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-t2XMlp"> <div class="text-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-H9QQOL"> <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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-ey0uRd"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-6bUTNN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-xki8XN"></i> <div class="pswrd-visibility" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-EKmGYn"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-L1i3k8"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-hLEIUq"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-7WkpQn"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-I0xe2W"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-2Q67Ai"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-aIs0GP"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-qXiXOz"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-dydD2P"> <span class="sr-only" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-NZyapG"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-64v3U3"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-uaNcaM"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-lkOulk"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-TtchvK"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-BwIsLt"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-5fUsVD"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-spNCwu">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-zEeERP">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-EaRB5a">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-XYmd6U">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-5XehVb"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-nwE8Ah"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-C4tQxx"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-oxyqMW"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-t3qWt4"> <label class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-r1cbmE"> <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="fyf3-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-Ly4ULd"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-yGfc7t"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0oPrWT"></i> </span> <span class="checkbox-text" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-bfeJAy"> <ppc-content key="fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-6pNXEG">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1611898676074-default-mobile-ph-candidate-login-v1fyf3-JjF0Us"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1611898676074-default-mobile-ph-candidate-login-v1fyf3-LeZDqs"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0jCQFM"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0ZJjNb"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-MLXMUB"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-aYNBp2"> <div class="form-container" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-qCECrE"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-alQhhg"> ${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-default-mobile-1632478386544-ph-candidate-login-v1fyf3-WFIT1s"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-RE0wWn"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-BHoM4d"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-nvkJXA" view="1632495377859-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" profile-login-flow.bind="flowType" view="1632495377859-view5" original-view="view5" instance-id="" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-AeHm2h"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0MppyZ"> <span data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-0GXACE"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-EYzSgq"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-4VQzSY"> <span data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-7A5B2Q"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-RGilaE"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-jlQBK2"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-fjX33D">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-default-mobile-1632478386544-ph-candidate-login-v1fyf3-unKjQm">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1611898676906-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-WtdHYC"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-8Y9y1o"> <div class="widget-container" data-ph-id="ph-page-element-page1-CoVt1Y"> <div class="content-block" data-ph-id="ph-page-element-page1-yQlO28"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--xGRui9" data-ph-id="ph-page-element-page1-Y5jI3B"> <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--AbYryr" data-ph-id="ph-page-element-page1-2buzSP"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="Connnect with ${eachSocial.name}" data-ph-id="ph-page-element-page1-U9evW1"> <div class="icon-block" data-ph-id="ph-page-element-page1-zyL6xh"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-BVmaFc"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-JoDV5S"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-1611898676119-default" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-TLeUQU"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page1-GsdEMg"> <!-- 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-K2NbN2"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-6pfq1I"></i> <span data-ph-id="ph-page-element-page1-pOfr8r">${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-EWI8NE"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-d1U0Lz"></i> <span data-ph-id="ph-page-element-page1-VJJEIU">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page1-81Gptd"> <!-- 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-XCBPKl"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-7tcLQY"> <span data-ph-id="ph-page-element-page1-2FyjRu">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : 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="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-eaMqpL"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-t5QnUY"></i> </span> <span class="user-name fs-block" title="${profileDetails.profile.firstName ? profileDetails.profile.firstName : profileDetails.profile.email}" data-ph-id="ph-page-element-page1-EGZukK"> ${profileDetails.profile.firstName ? 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-u5wN2s"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-laywPc"> <span class="user-avatar-initials fs-block" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-9o7WXk"> <span data-ph-id="ph-page-element-page1-MuZnJ6">${profileDetails.profile.firstName ? profileDetails.profile.firstName.substring(0,1) : 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="!profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-XYEYjt"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-aMUJZP"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-rjofhg"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.firstName}" data-ph-id="ph-page-element-page1-w6DrSR"> ${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-vvqDim"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page1-wO7Oqd"> <div class="user-actions-list" data-ph-id="ph-page-element-page1-vvNk1y"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-eqwI29"> <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-p8Ctbx"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-q0Ulpf"> <a ph-tevent="signout_click" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-EMtWpi"> ${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-1YpFH4"> <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-HO1VhX"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-page-element-page1-NAmeih"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-HXrDCu"> <!-- 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-jy56Z9"> <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-aCXQV3"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-yhiuEH"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-nYcsa1"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-NGp06I"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-BUQRTN"> ${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-nGCbFd"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-d91oFe"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-nY0CEI"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-h4ZE7U"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-iXeEwq"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-hcjWC9"> ${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-KLF3Ol"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-gjVLdz"> ${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-NMnhqX"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-0ItNlP"> <form novalidate="" data-ph-id="ph-page-element-page1-c9zlV4"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-VYpAWK"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-V1n0m0"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-iyn0pr"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-zUwLEy"> <div class="text-box" data-ph-id="ph-page-element-page1-EG4irx"> <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()" data-ph-id="ph-page-element-page1-XQ5Q9H"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-0q9FCm"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-92RyTe"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-PUDXMN"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-1M3tcP"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-oHWdhG"> ${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-XMuu3m"> ${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-mgsNLE"> ${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-V9axR4"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-7r2PTK"> ${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-HNRxQ5"> ${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-6NTMAR"> ${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-wH5dmk"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-kqEynK"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-Zs8ubk"> <div class="text-box" data-ph-id="ph-page-element-page1-kM5inV"> <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)" data-ph-id="ph-page-element-page1-zmzVNX"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-oYp5tv"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-XG2q2Q"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-sbVjK7"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-xwJKZD"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-MOy19U"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-BlbSgx"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-0pdyiu"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-9gfLNJ"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-DhD731"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-FzmSZ0"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-F3S4es"> ${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-gkLSaf"> ${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-ABPkpN"> ${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-ybA34f"> ${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-0JWKdu"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-bpDEhP"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-8HuVW3"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-Q0IRUj"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-nStoE5"> <div class="form-container" data-ph-id="ph-page-element-page1-SvSHvU"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-csWy2P"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-QlOgAS"> <div class="user-options" data-ph-id="ph-page-element-page1-yXyFdI"> <span class="each-option" data-ph-id="ph-page-element-page1-ii0el8"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-aJcIVn"> <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-a599hK"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-gHSkWJ"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-PYH1W7"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-2ydSbz"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-0yI80m"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-aBeyrV"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-tQl41n"> ${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-oVQNNN"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-BZlQO6"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-UHq3NO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-y9a3bY"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-nFUTc2"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-K8LySE"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-DaqTeY"> ${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-wdq035"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-spyUdD"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" aria-describedby="cd-pf-recieve-email" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-cLdmXe"> ${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-hmFGYw"> <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-HXr3YN"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-BBvHaJ"> <!-- 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-mQ6DBj"> <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-Czt2C5"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page1-qeh5e4"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-aKKswn"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-BN8g1A"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-QWZcJ4"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-VeqQyl"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-OODC8o"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-p1cNPC"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-t07HKq"> <form novalidate="" data-ph-id="ph-page-element-page1-eD3Pkw"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-bEfj54"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-1Xv4Bj"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-fC6eqo"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-kjgpHP"> <div class="text-box" data-ph-id="ph-page-element-page1-iOeX0z"> <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()" data-ph-id="ph-page-element-page1-Fdupsc"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-jTn8A5"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-TL7puB"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-tHFUuH"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-HgZEow"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-MXSKTk"> ${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-85Rf4i"> ${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-TwdXVo"> ${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-R9hpM6"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-5TK8y4"> ${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-l4UWVg"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-8W0qMc"> ${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-l4T1i9"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-SzJmew"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-aMb0kW"> <div class="text-box" data-ph-id="ph-page-element-page1-3D7A6o"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" 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)" data-ph-id="ph-page-element-page1-8J3IAr"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-FwFekP"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-szi8pQ"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-ueMuuj"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-wYhOsE"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-YPjQsw"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-FVFpo8"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-UGdHit"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-Eg8skl"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-U00jx6"> ${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-9Ueoq0"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-fR7UOa"> <span class="sr-only" data-ph-id="ph-page-element-page1-XuCTe3"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-PisVZU"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-TuoxFs"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-pcyHZv"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-P7qOjs"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-ujOTt3"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page1-1pgJjG"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-pX2sWp">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-8FD0jt">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-mftIAG">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-XmILgx">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-resjaR"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-CpVpud"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-TuFId7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-RFr0Hk"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-tOr1yL"> <div class="form-container" data-ph-id="ph-page-element-page1-PX3RAJ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-ekLwYd"> ${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-1daaHV"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page1-Tusyhb"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-YGi2i5"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-ETLoNM"> <div as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" class="ph-social-connect-v1-view5-default" view="1611898676906-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-mDFFey"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-WIJlxp"> <span data-ph-id="ph-page-element-page1-4Z0gci"> ${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-zHWo8X"> ${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-xvS0Md"> <span data-ph-id="ph-page-element-page1-zOGGQI"> ${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-h3pULz"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" data-ph-id="ph-page-element-page1-oVWF3h"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink']}" data-ph-id="ph-page-element-page1-YKS1z3">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink']}" data-ph-id="ph-page-element-page1-8yYm8M">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1611898676189" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-FDMMI4"></div> <div class="widget-block-area" data-ph-id="ph-page-element-page1-tvCH6v" data-pre-render=""> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page1-8D0dvD"></div> <div class="content-block upload-resume-block" 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-jzEsTs" phae-ally="aria-hidden#false"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-lxesfz"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page1-wFwnOy"> <div class="widget-container" data-ph-id="ph-page-element-page1-Ixt5Nn"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page1-z7iSt2"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page1-d3eHLl"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page1-xq8I6i"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-CJPFTJ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-yzxDEi" language-overriden="true">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-PlzZpC"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-6mG9B9" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-10svSJ" language-overriden="true"><div><span style="font-family:FSIndustrieCd-Bold;"><span style="line-height:normal"><span style="unicode-bidi:embed"><span style="word-break:normal"><span style="font-size:24.0pt"><span style="font-variant:normal"><span style="color:white"><span style="text-transform:none"><span style="letter-spacing:0pt"><span style="font-weight:normal"><span style="font-style:normal"><span style="vertical-align:baseline">Want job recommendations based on your interests?</span></span></span></span></span></span></span></span></span></span></span></span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page1-bBGDrT"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-MbOfJZ" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-Pges8T" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xmplg1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-qL7k55" 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-z8yfyi"> <div class="widget-container" data-ph-id="ph-page-element-page1-8En0ir"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page1-I0cbrT"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page1-mZKxK5"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page1-E0ZYhv"> <span class="user-name-prefix" if.bind="!profileData.firstName" data-ph-id="ph-page-element-page1-tTA5HJ"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page1-gixaHC"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-sb9U3B"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-r9r6Y5" data-ph-id="ph-page-element-page1-alODif" language-overriden="true"> profile icon </span> ${profileData.firstName ? profileData.firstName.substring(0,1) : ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="profileData.firstName" data-ph-id="ph-page-element-page1-MScGxs"> ${profileData.firstName.substring(0,1)}${profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-4a3tPk"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="profileData.firstName" data-ph-id="ph-page-element-page1-HBLrIA"> <span class="recom-text" data-ph-id="ph-page-element-page1-KoAT02">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName":profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page1-q93GzL"> <span class="recom-text" data-ph-id="ph-page-element-page1-x429ns"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-40NHC4" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-HesPum" 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-OY0z00" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-suRbEQ" 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-mpnGzG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-K7CRCj" 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-7lbce6" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-pquwGY" 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-RDNIKS" data-ph-id="ph-page-element-page1-lniXcn" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page1-3BvhPa">Sign up</a> <span data-ph-id="ph-page-element-page1-75flYT"> 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-Nly0QV"> <div class="action-area-block" data-ph-id="ph-page-element-page1-U3EbRS"> <button class="edit-resume upload-action-btn ph-a11y-after-close-focus-elem ${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-7u2XaX" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page1-LvWNP9"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page1-KwKpya"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-fxYU4o"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page1-HVKeAi"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page1-DWMUoE"></i> </span> <span class="resume-name" data-ph-id="ph-page-element-page1-tpQwHZ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-7zI1Gh" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-JGScZj" language-overriden="true"> <span data-ph-id="ph-page-element-page1-td2H9p">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </ppc-content> </span> <i class="icon ${isDropdownOpen ? 'icon-up-arrow' : 'icon-down-arrow'}" aria-hidden="true" data-ph-id="ph-page-element-page1-RkyK1c"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page1-VC4Hhu"> <ul data-ph-id="ph-page-element-page1-bM2eEk"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page1-FgI3g2"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-06ms9g" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page1-IA6kek"> <span class="button-text" data-ph-id="ph-page-element-page1-btuHiT"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page1-A7KZir"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-MsXYWx"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-5ibztL" data-ph-id="ph-page-element-page1-DvnA5j" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li data-ph-id="ph-page-element-page1-UkqWq6"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page1-T0BzQD" view="1611898675798-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="1611898675798-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-V79DTY"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-iSFvT6"> <button id="ph-dropzone" class="upload-btn" aria-label="click here to upload new file" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-Y5tvd9" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-MxalkZ"> <span class="action-icon" data-ph-id="ph-page-element-page1-CVKnvc"> <i class="icon icon-upload" aria-hidden="true" data-ph-id="ph-page-element-page1-ftNTmL"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-og4lmh" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-82SP7m" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page1-EoLP2g"> <button class="remove-btn" aria-label="Reset profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-6nMyO0" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page1-B24QoP"> <span class="action-icon" data-ph-id="ph-page-element-page1-BnYSRx"> <i class="icon icon-delete-4" aria-hidden="true" data-ph-id="ph-page-element-page1-M1M82P"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-1yYosN" data-ph-id="ph-page-element-page1-f2cCET" language-overriden="true"> Remove </ppc-content> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-4UZiUn"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-iVaP55"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-hSnoQm"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-NhFjEG"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-g6fYwc" data-ph-id="ph-page-element-page1-GPasZb" 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-5jFpph" data-ph-id="ph-page-element-page1-EtIyeo"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SFox9B" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-DFm0d6" 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-Cp3f6C"> <div class="action-area-block" data-ph-id="ph-page-element-page1-kjQp26"> <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-PuFpSB" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page1-iCqJdA"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-YOgSDI" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-ZbstUQ" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page1-R1a4Wf"> <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-cwEopi" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page1-Dr3gCr"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page1-IaUFig"></i> <span data-ph-id="ph-page-element-page1-ETW4kV"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Vguwxc" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page1-buZYR6" language-overriden="true"> Reset Personalisation </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-DsnCJY"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-p2JB1u"> <span class="sr-only" data-ph-id="ph-page-element-page1-mh9K5g">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-sWdcFI"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-NCxbZT"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-g6fYwc" data-ph-id="ph-page-element-page1-ypDWvj" 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-5jFpph" data-ph-id="ph-page-element-page1-jr7yb1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SFox9B" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-MYKjVY" 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-TblWsi"> <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-odO337" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-hNqfx2"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xmplg1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-HvWGZ0" 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-DJmeWr"> <div class="action-area-block" data-ph-id="ph-page-element-page1-w9Bz6R"> <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-PuFpSB" data-ph-id="ph-page-element-page1-lIkw0N"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gLLpuH" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-t2n6sD" 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-EHMowr"> <div class="widget-container" data-ph-id="ph-page-element-page1-YBMsUP"> <div class="inner-content" data-ph-id="ph-page-element-page1-1LGInx"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page1-rCDonu"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-pwI3B1" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-ZlimAy" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page1-J3d82u"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-4KUlk7" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-xRgsMq" 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-Jh0hdk"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page1-tiz2Or"> <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-2tDQrz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-TpoWYr" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-2QgxIy" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page1-jd65K7"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-lNAJFj" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-Wep0Pp" language-overriden="true"> or </ppc-content> </p> </div> <div class="dropzone-area" data-ph-id="ph-page-element-page1-bv10og"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page1-GEQqAW" view="1611898675798-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="1611898675798-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-vrNz8H"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page1-ZQxKet"> <p class="or-text" data-ph-id="ph-page-element-page1-dzLzDx"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-lNAJFj" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-1MbBkp" 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-7lPlYZ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-TpoWYr" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-ufb9km" 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-hPtJN1"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-rGGjto"> <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-AnmVNS" data-ph-id="ph-page-element-page1-Gfnab2"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-JGVi0V"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-65WLvi"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-Ug0mI8"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-AnmVNS" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-1J3pGz" 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-Qnz8IZ" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-CgvYgT"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-N7vYPi"></i> </button> </div> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page1-VilMgK"> <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-Jo1c71"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page1-ZsgNsl"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-popup-start-focus" data-ph-id="ph-page-element-page1-4lE6rU"> <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-Bqrwll"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-1tUY78"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page1-fZnmei"> <h2 class="heading-block" data-ph-id="ph-page-element-page1-Q2gkq5"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-zbprtU" data-ph-id="ph-page-element-page1-W5nx92" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page1-rpBMMJ"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-1JZVUW" data-ph-id="ph-page-element-page1-tGT6fM" 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" data-ph-id="ph-page-element-page1-4Vbqvv"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-9frfFI"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-lR8Ncp"> <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-8gpnFq" data-ph-id="ph-page-element-page1-Nsbx9w"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-prpuGC"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-2YF70m"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-fcVKuK"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-z5ys8x" data-ph-id="ph-page-element-page1-BIX7i6" language-overriden="true"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-9XzuhT"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-XotMiV">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-N1LhSE">*</span> </ppc-content> </span> </input></label> </div> <div class="terms-error" if.bind="termsError" data-ph-id="ph-page-element-page1-kPWr5J"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-nt5hft" data-ph-id="ph-page-element-page1-DIWu2s" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-vDmx3p"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-1dlwrZ"> <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-66ZI3p" data-ph-id="ph-page-element-page1-lW2gbM"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-SpPd2r"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-7VzEYW"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-M4KWB9"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-APLqiA" data-ph-id="ph-page-element-page1-XUpJKL" 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> <button class="btn primary-button" click.delegate="submitResume()" data-ph-id="ph-page-element-page1-3QgJHm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-w5m60g" data-ph-id="ph-page-element-page1-jRoTxJ" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page1-d14J2f"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" data-ph-id="ph-page-element-page1-CXUgXJ"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page1-SPCruk"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page1-8eOaRh"> <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-rsfbl4" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-2vZqBR"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-hdTr8w"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page1-2cmbxl"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page1-e8l3PX"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-ZYw5YP" class="sr-only" data-ph-id="ph-page-element-page1-C4WjCr" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page1-7wcZs7"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page1-jGCNn4"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-tFfv9m" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-ZC5tbl" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page1-JY7Mtj"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-12Lv2t" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-lvl5e1" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page1-yqPz3e"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-lD0IDP" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-OBSRtm" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-page-element-page1-eZOZIG"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-VUueNp" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-O3NBtN" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported" data-ph-id="ph-page-element-page1-pWGfrQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SqZ5Cd" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-ZNtiee" 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-kso1rO"> <div class="upload-again" data-ph-id="ph-page-element-page1-O3IaL6"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page1-3QFVQ3" view="1611898675828-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="1611898675828-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-UaDoLx"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-G4wqXo"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-iYc32l"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-BAxW2Y" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-NwE3ys" 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-d7ZaE0"> <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-Qo4SmT" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-R0ODC7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ee5FJx"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-HTVtK2"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page1-w91dpw"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page1-ipbXTm"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-TExETJ" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page1-JJFYQQ" 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-6mOgOG"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-rG34X8" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-RO1jkf" language-overriden="true"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page1-Elxnlj" /> Please complete the following:<br /> </ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page1-z6Iq6N"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-mSP1Ww" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-588Ctz" language-overriden="true"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page1-b5HwGp" /> Please complete the following:<br /> </ppc-content> </h2> <div data-ph-id="ph-page-element-page1-Nahd5A"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-wlGUX1" data-ph-id="ph-page-element-page1-KSGtkr"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-Et6sEl"> <div data-ph-id="ph-page-element-page1-8LM6eu"> <label for="email" data-ph-id="ph-page-element-page1-gByWPW"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-SQ7hwk" class="sr-only" data-ph-id="ph-page-element-page1-ssLFMy" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-nhA7Tg"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-SQ7hwk" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-3gqcJk" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-FO3M1I"> <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-YpEyPs" 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-d9behu"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-wYKt1o"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-ajkh10"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0AeCBS" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page1-B3Oduu" language-overriden="true"> Email should not 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-JgYSso"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-CSMpNU" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page1-ThYwr6" 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-JFTLGH"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-vdJCfR"> <div data-ph-id="ph-page-element-page1-NVw5xZ"> <label for="phone" data-ph-id="ph-page-element-page1-722GtR"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-LBkwia" class="sr-only" data-ph-id="ph-page-element-page1-8xMRtf" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-2cCbR6"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-PsYiAY" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page1-4wFl6I" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-aRhADc"> <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-rdTQ5m" 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-AE2ymR"> <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-nqKzMF"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-G6PJ3A" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page1-twvUlJ" language-overriden="true"> Please enter 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-iHPmzM"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page1-j7CATO"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page1-so0Ayo"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-oKUnr1" data-ph-id="ph-page-element-page1-K3hbhN" 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-dki7sD"> <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-7VlxXc" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-yuwW7L"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-4oiDCS"></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-zZnqJR"> <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-Aw4ZgA"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-TXrK8Q"> ${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-RCQYMr"> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-jQLcGn"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-E6MlzT" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-gA0WwC" 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-dSKyD0" view="1611898675828-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="1611898675828-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page1-9vMdQQ"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page1-rFAmSo"> <span data-ph-id="ph-page-element-page1-yEFOtI"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-DRGBC0"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xm1PQi" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page1-iEpUR8" 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-apLzYI"> <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-lRmsvP"> <div class="failure-img-block" data-ph-id="ph-page-element-page1-6BFUlY"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page1-dvLzNk"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-QrCiRC" class="sr-only" data-ph-id="ph-page-element-page1-1gH6ny" language-overriden="true">success icon</span></div> <div data-ph-id="ph-page-element-page1-j22528"> <h3 class="heading" data-ph-id="ph-page-element-page1-cjKf7h"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-REu3i7" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-z9mB8X" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page1-vBxafA"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-23tKw0" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page1-wzFXIV" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page1-flG9Ab"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-X1p5fV" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page1-N8zeai" 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-eeZdIW"> <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-yAhEXY" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-PzJxnf"> <span class="btn primary-button" data-ph-id="ph-page-element-page1-B3nHnt"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-9dmoCS" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page1-bpoJiP" 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-0hO9Cs"> <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-8TAsvf" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-4Mymod"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-CwNfic"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page1-5ys02W"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page1-CLasiK"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-f1moMg" data-ph-id="ph-page-element-page1-CAJOuA" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page1-5N4wLa"> <div class="p-text" data-ph-id="ph-page-element-page1-HYO9Mv"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-4Noi2m" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-s2rOTf" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page1-tYgNol" />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-YnPzOE"> <div class="delete-link" data-ph-id="ph-page-element-page1-8caJQt"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-y7cI2D" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page1-Hxl6bw"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-v1y3qQ" data-ph-id="ph-page-element-page1-dWeIr0" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-omL3fR"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page1-k0sdNI"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page1-ZzJk3E"> resume uploading </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page1-43qAZL" view="1611898675838-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="1611898675838-default" original-view="default" data-ph-id="ph-page-element-page1-Pa7ztX"></div> </section> <!-- Candidate login mobile view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-Y6f1qz" class="phcriticalhide"> </div> <!-- Candidate login desktop view --> <div show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-nrY8G6" class="phcriticalhide"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page1-jpqBBc" view="1611898676119-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="1611898676119-default" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page1-Ozuevb"></div> </section> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1603775874922-default-PhIM6W" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-4JO3LS"> <div class="widget-container" data-ph-id="ph-page-element-page1-MfBcoG"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-VnNEo8"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-lfsBih" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-UhpwgT" data-ph-id="ph-page-element-page1-AVBR4s"> <ppc-content key="ph-social-share-v3-default-6ty93l-ugmSHP" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-czvpSq"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page1-aBlPuG"> <ppc-content key="ph-social-share-v3-default-6ty93l-u6JujQ" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-uKT92R"> 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-OVjOKp"> <ul data-ph-at-id="share-options-list" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-0tK9hN"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page1-TpOJ9m"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" blur.trigger="closeShareJob($event, true)" data-ph-id="ph-page-element-page1-ESRwAD"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page1-scKEBr"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-Uu2GYl"> <span data-ph-id="ph-page-element-page1-JcnElh">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-VldA6F"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1603775874961-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-1TME3b"></div> </section> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1603775874949-PhIM6W" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-4n8zYg-PhIM6W"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Recommended jobs based on your profile" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-Anp23O-PhIM6W" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-wr0DpS-PhIM6W"> <div class="widget-container" data-ph-id="ph-page-element-page1-dNdcfA-PhIM6W"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-KzpC05-PhIM6W"> <h2 data-ph-id="ph-page-element-page1-oEwr55-PhIM6W"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-MpE0To-PhIM6W" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-GHIac6-PhIM6W">Recommended jobs based on your profile</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-ZwBDeA-PhIM6W"> <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-PMwjr4-PhIM6W"> <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-9UJSyj-PhIM6W"> <div class="information" instance-id="WKCEfE" data-ph-id="ph-page-element-page1-E0i0Cq-PhIM6W"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-V0Nb79-PhIM6W"> <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-UYaGmw-PhIM6W"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-idipJR-PhIM6W"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-nlGXX1-PhIM6W"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-tsI56v-PhIM6W">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-UrPudP-PhIM6W"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-GxWi5w-PhIM6W"> ${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-zE1DZ8-PhIM6W"> <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-PD9U0O-PhIM6W"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-ogYMDG-PhIM6W">${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-mVybex-PhIM6W" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-4AVqY7-PhIM6W" instance-id="WKCEfE-drhlhN" data-ph-id="ph-page-element-page1-ORJRu5-PhIM6W"> <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-UQBRo0-PhIM6W"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-qn7F0y-PhIM6W"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-CCV7zE-PhIM6W">${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-xMxDIf-PhIM6W"></i> <span data-ph-id="ph-page-element-page1-goSKtR-PhIM6W">${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-AbHCdf-PhIM6W"> <!-- 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-uKXQ4D-PhIM6W"> <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-EoToV0-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-44fsWG-PhIM6W">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-3ZvLr9-PhIM6W">${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-mX39ol-PhIM6W"></i> ${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-Onkd2f-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-DztnBX-PhIM6W">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-YpKugJ-PhIM6W">${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-SU8dpp-PhIM6W"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-BXb6E0-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-QjnBub-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-z0aR01-PhIM6W"> ${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-nHjtrh-PhIM6W"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-3PcjR8-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-e0NXJQ-PhIM6W">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-vuua5a-PhIM6W">${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-wkqRvh-PhIM6W"></i> ${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-il5Wgs-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-5ideBK-PhIM6W">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-qcAgET-PhIM6W">${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-cvj1oa-PhIM6W"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-X4zGkL-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-l8XYw9-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-67JDJz-PhIM6W"> ${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-FycZR9-PhIM6W"></i> ${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-mG61dw-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Tu4PQ4-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-fslWOG-PhIM6W"> ${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-RqQRgx-PhIM6W"></i> ${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-WOQ6D8-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-rZSDlO-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-5lrGec-PhIM6W">${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-zoxSHu-PhIM6W"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-6EipMW-PhIM6W">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-CwL58L-PhIM6W">${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-mZ4d31-PhIM6W">${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-WLSxv1-PhIM6W">${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-OGJOKi-PhIM6W">${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-9kZ65A-PhIM6W"> <!-- 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-USyv4f-PhIM6W"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-1uQZpx-PhIM6W"> <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-eQnOo7-PhIM6W"> <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-sl286N-PhIM6W"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-H2ljM0-PhIM6W"> ${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-wlGTSw-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-S4mWy3-PhIM6W">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-YK5kpH-PhIM6W">${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-DyVFMv-PhIM6W"></i> ${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-HgjkDC-PhIM6W"> <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-K4Gxbz-PhIM6W"> <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-k08fO5-PhIM6W"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-X4UmQ2-PhIM6W"> ${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-3chKnW-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-moxmSQ-PhIM6W">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-nAqJx7-PhIM6W">${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-s3X1Q3-PhIM6W"></i> ${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-nCo0f1-PhIM6W"> <span class="sr-only" data-ph-id="ph-page-element-page1-ajl9RE-PhIM6W">${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-17OQdd-PhIM6W"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-aAEVz8-PhIM6W">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-I2KpN0-PhIM6W">${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-pVD3xK-PhIM6W">${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-VqpO4k-PhIM6W">${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-5AOwJW-PhIM6W">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-7RAQ71-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-EQuHbv-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Oik5O3-PhIM6W"> ${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-MFurXi-PhIM6W"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-jjKXqb-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-fSGwEv-PhIM6W">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-87aEHO-PhIM6W">${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-xMkVn9-PhIM6W"></i> ${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-ntV4a8-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-3USl2u-PhIM6W">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-yKst9S-PhIM6W">${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-MH8pqs-PhIM6W"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-yD4mCq-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-WljuD4-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-wuEEiU-PhIM6W"> ${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-bnmZPk-PhIM6W"></i> ${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-dDih5o-PhIM6W"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-s4lBUa-PhIM6W">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-YnKNh7-PhIM6W"> ${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-lScDHE-PhIM6W"></i> ${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-SgqE4A-PhIM6W"> <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-k5aok3-PhIM6W"> <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-profile-recommendations-v2-default-c1ykg4-9T7gtI-PhIM6W" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="WKCEfE-KHgWq1" data-ph-id="ph-page-element-page1-LmKirP-PhIM6W"> <span data-ph-id="ph-page-element-page1-xt9Szm-PhIM6W"> ${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-kdB9CS-PhIM6W"></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-miv8iV-PhIM6W"> <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-hwHCwt-PhIM6W"> ${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-YiyuE9-PhIM6W"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-KPklci-PhIM6W">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-vOIl7H-PhIM6W">${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-WVjzb0-PhIM6W"></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-qHAQJz-PhIM6W">${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-5p0ixw-PhIM6W">${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-DYIK8q-PhIM6W">${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-78gYXT-PhIM6W">${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-b6Rp8y-PhIM6W">${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-0R0rCO-PhIM6W"> <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-zyh8CK-PhIM6W"> <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-QAQYgA-PhIM6W" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="WKCEfE-ochNkn" data-ph-id="ph-page-element-page1-xRWGfp-PhIM6W"> <span data-ph-id="ph-page-element-page1-iBoYXK-PhIM6W"> ${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-9ZqEQN-PhIM6W"></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-0OvL2b-PhIM6W"> <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-95GYse-PhIM6W"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-gn0GDw-PhIM6W"></p> </div> <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-8ldnzF-PhIM6W"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-D1PBm6-PhIM6W"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-MrXDT3-PhIM6W"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-2TUnGG-PhIM6W">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-Rl6MoY-PhIM6W"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-12e31f-PhIM6W"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-Sb7CM8-PhIM6W"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-7hulfp-PhIM6W"> <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-uoxJ1T-PhIM6W"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-4xw8B6-PhIM6W">${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-S0UBEu-PhIM6W"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-Erk67G-PhIM6W"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-v8H4JY-PhIM6W"> <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-7teEiC-PhIM6W"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-eai8NV-PhIM6W"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-s1yNfY-PhIM6W" data-ph-at-id="share-job-button-text" instance-id="WKCEfE-r5flJU" data-ph-id="ph-page-element-page1-A5yaxs-PhIM6W">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-LNGv1m-PhIM6W"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-BaBEwQ-PhIM6W" view="1603775874922-default-PhIM6W" 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="1603775874922-default-PhIM6W" 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-BaBEwQ-PhIM6W"></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-ToPJ5d-PhIM6W"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-Flrk47-PhIM6W"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-NBbivP-PhIM6W"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-SJILFU-PhIM6W" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-DgBBWP-PhIM6W"> <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-kwvS15-PhIM6W"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-eDlmnO-PhIM6W"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-D3RAP9-PhIM6W">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-4PdLm8-PhIM6W"> <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-gb5q1U-PhIM6W"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-vend5u-PhIM6W"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-8NdbCk-PhIM6W">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-ehA1Rl-PhIM6W"> <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-s5DjZf-PhIM6W"> <span class="sr-only" data-ph-id="ph-page-element-page1-Q1HBZJ-PhIM6W">${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-i0Ece3-PhIM6W"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-oLs0wD-PhIM6W"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-svTBzq-PhIM6W"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-LYi6uz-PhIM6W"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-RTNdlv-PhIM6W"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-AIhrRQ-PhIM6W"> <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-kRDYcc-PhIM6W" instance-id="WKCEfE-DCzktV" data-ph-id="ph-page-element-page1-eFY3Fu-PhIM6W"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-J3Ypte-PhIM6W"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-1x9Tq9-PhIM6W"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-DgkfAv-PhIM6W" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-e2k01w-PhIM6W" instance-id="WKCEfE-6JygiL" data-ph-id="ph-page-element-page1-z4Gt7s-PhIM6W"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-itajK5-PhIM6W"> <div class="job-location-count" data-ph-id="ph-page-element-page1-9G79GW-PhIM6W"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-GwEMdL-PhIM6W"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-FD0ZQd-PhIM6W"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-4Bi3Qk-PhIM6W"> <span data-ph-id="ph-page-element-page1-JKqdjj-PhIM6W"> <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-2chuEH-PhIM6W"></i> </span> <span data-ph-id="ph-page-element-page1-hSY3cO-PhIM6W"> ${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-6MR4ZO-PhIM6W"> <span class="sr-only" data-ph-id="ph-page-element-page1-2CUXIK-PhIM6W">${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-vBtkDC-PhIM6W"></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-En26fm-PhIM6W">${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-RJNjyS-PhIM6W">${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-Acyub8-PhIM6W">${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-IlPCut-PhIM6W">${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-UFZLmq-PhIM6W"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-EKNDZ8-PhIM6W"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-9wXVU3-PhIM6W"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-p42q1C-PhIM6W"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-V4VeD8-PhIM6W"> <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-sN64vz-PhIM6W" instance-id="WKCEfE-buKKCl" data-ph-id="ph-page-element-page1-HJuDDc-PhIM6W"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-3jEQR1-PhIM6W"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-vVTBcz-PhIM6W"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-profile-recommendations-v2-default-c1ykg4-KnUH5h-PhIM6W" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-eBVCRN-PhIM6W" instance-id="WKCEfE-MPCoCQ" data-ph-id="ph-page-element-page1-YH54sH-PhIM6W"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-TRLG6s-PhIM6W"> <div class="job-location-count" data-ph-id="ph-page-element-page1-kNGgSM-PhIM6W"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-qRE7OO-PhIM6W"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-szsWrP-PhIM6W"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-ZcUXxG-PhIM6W"> <span data-ph-id="ph-page-element-page1-qRfeap-PhIM6W"> <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-V8qfYS-PhIM6W"></i> </span> <span data-ph-id="ph-page-element-page1-peSNgn-PhIM6W"> ${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-ZotKRc-PhIM6W"> <div aria-atomic="true" aria-live="assertive" instance-id="Eyf8Gd" data-ph-id="ph-page-element-page1-Qai0X9-PhIM6W"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-zANa3o-PhIM6W" 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-OcnR1W-PhIM6W" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-jMAByY-PhIM6W" instance-id="Eyf8Gd-undavv" data-ph-id="ph-page-element-page1-cSxFKx-PhIM6W"> <!-- <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-MkXKRG-PhIM6W"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-hA37Dy-PhIM6W"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-ckyzCI-PhIM6W" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-JvQpHh-PhIM6W" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-n2v2Wi-PhIM6W" instance-id="Eyf8Gd-MAT5l8" data-ph-id="ph-page-element-page1-uAjmhd-PhIM6W"> <!-- <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-cbz9QQ-PhIM6W"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-CH067E-PhIM6W"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-gBzQR9-PhIM6W" 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-xfM4e6-PhIM6W" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-0B9isQ-PhIM6W" instance-id="Eyf8Gd-5VqTwR" data-ph-id="ph-page-element-page1-MVeVXc-PhIM6W"> <!-- <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-6RLc6Q-PhIM6W"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-kakpnU-PhIM6W"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-b5VAoc-PhIM6W" 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-6odhwX-PhIM6W" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-g0vb12-PhIM6W" instance-id="Eyf8Gd-GLL7Ql" data-ph-id="ph-page-element-page1-IWQtCg-PhIM6W"> <!-- <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-hXOD9A-PhIM6W"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-ToW7Ch-PhIM6W"></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-AzsI36-PhIM6W"> <p data-ph-id="ph-page-element-page1-s4mIf7-PhIM6W"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-PgWYSh-PhIM6W" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-OfuvWr-PhIM6W"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1603775832362-default-m4pW2g" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-0eE2Si"> <div class="widget-container" data-ph-id="ph-page-element-page1-lmYFlb"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-mlKCkU"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-lfsBih" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-UhpwgT" data-ph-id="ph-page-element-page1-XNjYDK"> <ppc-content key="ph-social-share-v3-default-6ty93l-ugmSHP" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-lJYisD"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page1-oLcMb6"> <ppc-content key="ph-social-share-v3-default-6ty93l-u6JujQ" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-H1dY0z"> 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-0ZDedN"> <ul data-ph-at-id="share-options-list" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-eZBjJP"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page1-fKMioN"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" blur.trigger="closeShareJob($event, true)" data-ph-id="ph-page-element-page1-FEaaoL"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page1-nboDo6"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-HFKSo9"> <span data-ph-id="ph-page-element-page1-3TVIVn">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-J4v9Qh"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1603775832406-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-w3Ho5O"></div> </section> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recom-jobs-browsing-history-v3-default-1603775832384-m4pW2g" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-su6WAw-m4pW2g"></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-Y2xrks-m4pW2g" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-H1drud-m4pW2g"> <div class="widget-container" data-ph-id="ph-page-element-page1-UOyARz-m4pW2g"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-kNS7LW-m4pW2g"> <h2 data-ph-id="ph-page-element-page1-8eFJ79-m4pW2g"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-S9Ub7p-m4pW2g" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-6BjGm2-m4pW2g">JOBS BASED ON YOUR BROWSING HISTORY</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-E9WRcm-m4pW2g"> <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-jP7Wgk-m4pW2g"> <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-jCSmJY-m4pW2g"> <div class="information" instance-id="u45O4C" data-ph-id="ph-page-element-page1-uWEqSN-m4pW2g"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-WQGIlZ-m4pW2g"> <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-7zIJmJ-m4pW2g"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-ukQhLu-m4pW2g"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-lheyr6-m4pW2g"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-ajFbbp-m4pW2g">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-791jD2-m4pW2g"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-2B4dTT-m4pW2g"> ${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-3GyvEB-m4pW2g"> <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-bqMBQr-m4pW2g"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-QAUNS9-m4pW2g">${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-TdJwSy-m4pW2g" aria-level="3" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-EHBOUN-m4pW2g" instance-id="u45O4C-khEa2u" data-ph-id="ph-page-element-page1-B66XDL-m4pW2g"> <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-Io4AWl-m4pW2g"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-oWpYVT-m4pW2g"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-S13yFp-m4pW2g">${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-TJLuHe-m4pW2g"></i> <span data-ph-id="ph-page-element-page1-FF5bxf-m4pW2g">${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-QaLQyP-m4pW2g"> <!-- 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-rBjTLS-m4pW2g"> <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-5nVMUU-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-av52kE-m4pW2g">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-9tu1qA-m4pW2g">${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-ITjE6o-m4pW2g"></i> ${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-YVhYlo-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-P2cMAU-m4pW2g">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-7fwId2-m4pW2g">${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-uhlWO7-m4pW2g"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-Y7NV1v-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-hP4COX-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-JrmbLU-m4pW2g"> ${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-FCaQqX-m4pW2g"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-4mClLM-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-9MWrrZ-m4pW2g">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-dUprR3-m4pW2g">${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-SsOTzw-m4pW2g"></i> ${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-oRvcHT-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-9tKGOA-m4pW2g">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-g3AYF4-m4pW2g">${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-VeXuro-m4pW2g"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-XzIRf8-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-HveRsb-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Rjp9Uz-m4pW2g"> ${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-mjKf44-m4pW2g"></i> ${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-LLxtlO-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-pUFtcK-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-zSwyC9-m4pW2g"> ${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-jEzltS-m4pW2g"></i> ${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-MoG4wD-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-bI1UoU-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-WPVbPp-m4pW2g">${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-6Kro4X-m4pW2g"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-sTBi07-m4pW2g">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-fDTLve-m4pW2g">${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-6zKbGy-m4pW2g">${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-A0Sswl-m4pW2g">${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-for6H9-m4pW2g">${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-kIJHXw-m4pW2g"> <!-- 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-9Pdqhq-m4pW2g"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-D2maxa-m4pW2g"> <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-Lx4wVh-m4pW2g"> <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-rNuUh0-m4pW2g"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-k2DjAi-m4pW2g"> ${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-2SrFSs-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-pfqmbp-m4pW2g">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-mxDnqz-m4pW2g">${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-wl3l8y-m4pW2g"></i> ${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-hnl2EQ-m4pW2g"> <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-xIwMFc-m4pW2g"> <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-R2Kl1V-m4pW2g"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-670l33-m4pW2g"> ${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-rGZu6z-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-H69ZSC-m4pW2g">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-L9TU2l-m4pW2g">${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-UPsFjv-m4pW2g"></i> ${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-F72qft-m4pW2g"> <span class="sr-only" data-ph-id="ph-page-element-page1-o4dC3d-m4pW2g">${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-vaaBPu-m4pW2g"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-iWc0Zz-m4pW2g">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-1KHlZo-m4pW2g">${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-bxxgBg-m4pW2g">${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-I3Gr3C-m4pW2g">${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-UTHkAk-m4pW2g">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-0xNneC-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-POUZkU-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-5t37gb-m4pW2g"> ${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-RKYgSY-m4pW2g"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-dIIGT1-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-HsdACb-m4pW2g">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-P8MEV7-m4pW2g">${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-5ITpiS-m4pW2g"></i> ${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-wB4y4v-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-erc1TH-m4pW2g">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-IiGUto-m4pW2g">${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-GGKSZQ-m4pW2g"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-zRq6Yz-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-LX7b4d-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-o3ZeY0-m4pW2g"> ${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-bLjiik-m4pW2g"></i> ${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-aCR93s-m4pW2g"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-KhU2WS-m4pW2g">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-4IDYp3-m4pW2g"> ${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-QhFlud-m4pW2g"></i> ${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-uty6GE-m4pW2g"> <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-E6ACdl-m4pW2g"> <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-9MFJAG-m4pW2g" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="u45O4C-exTkN9" data-ph-id="ph-page-element-page1-JUNgri-m4pW2g"> <span data-ph-id="ph-page-element-page1-T9MxuR-m4pW2g"> ${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-gGny5n-m4pW2g"></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-a4X0SN-m4pW2g"> <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-urWpCO-m4pW2g"> ${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-arv4cA-m4pW2g"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-RHegcN-m4pW2g">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-V5pz4J-m4pW2g">${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-2QqIqC-m4pW2g"></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-2RHxqt-m4pW2g">${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-IuQney-m4pW2g">${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-sC1IY8-m4pW2g">${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-4xggDK-m4pW2g">${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-04OX4q-m4pW2g">${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-DWfECF-m4pW2g"> <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-zybyA3-m4pW2g"> <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-Bf0KCC-m4pW2g" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="u45O4C-NZNO5D" data-ph-id="ph-page-element-page1-Iz5q7j-m4pW2g"> <span data-ph-id="ph-page-element-page1-0Uzk0Z-m4pW2g"> ${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-Im1ILI-m4pW2g"></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-phsMvb-m4pW2g"> <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-mzrfzP-m4pW2g"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-iZPkJO-m4pW2g"></p> </div> <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-SNVGS6-m4pW2g"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-nWQuNA-m4pW2g"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-cihQ0h-m4pW2g"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-9wXvpE-m4pW2g">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-VyU1s0-m4pW2g"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-Le1hZJ-m4pW2g"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-ycB6my-m4pW2g"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-STmUHd-m4pW2g"> <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-aXxhIE-m4pW2g"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-tdvfNe-m4pW2g">${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-uyUhOl-m4pW2g"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-XcO17m-m4pW2g"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-l5ht36-m4pW2g"> <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-W0Eop8-m4pW2g"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-OcRi5K-m4pW2g"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-8PCc4I-m4pW2g" data-ph-at-id="share-job-button-text" instance-id="u45O4C-zgLA9S" data-ph-id="ph-page-element-page1-dLJwaz-m4pW2g">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-clpFBX-m4pW2g"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-4ssIH7-m4pW2g" view="1603775832362-default-m4pW2g" 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="1603775832362-default-m4pW2g" 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-4ssIH7-m4pW2g"></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-oxOkja-m4pW2g"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-UMLwhk-m4pW2g"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-L21A85-m4pW2g"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-k50GEb-m4pW2g" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-dnRrSY-m4pW2g"> <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-2J0LUx-m4pW2g"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-vDnTeM-m4pW2g"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-DmmJBh-m4pW2g">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-Ats6A9-m4pW2g"> <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-O61juJ-m4pW2g"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-elEoHE-m4pW2g"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-h4x4z9-m4pW2g">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-da5JUB-m4pW2g"> <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-6W0E1r-m4pW2g"> <span class="sr-only" data-ph-id="ph-page-element-page1-qpE0V0-m4pW2g">${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-iarLUa-m4pW2g"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-dOjxnB-m4pW2g"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-jDfvab-m4pW2g"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-MnuALD-m4pW2g"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-gvU9NT-m4pW2g"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-20OH9e-m4pW2g"> <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-xp16YI-m4pW2g" instance-id="u45O4C-bRYB5O" data-ph-id="ph-page-element-page1-6sYZZE-m4pW2g"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-wc9ZYK-m4pW2g"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-arok68-m4pW2g"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-Hv9s9q-m4pW2g" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-QNJC9t-m4pW2g" instance-id="u45O4C-oAbMru" data-ph-id="ph-page-element-page1-bpk5oK-m4pW2g"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-30XnMq-m4pW2g"> <div class="job-location-count" data-ph-id="ph-page-element-page1-m2PFMz-m4pW2g"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-agyNV6-m4pW2g"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-XHjT0J-m4pW2g"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-sxWkoh-m4pW2g"> <span data-ph-id="ph-page-element-page1-yjEnhE-m4pW2g"> <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-E2BGkF-m4pW2g"></i> </span> <span data-ph-id="ph-page-element-page1-F1KJzw-m4pW2g"> ${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-I3aqAe-m4pW2g"> <span class="sr-only" data-ph-id="ph-page-element-page1-q9zyyQ-m4pW2g">${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-LkHMHp-m4pW2g"></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-ptKk4W-m4pW2g">${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-XM4y9A-m4pW2g">${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-V5okD2-m4pW2g">${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-q5OhmS-m4pW2g">${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-rtkVe9-m4pW2g"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-nroZ4F-m4pW2g"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-A84JpT-m4pW2g"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-TB6pBo-m4pW2g"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-mCLAkG-m4pW2g"> <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-VId18W-m4pW2g" instance-id="u45O4C-s4KadV" data-ph-id="ph-page-element-page1-JALX3S-m4pW2g"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-5q733f-m4pW2g"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-lQQvFo-m4pW2g"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-YpGHWz-m4pW2g" key-aria-level="ph-recom-jobs-browsing-history-v3-default-23c11d-eXc5DW-m4pW2g" instance-id="u45O4C-O07ndJ" data-ph-id="ph-page-element-page1-XxcThF-m4pW2g"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-a2JmhR-m4pW2g"> <div class="job-location-count" data-ph-id="ph-page-element-page1-JGj6FH-m4pW2g"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-SWiaZX-m4pW2g"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-mAEsjo-m4pW2g"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-YlbUMB-m4pW2g"> <span data-ph-id="ph-page-element-page1-s6EwOE-m4pW2g"> <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-DoGMty-m4pW2g"></i> </span> <span data-ph-id="ph-page-element-page1-Z4bsXh-m4pW2g"> ${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-lfdokD-m4pW2g"> <div aria-atomic="true" aria-live="assertive" instance-id="wQyuQX" data-ph-id="ph-page-element-page1-Q9vd1A-m4pW2g"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-sYwXBG-m4pW2g" 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-52fxKz-m4pW2g" data-ph-at-id="seemore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-GdUYFw-m4pW2g" instance-id="wQyuQX-ghUW4m" data-ph-id="ph-page-element-page1-pnmnKn-m4pW2g"> <!-- <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-zE6bWn-m4pW2g"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-E1I3LX-m4pW2g"></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-ZaWrmK-m4pW2g" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recom-jobs-browsing-history-v3-default-23c11d-foZ1nG-m4pW2g" data-ph-at-id="seeless-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-qPFrFO-m4pW2g" instance-id="wQyuQX-OMWIfW" data-ph-id="ph-page-element-page1-dtcaVQ-m4pW2g"> <!-- <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-sN118b-m4pW2g"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-fiY0nv-m4pW2g"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recom-jobs-browsing-history-v3-default-23c11d-AYefXF-m4pW2g" 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-nRTCeB-m4pW2g" data-ph-at-id="seenext-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-D6SVAz-m4pW2g" instance-id="wQyuQX-nXChgh" data-ph-id="ph-page-element-page1-G3K223-m4pW2g"> <!-- <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-cbBrl7-m4pW2g"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-KwEIIw-m4pW2g"></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-A5pSfS-m4pW2g" 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-LcXfLa-m4pW2g" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recom-jobs-browsing-history-v3-default-23c11d-ZBHjNq-m4pW2g" instance-id="wQyuQX-8CEuKg" data-ph-id="ph-page-element-page1-kYByCm-m4pW2g"> <!-- <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-WweYLo-m4pW2g"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-VavUkW-m4pW2g"></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-Pk9moz-m4pW2g"> <p data-ph-id="ph-page-element-page1-V0Wfon-m4pW2g"> <ppc-content key="ph-recom-jobs-browsing-history-v3-default-23c11d-av6Fmi-m4pW2g" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-HrSfmQ-m4pW2g"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1603775840522-default-XYyj3P" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-Pfod0Y"> <div class="widget-container" data-ph-id="ph-page-element-page1-DMRg7b"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-NiDggl"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-lfsBih" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-UhpwgT" data-ph-id="ph-page-element-page1-2drLB2"> <ppc-content key="ph-social-share-v3-default-6ty93l-ugmSHP" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-rG4veE"></ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-page-element-page1-HOnXJX"> <ppc-content key="ph-social-share-v3-default-6ty93l-u6JujQ" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-1lcoWk"> 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-WEZVXa"> <ul data-ph-at-id="share-options-list" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-xE62IG"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-page-element-page1-FVmClA"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" blur.trigger="closeShareJob($event, true)" data-ph-id="ph-page-element-page1-qczWfO"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-page-element-page1-d2NKN3"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-xqgLWe"> <span data-ph-id="ph-page-element-page1-TZHXDi">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-47YKRA"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1603775840557-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-cDkHn0"></div> </section> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-recently-viewed-jobs-v3-default-1603775840544-XYyj3P" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-DpRfsu-XYyj3P"></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-keNq4U-XYyj3P" data-ph-id="ph-page-element-page1-6S0H5g-XYyj3P"> <div class="widget-container" data-ph-id="ph-page-element-page1-lNVYUy-XYyj3P"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-SBlyTa-XYyj3P"> <h2 data-ph-id="ph-page-element-page1-MubX6c-XYyj3P"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-rFvlfO-XYyj3P" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-0SOefF-XYyj3P">Recently Viewed Jobs</ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-QQ6o8e-XYyj3P"> <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-pFpJvI-XYyj3P"> <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-Pl3ibL-XYyj3P"> <div class="information" instance-id="KXuKDw" data-ph-id="ph-page-element-page1-0LOXPY-XYyj3P"> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-G7vLQs-XYyj3P"> <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-QspCo4-XYyj3P"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-mpKapt-XYyj3P"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-KJBKAC-XYyj3P"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-YeU9mS-XYyj3P">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-Cj0z2k-XYyj3P"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-PDDvVk-XYyj3P"> ${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-03fUZb-XYyj3P"> <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-nqV20j-XYyj3P"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-JlHfg1-XYyj3P">${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-0thgEx-XYyj3P" aria-level="3" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-ROaV40-XYyj3P" instance-id="KXuKDw-VoLgLw" data-ph-id="ph-page-element-page1-pUFgtt-XYyj3P"> <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-D4lCb1-XYyj3P"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-1cySGE-XYyj3P"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-HrXkq9-XYyj3P">${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-P15SBO-XYyj3P"></i> <span data-ph-id="ph-page-element-page1-J1Il4K-XYyj3P">${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-47lX1h-XYyj3P"> <!-- 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-p8Zp6u-XYyj3P"> <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-eMusN5-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-gT0UwJ-XYyj3P">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-MWsPLr-XYyj3P">${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-BbUVnZ-XYyj3P"></i> ${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-bOn0A8-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-PgrRsU-XYyj3P">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-ot2aLK-XYyj3P">${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-UtDqYm-XYyj3P"></i> ${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-9OOX3l-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-eb3I0X-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-LxGvrK-XYyj3P"> ${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-DO3NV1-XYyj3P"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-kqCt1x-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-vAXAbD-XYyj3P">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-QJje43-XYyj3P">${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-O4mq04-XYyj3P"></i> ${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-R9rzwI-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-opDOnu-XYyj3P">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-lDypMZ-XYyj3P">${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-E6eNg1-XYyj3P"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-QiNuaC-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Pj2ghf-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-O4y6UW-XYyj3P"> ${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-84w8AM-XYyj3P"></i> ${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-9C7waB-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-ArvHE0-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-97pId2-XYyj3P"> ${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-NBRBkD-XYyj3P"></i> ${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-s8S4G5-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-7elnjS-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-XNnv1i-XYyj3P">${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-rmh5Ma-XYyj3P"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-PJJPp8-XYyj3P">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-p67TGB-XYyj3P">${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-nrEh0T-XYyj3P">${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-voFqqU-XYyj3P">${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-PYZ3Y8-XYyj3P">${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-OofN7d-XYyj3P"> <!-- 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-WZvL0j-XYyj3P"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-NnvFP5-XYyj3P"> <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-8DXgJ3-XYyj3P"> <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-AXOLj7-XYyj3P"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-Nt0ojh-XYyj3P"> ${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-LcmuZg-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-j7VmgT-XYyj3P">${widgetBundle['location'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-tMenGc-XYyj3P">${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-Q310e8-XYyj3P"></i> ${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-gfsHHs-XYyj3P"> <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-IITxMe-XYyj3P"> <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-AnaZKM-XYyj3P"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-isDZMj-XYyj3P"> ${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-gP5jaf-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-udTD9k-XYyj3P">${widgetBundle['category'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-mrW2D6-XYyj3P">${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-ywNJ0u-XYyj3P"></i> ${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-6EOlfJ-XYyj3P"> <span class="sr-only" data-ph-id="ph-page-element-page1-RDcmsY-XYyj3P">${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-ETRD8h-XYyj3P"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-NUxOKs-XYyj3P">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-IhL8r7-XYyj3P">${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-ueWfrt-XYyj3P">${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-c2NS5t-XYyj3P">${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-UjYp0a-XYyj3P">${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'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-UzLutZ-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-bF0l18-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-TeuAPB-XYyj3P"> ${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-ZONypg-XYyj3P"></i> ${eachJob[eachAttr.name]} </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-20JVS4-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-rypYoF-XYyj3P">${widgetBundle['postedDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-O8Hjuf-XYyj3P">${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-hzI12k-XYyj3P"></i> ${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-7UB1Ab-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-hh2PDI-XYyj3P">${widgetBundle['expiryDate'] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-yJV1uY-XYyj3P">${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-a6yEkE-XYyj3P"></i> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-w7ZggB-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-N2mr6F-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-BFwoUG-XYyj3P"> ${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-w2qNRb-XYyj3P"></i> ${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-wj4lPA-XYyj3P"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-MWIe2W-XYyj3P">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-gsWc2S-XYyj3P"> ${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-HjRtcb-XYyj3P"></i> ${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-fksLa1-XYyj3P"> <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-bIA8YG-XYyj3P"> <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-SNUc3S-XYyj3P" id="searchLoc-${eachJob.jobSeqNo}" aria-haspopup="true" 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="KXuKDw-XrNwzB" data-ph-id="ph-page-element-page1-QMfhhh-XYyj3P"> <span data-ph-id="ph-page-element-page1-L1N1ip-XYyj3P"> ${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-OqTsuW-XYyj3P"></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-tIndNs-XYyj3P"> <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-kvbECW-XYyj3P"> ${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-yAoalh-XYyj3P"> <span if.bind="!enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-RSTIpF-XYyj3P">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-Hn2qFZ-XYyj3P">${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-VhvFC3-XYyj3P"></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-Qbr7HD-XYyj3P">${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-OtnGiZ-XYyj3P">${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-cqiEI0-XYyj3P">${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-tjAsOh-XYyj3P">${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-saFooM-XYyj3P">${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-LpQ0TZ-XYyj3P"> <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-jwQeut-XYyj3P"> <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-924Pfi-XYyj3P" id="searchCat-${eachJob.jobSeqNo}" aria-haspopup="true" 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="KXuKDw-ovfQ8v" data-ph-id="ph-page-element-page1-BPYGq0-XYyj3P"> <span data-ph-id="ph-page-element-page1-VAfMcR-XYyj3P"> ${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-RK1Pgj-XYyj3P"></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-D5cR3i-XYyj3P"> <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-yiAgAW-XYyj3P"> ${eachCategory} </li> </ul> </div> <p class="job-description" if.bind="(eachJob.descriptionTeaser && eachAttr.name == 'descriptionTeaser')" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-72h6FG-XYyj3P"></p> </div> <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-yimVQK-XYyj3P"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-4uNeV9-XYyj3P"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-j9lLIY-XYyj3P"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-U3VPVo-XYyj3P">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-wYriYu-XYyj3P"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-nRZJZ8-XYyj3P"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-BvZktX-XYyj3P"> <div if.bind="eachAction.name == 'applyNow'" data-ph-id="ph-page-element-page1-sfTICq-XYyj3P"> <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-JTeh7y-XYyj3P"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-EFmZVK-XYyj3P">${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-8Id7lp-XYyj3P"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-UikNd4-XYyj3P"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-WHwB8L-XYyj3P"> <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-kXxgss-XYyj3P"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-yKuI4o-XYyj3P"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-90RxNG-XYyj3P" data-ph-at-id="share-job-button-text" instance-id="KXuKDw-FCdvrA" data-ph-id="ph-page-element-page1-Tlt2oc-XYyj3P">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-BxB5d5-XYyj3P"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-rsoBmM-XYyj3P" view="1603775840522-default-XYyj3P" 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="1603775840522-default-XYyj3P" 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-rsoBmM-XYyj3P"></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-nelfCg-XYyj3P"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-bpJoLf-XYyj3P"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-hXe5t1-XYyj3P"> <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.jobSeqNo} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-guI8xT-XYyj3P" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-bLsVec-XYyj3P"> <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-wEBJ9p-XYyj3P"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-WbmyED-XYyj3P"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-kG7zHX-XYyj3P">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-cwPFeY-XYyj3P"> <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-hxNyNr-XYyj3P"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-Swyacg-XYyj3P"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-jJOrvq-XYyj3P">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobSeqNo} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-Qws7HU-XYyj3P"> <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-e3XtRt-XYyj3P"> <span class="sr-only" data-ph-id="ph-page-element-page1-f2Stu1-XYyj3P">${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-lcU4kd-XYyj3P"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-BA7ybz-XYyj3P"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-pDd7sp-XYyj3P"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-n5pSZR-XYyj3P"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-QG3tfj-XYyj3P"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-nY6msf-XYyj3P"> <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-MSG5lQ-XYyj3P" instance-id="KXuKDw-M8jNOJ" data-ph-id="ph-page-element-page1-2VfBqO-XYyj3P"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-2XbOGS-XYyj3P"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-4pT1L9-XYyj3P"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-hiLpPW-XYyj3P" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-qwwmIC-XYyj3P" instance-id="KXuKDw-wY2d4W" data-ph-id="ph-page-element-page1-HDbWkv-XYyj3P"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-wQho8J-XYyj3P"> <div class="job-location-count" data-ph-id="ph-page-element-page1-glwkit-XYyj3P"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-UvTX8A-XYyj3P"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-pXutBA-XYyj3P"> <li class="each-location ${enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-zfGR7U-XYyj3P"> <span data-ph-id="ph-page-element-page1-asTgQR-XYyj3P"> <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-cbDBuI-XYyj3P"></i> </span> <span data-ph-id="ph-page-element-page1-O4XhaX-XYyj3P"> ${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-beA7Tu-XYyj3P"> <span class="sr-only" data-ph-id="ph-page-element-page1-yyo8mq-XYyj3P">${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-cVUEwS-XYyj3P"></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-YAvLHj-XYyj3P">${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-mGoLDU-XYyj3P">${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-Y8E6xD-XYyj3P">${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-DAbUKa-XYyj3P">${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-6CN22J-XYyj3P"> ${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')" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-qAUaKL-XYyj3P"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" data-ph-id="ph-page-element-page1-8KCE07-XYyj3P"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-imQixp-XYyj3P"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-7Q8qsJ-XYyj3P"> <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-1HV7ZH-XYyj3P" instance-id="KXuKDw-MOzJqj" data-ph-id="ph-page-element-page1-XFd5H2-XYyj3P"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-8mgijD-XYyj3P"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-JTlksw-XYyj3P"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-zMepod-XYyj3P" key-aria-level="ph-recently-viewed-jobs-v3-default-81a3gk-AUz6un-XYyj3P" instance-id="KXuKDw-NprYVH" data-ph-id="ph-page-element-page1-XEAZ4e-XYyj3P"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-1iYmXG-XYyj3P"> <div class="job-location-count" data-ph-id="ph-page-element-page1-L5vRRQ-XYyj3P"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-h2JsLg-XYyj3P"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-Kxe80a-XYyj3P"> <li class="each-category ${enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-pZF1O0-XYyj3P"> <span data-ph-id="ph-page-element-page1-UutQZ3-XYyj3P"> <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-UZVNxQ-XYyj3P"></i> </span> <span data-ph-id="ph-page-element-page1-CpWfFC-XYyj3P"> ${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-fBimmE-XYyj3P"> <div aria-atomic="true" aria-live="assertive" instance-id="uUJEvD" data-ph-id="ph-page-element-page1-hwB3NR-XYyj3P"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-xE1o4e-XYyj3P" 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-AMvNci-XYyj3P" data-ph-at-id="seemore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-VzF36v-XYyj3P" instance-id="uUJEvD-GYO6PZ" data-ph-id="ph-page-element-page1-JKOaq6-XYyj3P"> <!-- <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-cNfI9m-XYyj3P"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-c9Z8AV-XYyj3P"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-nyCbpn-XYyj3P" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-recently-viewed-jobs-v3-default-81a3gk-Uq31ID-XYyj3P" data-ph-at-id="seeless-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-2h7pNO-XYyj3P" instance-id="uUJEvD-STOIVi" data-ph-id="ph-page-element-page1-XCWc9E-XYyj3P"> <!-- <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-VPRwTO-XYyj3P"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-q4dkJ0-XYyj3P"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-YtPxZk-XYyj3P" 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-7aVCSl-XYyj3P" data-ph-at-id="seenext-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-FjoNjB-XYyj3P" instance-id="uUJEvD-7NcSOY" data-ph-id="ph-page-element-page1-iOcxdF-XYyj3P"> <!-- <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-15TS31-XYyj3P"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-xNebHv-XYyj3P"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-recently-viewed-jobs-v3-default-81a3gk-eCIzvm-XYyj3P" 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-8qCssk-XYyj3P" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-recently-viewed-jobs-v3-default-81a3gk-BDSmb9-XYyj3P" instance-id="uUJEvD-aY4jmD" data-ph-id="ph-page-element-page1-oAmu3S-XYyj3P"> <!-- <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-OeO0LN-XYyj3P"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-wkJBkc-XYyj3P"></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-K7bIoh-XYyj3P"> <p data-ph-id="ph-page-element-page1-foH0ZG-XYyj3P"> <ppc-content key="ph-recently-viewed-jobs-v3-default-81a3gk-zrPcQG-XYyj3P" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-h7rGin-XYyj3P"> 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-glassdoor-widget-v1-1630239782103-view7-Xnf0Gh" nonce=""><div class="phs-glassdoor-area ph-widget-box" role="region" aria-label="Glassdoor" key-aria-label="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoorAriaLabel-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-2-Xnf0Gh"> <div class="widget-container" data-ph-id="ph-widget-element-1630239782103-3-Xnf0Gh"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1630239782103-4-Xnf0Gh"> <h2 data-ph-id="ph-widget-element-1630239782103-5-Xnf0Gh"> <ppc-content data-ph-at-id="heading-text" key="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoor-header-text-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-6-Xnf0Gh"> Glassdoor Reviews </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-1630239782103-7-Xnf0Gh"> <div class="phs-employer-data" data-ph-id="ph-widget-element-1630239782103-8-Xnf0Gh"> <div class="phs-employer-content" data-ph-id="ph-widget-element-1630239782103-9-Xnf0Gh"> <div class="phs-glassdoor-rating" data-ph-at-id="glassdoor-overall-rating" data-ph-at-text="${employerData.overallRating}" data-ph-id="ph-widget-element-1630239782103-10-Xnf0Gh"> <div class="empty-rating-stars" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-11-Xnf0Gh"> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-12-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-13-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-14-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-15-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-16-Xnf0Gh"></i> </div> <div class="phs-rating-stars" css="width: ${(employerData.overallRating * 100)/5}%" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-17-Xnf0Gh"> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-18-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-19-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-20-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-21-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-22-Xnf0Gh"></i> </div> <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-23-Xnf0Gh"> ${widgetBundle['overallRatingText'] | pht:{'overallRating': employerData.overallRating , 'numberOfRatings': employerData.numberOfRatings}} </span> </div> <div class="phs-overall-rating" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-24-Xnf0Gh"> <span class="phs-rating" data-ph-id="ph-widget-element-1630239782103-25-Xnf0Gh">${employerData.overallRating}</span> <span data-ph-id="ph-widget-element-1630239782103-26-Xnf0Gh"> <ppc-content data-ph-at-id="overall-rating-of-five-text" data-ph-id="ph-widget-element-1630239782103-27-Xnf0Gh">/</ppc-content> </span> ${employerData.numberOfRatings} <ppc-content data-ph-at-id="glassdoor-total-rating-text" key="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoor-ratting-text-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-28-Xnf0Gh"> ratings </ppc-content> </div> </div> <div class="phs-rating-container" data-ph-id="ph-widget-element-1630239782103-29-Xnf0Gh"> <div class="rating-header" data-ph-id="ph-widget-element-1630239782103-30-Xnf0Gh"> <div class="rating-container" data-ph-id="ph-widget-element-1630239782103-31-Xnf0Gh"> <div class="ratingLabel" data-ph-id="ph-widget-element-1630239782103-32-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-worklifebalance-Xnf0Gh" data-ph-at-id="worklifebalance-text" data-ph-id="ph-widget-element-1630239782103-33-Xnf0Gh">Work/Life Balance Rating</ppc-content> </div> <div class="internal-rating-block" data-ph-id="ph-widget-element-1630239782103-34-Xnf0Gh"> <div class="internal-rating-container" data-ph-id="ph-widget-element-1630239782103-35-Xnf0Gh"> <span class="ratingbox emptyBox" data-ph-id="ph-widget-element-1630239782103-36-Xnf0Gh"> <span class="phs-rating-stars" css="width: ${(employerData.workLifeBalanceRating * 100)/5}%" data-ph-id="ph-widget-element-1630239782103-37-Xnf0Gh"> <span class="ratingbox fillBox" data-ph-id="ph-widget-element-1630239782103-38-Xnf0Gh"></span> </span> </span> </div> <div class="ratingNumber" data-ph-at-id="worklifebalance-rating" data-ph-at-text="${employerData.workLifeBalanceRating.toFixed(2)}" data-ph-id="ph-widget-element-1630239782103-39-Xnf0Gh"> ${employerData.workLifeBalanceRating.toFixed(2)} <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-40-Xnf0Gh"> ${widgetBundle['outOfRatingText'] | pht} </span> </div> </div> </div> <div class="rating-container" data-ph-id="ph-widget-element-1630239782103-41-Xnf0Gh"> <div class="ratingLabel" data-ph-id="ph-widget-element-1630239782103-42-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-cultureValuekey-Xnf0Gh" data-ph-at-id="culture-value-text" data-ph-id="ph-widget-element-1630239782103-43-Xnf0Gh">Culture & Values Rating</ppc-content> </div> <div class="internal-rating-block" data-ph-id="ph-widget-element-1630239782103-44-Xnf0Gh"> <div class="internal-rating-container" data-ph-id="ph-widget-element-1630239782103-45-Xnf0Gh"> <span class="ratingbox emptyBox" data-ph-id="ph-widget-element-1630239782103-46-Xnf0Gh"> <span class="phs-rating-stars" css="width: ${(employerData.cultureAndValuesRating * 100)/5}%" data-ph-id="ph-widget-element-1630239782103-47-Xnf0Gh"> <span class="ratingbox fillBox" data-ph-id="ph-widget-element-1630239782103-48-Xnf0Gh"></span> </span> </span> </div> <div class="ratingNumber" data-ph-at-id="culture-rating" data-ph-at-text="${employerData.cultureAndValuesRating.toFixed(2)}" data-ph-id="ph-widget-element-1630239782103-49-Xnf0Gh"> ${employerData.cultureAndValuesRating.toFixed(2)} <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-50-Xnf0Gh"> ${widgetBundle['outOfRatingText'] | pht} </span> </div> </div> </div> <div class="rating-container" data-ph-id="ph-widget-element-1630239782103-51-Xnf0Gh"> <div class="ratingLabel" data-ph-id="ph-widget-element-1630239782103-52-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-compensationAndBenefits-Xnf0Gh" data-ph-at-id="compensationAndBenefits-text" data-ph-id="ph-widget-element-1630239782103-53-Xnf0Gh"> Compensation & Benefits</ppc-content> </div> <div class="internal-rating-block" data-ph-id="ph-widget-element-1630239782103-54-Xnf0Gh"> <div class="internal-rating-container" data-ph-id="ph-widget-element-1630239782103-55-Xnf0Gh"> <span class="ratingbox emptyBox" data-ph-id="ph-widget-element-1630239782103-56-Xnf0Gh"> <span class="phs-rating-stars" css="width: ${(employerData.compensationAndBenefitsRating * 100)/5}%" data-ph-id="ph-widget-element-1630239782103-57-Xnf0Gh"> <span class="ratingbox fillBox" data-ph-id="ph-widget-element-1630239782103-58-Xnf0Gh"></span> </span> </span> </div> <div class="ratingNumber" data-ph-at-id="compensationAndBenefits-rating" data-ph-at-text="${employerData.compensationAndBenefitsRating.toFixed(2)}" data-ph-id="ph-widget-element-1630239782103-59-Xnf0Gh"> ${employerData.compensationAndBenefitsRating.toFixed(2)} <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-60-Xnf0Gh"> ${widgetBundle['outOfRatingText'] | pht} </span> </div> </div> </div> </div> </div> </div> <div class="phs-employee-reviews" data-ph-id="ph-widget-element-1630239782103-61-Xnf0Gh"> <div class="review-list-container" data-ph-id="ph-widget-element-1630239782103-62-Xnf0Gh"> <ul class="reviews-list" data-ph-at-id="reviews-list" if.bind="companyReviews.length" data-ph-id="ph-widget-element-1630239782103-63-Xnf0Gh"> <li class="reviews-list-item" repeat.for="eachReview of companyReviews" show.bind="$index < count" data-ph-at-id="reviews-list-item" data-ph-id="ph-widget-element-1630239782103-64-Xnf0Gh"> <div class="phs-review-rating-info" data-ph-id="ph-widget-element-1630239782103-65-Xnf0Gh"> <div class="phs-review-rating-container" data-ph-at-id="review-rating" data-ph-at-review-rating-text="${eachReview.overallNumeric}" data-ph-id="ph-widget-element-1630239782103-66-Xnf0Gh"> <div class="empty-rating-stars" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-67-Xnf0Gh"> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-68-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-69-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-70-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-71-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-72-Xnf0Gh"></i> </div> <div class="phs-rating-stars" css="width: ${(eachReview.overallNumeric * 100)/5}%" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-73-Xnf0Gh"> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-74-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-75-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-76-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-77-Xnf0Gh"></i> <i aria-hidden="true" class="icon icon-star" data-ph-id="ph-widget-element-1630239782103-78-Xnf0Gh"></i> </div> <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-79-Xnf0Gh"> ${widgetBundle['overallEmployeeRatingText'] | pht:{'overallNumeric': eachReview.overallNumeric}} </span> </div> <div class="phs-review-date" aria-label="Date ${eachReview.reviewDateTime | dateFormat:getDateFormat(widgetBundle['reviewDateFormat'])}" data-ph-at-id="glassdoor-review-date" data-ph-at-text="${eachReview.reviewDateTime | dateFormat:getDateFormat(widgetBundle['reviewDateFormat'])}" data-ph-id="ph-widget-element-1630239782103-80-Xnf0Gh"> <p data-ph-id="ph-widget-element-1630239782103-81-Xnf0Gh">${eachReview.reviewDateTime | dateFormat:getDateFormat(widgetBundle['reviewDateFormat'])}</p> </div> </div> <div class="review-info" data-ph-at-id="glassdoor-headline" data-ph-at-text="${eachReview.headline}" data-ph-id="ph-widget-element-1630239782103-82-Xnf0Gh"> <div class="title" data-ph-id="ph-widget-element-1630239782103-83-Xnf0Gh"> "${eachReview.headline}"</div> <div aria-label="${eachReview.currentJob ? 'Current employee':'Former employee'} ${eachReview.jobTitle} in ${eachReview.location}" data-ph-id="ph-widget-element-1630239782103-84-Xnf0Gh"> <p data-ph-id="ph-widget-element-1630239782103-85-Xnf0Gh"> <span show.bind="eachReview.currentJob" data-ph-id="ph-widget-element-1630239782103-86-Xnf0Gh"> <ppc-content data-ph-at-id="glassdoor-current-job-text" key="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoorCurrentJobText-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-87-Xnf0Gh"> Current employee - </ppc-content> </span> <span show.bind="!eachReview.currentJob" data-ph-id="ph-widget-element-1630239782103-88-Xnf0Gh"> <ppc-content data-ph-at-id="glassdoor-former-job-text" key="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoorFormerJobText-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-89-Xnf0Gh"> Former employee - </ppc-content> </span> <span show.bind="eachReview.jobTitle" data-ph-at-id="glassdoor-job-title" data-ph-at-text="${eachReview.jobTitle}" data-ph-id="ph-widget-element-1630239782103-90-Xnf0Gh">${eachReview.jobTitle}</span> <span show.bind="eachReview.location" data-ph-at-id="glassdoor-job-location" data-ph-at-text="${eachReview.location}" data-ph-id="ph-widget-element-1630239782103-91-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-prepositionText-Xnf0Gh" data-ph-at-id="glassdoor-in-text" data-ph-id="ph-widget-element-1630239782103-92-Xnf0Gh"> in </ppc-content> ${eachReview.location} </span> </p> </div> <div class="action" show.bind="eachReview.attributionURL" data-ph-id="ph-widget-element-1630239782103-93-Xnf0Gh"> <button class="read-button" ph-tevent="reviews_by_glassdoor" data-ph-at-id="readMore-link" click.trigger="eachReview.readMore = !eachReview.readMore" aria-expanded="${eachReview.readMore}" data-ph-id="ph-widget-element-1630239782103-94-Xnf0Gh"> <span class="sr-only" data-ph-id="ph-widget-element-1630239782103-95-Xnf0Gh"> ${eachReview.headline} </span> <span if.bind="!eachReview.readMore" data-ph-id="ph-widget-element-1630239782103-96-Xnf0Gh"> ${widgetBundle['readMoreText'] | pht} </span> <span if.bind="eachReview.readMore" data-ph-id="ph-widget-element-1630239782103-97-Xnf0Gh"> ${widgetBundle['readLessText'] | pht} </span> <i aria-hidden="true" class="icon ${eachReview.readMore ? 'icon-up-arrow' : 'icon-down-arrow'}" data-ph-id="ph-widget-element-1630239782103-98-Xnf0Gh"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1630239782103-99-Xnf0Gh"> <div class="pros-cons-block" if.bind="eachReview.readMore" data-ph-id="ph-widget-element-1630239782103-100-Xnf0Gh"> <div class="pros" data-ph-at-id="review-pros" data-ph-id="ph-widget-element-1630239782103-101-Xnf0Gh"> <h4 data-ph-id="ph-widget-element-1630239782103-102-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-reviewProsTxt-Xnf0Gh" data-ph-at-id="review-pros-text" data-ph-at-pros-text="${eachReview.pros}" data-ph-id="ph-widget-element-1630239782103-103-Xnf0Gh"> Pros -</ppc-content> </h4> <p data-ph-id="ph-widget-element-1630239782103-104-Xnf0Gh">${eachReview.pros}</p> </div> <div class="cons" data-ph-at-id="review-cons" data-ph-at-cons-text="${eachReview.cons}" data-ph-id="ph-widget-element-1630239782103-105-Xnf0Gh"> <h4 data-ph-id="ph-widget-element-1630239782103-106-Xnf0Gh"> <ppc-content key="wrwOzl-ph-glassdoor-widget-v1-view7-reviewConsTxt-Xnf0Gh" data-ph-at-id="review-cons-text" data-ph-at-pros-text="${eachReview.cons}" data-ph-id="ph-widget-element-1630239782103-107-Xnf0Gh"> Cons -</ppc-content> </h4> <p data-ph-id="ph-widget-element-1630239782103-108-Xnf0Gh">${eachReview.cons}</p> </div> </div> </div> <!-- <div class="sr-only"> <div if.bind="eachReview.readMore"> <span role="heading" key-role="glassdoorReviewHeadingOne" aria-level="3" key-aria-level="glassdoorReviewHeadingLevelOne">Pros</span> <span>${eachReview.pros}</span> <span role="heading" key-role="glassdoorReviewHeadingOne" aria-level="3" key-aria-level="glassdoorReviewHeadingLevelOne">Cons</span> <span>${eachReview.cons}</span> </div> </div> --> </div> </li> </ul> </div> <div class="view-more" data-ph-id="ph-widget-element-1630239782103-109-Xnf0Gh"> <a ph-tevent="view_all_glassdoor_reviews_click" ref="linkEle" href.bind="companyAndCeoReviewObj.attributionURL" target="_blank" data-ph-at-id="view-more-link" data-ph-id="ph-widget-element-1630239782103-110-Xnf0Gh"> <ppc-content data-ph-at-id="view-all-text" key="wrwOzl-ph-glassdoor-widget-v1-view7-glassdoor-all-review-link-text-Xnf0Gh" data-ph-id="ph-widget-element-1630239782103-111-Xnf0Gh"> View all reviews </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1630239782103-112-Xnf0Gh"></i> </a> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1631107700593-view7" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-1631107700593-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="FcKYYL-ph-category-overview-v3-view7-regionRole" aria-label="Browse by Job Categories" key-aria-label="bZfoUS-FcKYYL-ph-category-overview-v3-view7-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-1631107700593-3"> <div class="widget-container" data-ph-id="ph-widget-element-1631107700593-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1631107700593-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-1631107700593-6"> <ppc-content key="ZLiElr-FcKYYL-ph-category-overview-v3-view7-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1631107700593-7" language-overriden="true"><div><span class="brand-color-primary"><span style="font-family:FSIndustrieCd-Bold;">EXPLORE YOUR FUTURE</span></span></div></ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-1631107700593-8"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-1631107700593-9" language-overriden="true">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-widget-element-1631107700593-10"> <div class="${mode}" data-ph-id="ph-widget-element-1631107700593-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-1631107700593-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-1631107700593-13"> <a ph-tevent="job_category_click" ref="linkEle" href.bind="getUrl(linkEle, 'category', category)" class="category-${$index + 1} list-item-link" target="${category.url.indexOf('http') == -1 ? '_self': '_blank'}" 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-1631107700593-14"> <figure data-ph-id="ph-widget-element-1631107700593-15"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" aria-hidden="true" data-ph-id="ph-widget-element-1631107700593-16" loading="lazy"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-1631107700593-17"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1631107700593-18">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-19"> <span data-ph-id="ph-widget-element-1631107700593-20">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-21"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-22"> <span data-ph-id="ph-widget-element-1631107700593-23">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-24"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-25"> <span data-ph-id="ph-widget-element-1631107700593-26">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-27"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <div data-access-list-item="${$index}" if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-1631107700593-28"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" target="${category.url.indexOf('http') == -1 ? '_self': '_blank'}" 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-1631107700593-29"> <figure data-ph-id="ph-widget-element-1631107700593-30"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" error.trigger="getDefaultImg('assets/styles/images/default-category.jpg')" data-ph-at-id="category-image" aria-hidden="true" data-ph-id="ph-widget-element-1631107700593-31" loading="lazy"> </img></figure> <div class="category-info" data-ph-id="ph-widget-element-1631107700593-32"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1631107700593-33">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-34"> <span data-ph-id="ph-widget-element-1631107700593-35">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-36"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-37"> <span data-ph-id="ph-widget-element-1631107700593-38">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-39"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1631107700593-40"> <span data-ph-id="ph-widget-element-1631107700593-41">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1631107700593-42"> ${widgetBundle['categoryCountSingler'] | 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-1631107700593-43"> <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="FcKYYL-ph-category-overview-v3-view7-showMoreActionTitleText" key-aria-label="FcKYYL-ph-category-overview-v3-view7-showMoreActionAriaLabelText" key-role="FcKYYL-ph-category-overview-v3-view7-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-1631107700593-44"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-1631107700593-45" 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="FcKYYL-ph-category-overview-v3-view7-viewNextActionTitleText" key-aria-label="FcKYYL-ph-category-overview-v3-view7-viewNextActionAriaLabelText" key-role="FcKYYL-ph-category-overview-v3-view7-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-1631107700593-46"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-1631107700593-47" 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="FcKYYL-ph-category-overview-v3-view7-viewAllActionTitleText" key-aria-label="FcKYYL-ph-category-overview-v3-view7-viewAllActionAriaLabelText" key-role="FcKYYL-ph-category-overview-v3-view7-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-1631107700593-48"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-1631107700593-49" 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="FcKYYL-ph-category-overview-v3-view7-showLessActionTitleText" key-aria-label="FcKYYL-ph-category-overview-v3-view7-showLessActionAriaLabelText" key-role="FcKYYL-ph-category-overview-v3-view7-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-1631107700593-50"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-1631107700593-51" 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-1631107700593-52"> <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="wYw7TK-FcKYYL-ph-category-overview-v3-view7-previousSlideActionTitleText" key-aria-label="FImjNF-FcKYYL-ph-category-overview-v3-view7-previousSlideActionAriaLabelText" key-role="bAYcJt-FcKYYL-ph-category-overview-v3-view7-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1631107700593-53"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1631107700593-54"></i> <ppc-content key="EvbAfM-FcKYYL-ph-category-overview-v3-view7-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1631107700593-55" 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="XU1wnB-FcKYYL-ph-category-overview-v3-view7-nextSlideActionTitleText" key-aria-label="O3apTB-FcKYYL-ph-category-overview-v3-view7-nextSlideActionAriaLabelText" key-role="hlvXzs-FcKYYL-ph-category-overview-v3-view7-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1631107700593-56"> <ppc-content key="MP25tm-FcKYYL-ph-category-overview-v3-view7-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1631107700593-57" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1631107700593-58"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1631107700593-59"> <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-1631107700593-60"> </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-1631107700593-61"> <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="ynh6t7-FcKYYL-ph-category-overview-v3-view7-previousSlideActionTitleText" key-aria-label="dLnR80-FcKYYL-ph-category-overview-v3-view7-previousSlideActionAriaLabelText" key-role="dpCbfE-FcKYYL-ph-category-overview-v3-view7-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1631107700593-62"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1631107700593-63"></i> <ppc-content key="YrRAzk-FcKYYL-ph-category-overview-v3-view7-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1631107700593-64" 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="LWvtUC-FcKYYL-ph-category-overview-v3-view7-nextSlideActionTitleText" key-aria-label="Y1ppib-FcKYYL-ph-category-overview-v3-view7-nextSlideActionAriaLabelText" key-role="rMIPLP-FcKYYL-ph-category-overview-v3-view7-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1631107700593-65"> <ppc-content key="LClwbt-FcKYYL-ph-category-overview-v3-view7-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1631107700593-66" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1631107700593-67"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1631107700593-68"> <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-1631107700593-69"> </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-1631107700593-70"> <p data-ph-id="ph-widget-element-1631107700593-71"> <ppc-content key="FcKYYL-ph-category-overview-v3-view7-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-1631107700593-72" language-overriden="true"> No Categories. </ppc-content> </p> </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><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/STGRGLOBAL/tenantcss/main-1720165650269.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/tenantcss/color-css-1720163873153.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page1";</script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</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","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","google-sign":"Sign in with Google","google":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"ph-category-overview-v3-view7":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-find-your-fit-container-v1-default":{"uploadResumeProfileFirstName":"Hi {{userFirstName}},","resumeUploadedMessage":"The carrer site has been personalized based on your resume “{{resumeName}}“"},"ph-candidate-login-v1-default":{"signInIcon":"icon icon-user-4","validPasswordIcon":"icon icon-check-mark","accDelEmailValSuccessDesc":"Your account has been successfully deleted.","signOutButton":"Sign out","createAccountEmailFormAriaLabel":"Enter email","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,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","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","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","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://www.straumann.com/group/en/home/privacy-notice.html","termsOfUseText":"Terms of Use","showPasswordText":"Show password","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","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","createAccountEmailFormLabel":"Email","accDelEmailValSuccessText":"Success!","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","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","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","piiConsentError":"Please accept all the required consents","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","passwordInVisibleSrOnly":"Password is invisible","termsLink":"https://www.straumann.com/group/en/home/legal-notice.html","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":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less jobs","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMoreText":"See all jobs","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","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","addToCartSaveText":"Save","location":"Location","category":"Category","travelRequiremnt":"Travel"},"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","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?","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","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","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Sign up","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"https://www.straumann.com/group/en/home/privacy-notice.html","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. ","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","resetLinkExpired":"Password reset Link has been expired","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","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","termsLink":"https://www.straumann.com/group/en/home/legal-notice.html","errorMessageInvalidEmail":"Please enter a valid email address.","signInPasswordFormAriaLabel":"Enter password","signInEmailFormAriaLabel":"Enter email","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-glassdoor-widget-v1-view3":{"glassdoorRatingOutOfText":"out of 5","starRating":"star rating"},"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","type":"Job Type","title":"Title","remote":"Remote","postedDate":"Posted Date","expiryDate":"ExpiryDate","descriptionTeaser":"Description Teaser","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","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","addToCartSaveText":"Save","location":"Location","travelRequiremnt":"Travel","category":"Category"},"ph-glassdoor-widget-v1-view7":{"readLessText":"Read less","overallRatingText":"Overall rating {{overallRating}} out of 5 for {{numberOfRatings}} ratings","reviewDateFormat":"ll","readMoreText":"Read more","outOfRatingText":"out of 5 rating","overallEmployeeRatingText":"Employee Rating {{overallNumeric}} out of 5 "},"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","remote":"Remote","title":"Title","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMoreText":"See all jobs","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","referText":"Refer","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","addToCartSaveText":"Save","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-find-your-fit-v1-default":{"fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfSkillsPlaceHolderText":"Your skills","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","fyfLocationPlaceHolderText":"Your preferred work location","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"twitterTitle":"Share via twitter","instagram":"Share via Instagram","linkedin":"Share via LinkedIn","google-plusTitle":"Share via google plus","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","google-plus":"Share via google plus","vkTitle":"Share via vk","emailTitle":"Share via email","instagramTitle":"Share via Instagram","vkAriaLabel":"Share via vk","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","pinterest":"Share via pinterest","twitterAriaLabel":"Share via twitter","pinterestTitle":"Share via pinterest","linkedinAriaLabel":"Share via LinkedIn","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"},"ph-global-search-v3-default":{"globalsearchPlaceholder":"Search job title or location","militarysearchPlaceholder":"Search military jobs","globalsearchButtonAriaLabelText":"Search","globalsearchButtonText":"Search"}} </script><style>.phcriticalhide{display: none!important}</style> <script type="text/javascript" nonce="">phApp.audience_state = "stranger"</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','GTM-K5FNR36');</script></head> <body class="home-page home" data-ph-id="ph-page-element-page1-2zP6Zo" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K5FNR36" 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-2l8jqr"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="gAJjHkj1-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page1-wTJHlW"> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page1-TJVbiv"><section class="ppc-section ph-widget" type="dynamic" instance-id="8ZQkD1" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-page-element-page1-M0DI1L"><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-1555763659299" theme="default" original-view="default" instance-id="8ZQkD1" data-ph-id="ph-page-element-page1-S1HEdW"></div></section> <section class="ph-widget" instance-id="wiqvet" data-ph-id="ph-page-element-page1-1q9oQz"> </section> <section class="ph-widget ph-hero-block-cc-view4-option1-theme6" type="static" view="obmxa7-ph-hero-block-cc-view4-option1" theme="theme6" instance-id="obmxa7" original-view="ph-hero-block-cc-view4-option1" data-ph-id="ph-page-element-page1-NOYWgk"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="obmxa7-ph-hero-block-cc-view4-option1" original-view="ph-hero-block-cc-view4-option1" type="static" data-ph-id="ph-page-element-page1-Nm4Vku" instance-id="obmxa7" class="ph-widget-target ph-hero-block-cc-view4-option1-theme6" theme="theme6"> <div class="ph-component-cntr ph-widget-box" role="main" data-ph-id="ph-page-element-page1-39OP2s" style="background-image: url(""); background-repeat: no-repeat; background-position: 50% 0%; background-size: cover;"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-page-element-page1-AC069z"> <div card-name="ph-hero-block-cc-view4" class="ph-card" instance-id="KqxrFd" data-ph-id="ph-page-element-page1-8vjuJF"> <div class="ph-hero-block-cc-view4 ph-card-block" data-ph-at-id="ph-hero-block-cc-view4" data-ph-id="ph-page-element-page1-h9hc9l"> <!--images--> <figure class="image" data-ph-id="ph-page-element-page1-Na6NBc"> <ppc-container component-content-key="primary-image" class="primary-image element-center" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page1-u7t7ZO"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page1-M2ZkuN" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/cropChild-WesFK-1718524968553.png" key-src="ph-html-v1-ph-hero-block-cc-view4-option1-obmxa7-kSFM3h" alt="Careers that inspire smiles" key-alt="ph-html-v1-ph-hero-block-cc-view4-option1-obmxa7-ynKguv" unique-img="true" data-ph-cid="primary-image1" instance-id="KqxrFd-LeqBzE" data-ph-id="ph-page-element-page1-BU0DDV" height-val="523" /></ppc-content> </ppc-container> </figure> <!--banner contentarea--> <div class="inner-container" data-ph-id="ph-page-element-page1-uxlGqs"> <div class="global-search-block" data-ph-id="ph-page-element-page1-Oyfnu4"> <ppc-container component-content-key="h1-heading" class="heading-one ph-cc-d-f-s-70" data-ph-id="ph-page-element-page1-L6TSZg" style="font-family: Arial-BoldMT; color: rgb(255, 255, 255);"> <ppc-content key="ph-html-v1-ph-hero-block-cc-view4-option1-obmxa7-9dbbMI" instance-id="KqxrFd-q343Ok" data-ph-id="ph-page-element-page1-1vT8GS" class="ppc-text ppc-content"><h1><span class="gray-lighter"><span style="font-family:FSIndustrieCd-Bold;"><span style="font-size: 77px;"><b><span style="background-color:rgba(0, 0, 0, 0.02);">UNLOCKING</span><br /><span style="background-color:rgba(0, 0, 0, 0.02);">YOUR POTENTIAL</span></b></span></span></span></h1></ppc-content> </ppc-container> <section class="ph-widget" instance-id="xsrdse" data-ph-id="ph-page-element-page1-EBMqkg" view="1576665198950-default" original-view="default" theme="theme5"> <div as-element="ph-global-search-v3" instance-id="xsrdse" class="ph-global-search-v3-default-theme5 ph-widget-target" theme="theme5" data-widget="ph-global-search-v3" placeholder-text.bind="'Job title or location'" show-caption.bind="false" show-title.bind="false" view="default-1589996630234" original-view="default" data-ph-id="ph-page-element-page1-EsoGfT"></div> </section> </div> </div> </div> </div> </div> </div> </div></section> <!-- FYF --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1632389686660" view="1632389686697-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" instance-id="e7eazL" theme="theme1"><div class="ph-media-cc-view1-option5-theme1 ph-widget-target" data-ph-id="-1632389686660-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1632389686697-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" theme="theme1" ph-removed="true" instance-id="e7eazL"><div class="ph-component-cntr ph-widget-box header-left" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-1632389686697-2" style="background-position: 50% 0%;"> <div class="inner-container" data-ph-id="ph-widget-element-1632389686697-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1632389686697-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="16XbaX" data-ph-id="ph-widget-element-1632389686697-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1632389686697-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1632389686697-7"> <h2 data-ph-id="ph-widget-element-1632389686697-8"> <ppc-content key="e7eazL-16XbaX-7eyXPg-ph-media-cc-view1-option5-h2-heading-title-text" instance-id="16XbaX-7eyXPg" data-ph-id="ph-widget-element-1632389686697-9">JOIN US ON OUR JOURNEY TO UNLOCK THE POTENTIAL OF PEOPLE'S LIVES.<section class="ppc-fake-dropzone" parent-ref-id="null" style="display: none;"><div class="msg-content">Drop Section Here</div></section></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-1632389686697-10"> <span class="sub-content-block" data-ph-id="ph-widget-element-1632389686697-11"> <ppc-content key="e7eazL-16XbaX-OVDiYI-ph-media-cc-view1-option5-header-block-sub-content-text" instance-id="16XbaX-OVDiYI" data-ph-id="ph-widget-element-1632389686697-12"><h3><strong>We are the home of entrepreneurial minds and powerful brands. Offering the most innovative and customer-centric oral care solutions in the world to forward thinking dental professionals and customers.</strong></h3></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1632389686697-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1632389686697-18"> <div class="ph-card-container stackable" data-cards-per-row="four" data-ph-id="ph-widget-element-1632389686697-19"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="jWeB5M" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1632389686697-20"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1632389686697-21" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="https://www.straumann.com/en/dental-professionals.html" target="_blank" key-aria-label="e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-title="e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-ph-href="e7eazL-KT9WSh-ph-media-cc-view1-option5-https://www.straumann.com/en/dental-professionals.html" instance-id="KT9WSh" data-ph-id="ph-widget-element-1632390467173-tXHR5B"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1632389686697-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1632389686697-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1632389686697-24"> <figure class="image" role="presentation" key-role="e7eazL-jWeB5M-T9CvEa-ph-media-cc-view1-option5-presentationRole" instance-id="jWeB5M-T9CvEa" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1632389686697-27"> <img key-src="e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-src" alt="img1" key-alt="e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="jWeB5M-qOMS2g" data-ph-id="ph-widget-element-1632389686697-28" height-val="117" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/Straumann-1632311196374.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-30"> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="ACn061" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1632389686697-45"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1632389686697-46" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="https://www.straumann.com/neodent/en/professionals.html" target="_blank" key-aria-label="e7eazL-vdMcQX-ph-media-cc-view1-option5-" key-title="e7eazL-vdMcQX-ph-media-cc-view1-option5-" key-ph-href="e7eazL-vdMcQX-ph-media-cc-view1-option5-https://www.straumann.com/group/en/home/about/our-brands-and-partners/global-brands/neodent.html" instance-id="vdMcQX" data-ph-id="ph-widget-element-1632390530258-xniPkg"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1632389686697-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1632389686697-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1632389686697-49"> <figure class="image" role="presentation" key-role="e7eazL-ACn061-1gxxyn-ph-media-cc-view1-option5-presentationRole" instance-id="ACn061-1gxxyn" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1632389686697-52"> <img key-src="e7eazL-ACn061-kDvgoM-ph-media-cc-view1-option5-image-src" alt="img1" key-alt="e7eazL-ACn061-kDvgoM-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="ACn061-kDvgoM" data-ph-id="ph-widget-element-1632389686697-53" height-val="117" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/cropChild-zLIRO-1712056174909.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-55"> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="RevpZv" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1632389686697-70"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1632389686697-71" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="https://www.straumann.com/clearcorrect/en/patients.html" target="_blank" key-aria-label="e7eazL-ZXauNr-ph-media-cc-view1-option5-" key-title="e7eazL-ZXauNr-ph-media-cc-view1-option5-" key-ph-href="e7eazL-ZXauNr-ph-media-cc-view1-option5-https://www.straumann.com/group/en/home/about/our-brands-and-partners/global-brands/clearcorrect.html" instance-id="ZXauNr" data-ph-id="ph-widget-element-1632390693028-6jkPGM"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1632389686697-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1632389686697-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1632389686697-74"> <figure class="image" role="presentation" key-role="e7eazL-RevpZv-1eNI2n-ph-media-cc-view1-option5-presentationRole" instance-id="RevpZv-1eNI2n" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-76"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1632389686697-77"> <img key-src="e7eazL-RevpZv-sC69aB-ph-media-cc-view1-option5-image-src" alt="img1" key-alt="e7eazL-RevpZv-sC69aB-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="RevpZv-sC69aB" data-ph-id="ph-widget-element-1632389686697-78" height-val="117" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/ClearCorrect_Logo_2023_RGB-1712055175243.svg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1632389686697-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-1632389686697-80"> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="8zBCNx" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1632390902471-2"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-1632390902471-3"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="https://www.straumann.com/anthogyr/en/home.html" target="_blank" key-aria-label="gUhit2-e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-title="AIttlO-e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-ph-href="8bGHDJ-e7eazL-KT9WSh-ph-media-cc-view1-option5-https://www.straumann.com/en/dental-professionals.html" instance-id="KT9WSh" data-ph-id="ph-widget-element-1632390902471-4"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1632390902471-5"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1632390902471-6"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1632390902471-7"> <figure class="image" role="presentation" key-role="iSnkgz-e7eazL-jWeB5M-T9CvEa-ph-media-cc-view1-option5-presentationRole" instance-id="jWeB5M-T9CvEa" data-ph-id="ph-widget-element-1632390902471-8"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1632390902471-9"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1632390902471-10"> <img key-src="Fa4wUQ-e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-src" alt="img1" key-alt="3fiF5a-e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="jWeB5M-qOMS2g" data-ph-id="ph-widget-element-1632390902471-11" height-val="117" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/Anthogyr_1.jpgcorrect-1641387731556.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1632390902471-12"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1632390902471-13"> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="WWxTFN" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1632391019686-2"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" style="position: relative; display: block;" data-ph-id="ph-widget-element-1632391019686-3"> <a ph-cms-link="true" ph-tevent="static_content_click" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="https://www.straumann.com/medentika/de/dentaler-fachbereich/unternehmen/karriere.html" target="_blank" key-aria-label="Cwg33P-e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-title="ZJ7UAa-e7eazL-KT9WSh-ph-media-cc-view1-option5-" key-ph-href="2FPWy2-e7eazL-KT9WSh-ph-media-cc-view1-option5-https://www.straumann.com/en/dental-professionals.html" instance-id="KT9WSh" data-ph-id="ph-widget-element-1632391019686-4"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1632391019686-5"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1632391019686-6"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1632391019686-7"> <figure class="image" role="presentation" key-role="jxqdC6-e7eazL-jWeB5M-T9CvEa-ph-media-cc-view1-option5-presentationRole" instance-id="jWeB5M-T9CvEa" data-ph-id="ph-widget-element-1632391019686-8"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1632391019686-9"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1632391019686-10"> <img key-src="ha6kfd-e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-src" alt="img1" key-alt="d7bJko-e7eazL-jWeB5M-qOMS2g-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="jWeB5M-qOMS2g" data-ph-id="ph-widget-element-1632391019686-11" height-val="117" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/Medentika-1632311194284.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1632391019686-12"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1632391019686-13"> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-1632389686697-120"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" instance-id="V8e2bf" data-ph-id="ph-widget-element-1632389686697-121"> <div class="footer-block-actions" data-ph-id="ph-widget-element-1632389686697-122"> </div> </div> </div> </div> </div></div></section><section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page1-PWAFAW"> <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-1611898676189" original-view="default" data-ph-id="ph-page-element-page1-rruBWs"></div> </section><div id="px-block-1" data-audience-block="px-block-1" class="px-block-1" data-ph-id="5375519784358299"><div id="px-block-1-stranger" data-ph-id="30430898992070029"><section class="ppc-section ph-widget" data-ph-id="ph-page-element-page1-hNqHCu-PhIM6W-1" view="default-1603775874949-PhIM6W" original-view="default" theme="theme26" instance-id="PhIM6W"> <div class="ph-profile-recommendations-v2-default-theme26 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="default-1603775874949-PhIM6W" original-view="default" theme="theme26" data-ph-id="ph-page-element-page1-hNqHCu-PhIM6W" instance-id="PhIM6W" px-display-name="Profile Recommendations" max-display-count="5" jobs-display-mode="seeMore" click-tojd="false" job-fields="[{"name":"title","display_name":"Title","settings":{"label":false,"icon":""},"checked":true},{"name":"location","display_name":"Location","settings":{"label":false,"icon":"","displayType":"modal"},"checked":true},{"name":"category","display_name":"Category","settings":{"label":false,"icon":""},"checked":true},{"name":"postedDate","display_name":"PostedDate","settings":{"label":false,"icon":""},"checked":true},{"name":"descriptionTeaser","display_name":"DescriptionTeaser","settings":{"label":false,"icon":""},"checked":true}]" job-actions="[{"name":"addToCart","display_name":"Save Job","settings":{"label":true,"icon":"icon-star-empty","activeicon":"icon-star"},"checked":true}]"></div> </section><section class="ppc-section ph-widget" data-ph-id="ph-page-element-page1-gv3QRs-m4pW2g-1" view="default-1603775832384-m4pW2g" original-view="default" theme="theme26" instance-id="m4pW2g"> <div class="ph-recom-jobs-browsing-history-v3-default-theme26 ph-widget-target" as-element="ph-recom-jobs-browsing-history-v3" data-widget="ph-recom-jobs-browsing-history-v3" view="default-1603775832384-m4pW2g" original-view="default" theme="theme26" data-ph-id="ph-page-element-page1-gv3QRs-m4pW2g" instance-id="m4pW2g" px-display-name="Browsing history based recommendations" jobs-display-mode="seeMore" max-display-count="6" click-tojd="false"></div> </section><section class="ppc-section ph-widget" data-ph-id="ph-page-element-page1-BNbrxr-XYyj3P-1" view="default-1603775840544-XYyj3P" original-view="default" theme="theme26" instance-id="XYyj3P"> <div class="ph-recently-viewed-jobs-v3-default-theme26 ph-widget-target" as-element="ph-recently-viewed-jobs-v3" data-widget="ph-recently-viewed-jobs-v3" view="default-1603775840544-XYyj3P" original-view="default" theme="theme26" data-ph-id="ph-page-element-page1-BNbrxr-XYyj3P" instance-id="XYyj3P" px-display-name="Recently viewed Jobs" jobs-display-mode="seeMore" max-display-count="6"></div> </section></div></div> <!--profile recom jobs--> <section class="ppc-section ph-widget" type="static" data-ph-id="-1629211924164" view="1629211924417-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="gi9k3C" theme="theme1"><div class="ph-divider-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1629211924164-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1629211924417-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="gi9k3C"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1629211924417-2"> <div class="inner-container ph-fluid-container ph-cc-d-p-t-0 ph-cc-d-p-b-0" data-ph-id="ph-widget-element-1629211924417-3"> <ppc-container component-content-key="divider" class="divider" data-ph-cid="divider1" data-ph-id="ph-widget-element-1629211924417-4"> <div class="divider-block" data-ph-id="ph-widget-element-1629211924417-5"> </div> </ppc-container> </div> </div> </div></section><section class="ph-media-cc-view1-option5-theme4 ph-widget" type="static" view="1628002494489-media-cc-view1-option5-savedView-1628002468350" cards-count="4" data-cards-per-row="four" theme="theme4" original-view="ph-media-cc-view1-option5" instance-id="X3F5rA" data-ph-id="-1628002494250"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1628002494489-media-cc-view1-option5-savedView-1628002468350" original-view="ph-media-cc-view1-option5" type="static" class="ph-media-cc-view1-option5-theme4 ph-widget-target" theme="theme4" data-ph-id="-1628002494250-1" instance-id="X3F5rA"> <div class="ph-component-cntr ph-widget-box header-left" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-1628002494489-2"> <div class="inner-container ph-cc-d-p-b-2 ph-cc-d-p-t-50" data-ph-id="ph-widget-element-1628002494489-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1628002494489-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1628002494489-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1628002494489-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1628002494489-7"> <ppc-content key="X3F5rA-2fO4BC-ph-media-cc-view1-option5-savedView-1628002468350-zcAU8S" class="ppc-text ppc-content" language-overriden="true" instance-id="2fO4BC" data-ph-id="ph-widget-element-1628002494489-9"><h2 data-ph-id="ph-widget-element-1628002494489-8" ph-element-dummy-ele="true"><span class="dark-color">OUR COMPANY IN NUMBERS</span></h2></ppc-content> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1628002494489-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1628002494489-18"> <div class="ph-card-container stackable" data-cards-per-row="three" role="list" data-ph-id="ph-widget-element-1628002494489-19"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" card-container-style="background-image:'url()'" role="listitem" data-ph-id="ph-widget-element-1628002494489-20"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1628002494489-21"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1628002494489-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1628002494489-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1628002494489-24"> <figure class="image" data-ph-id="ph-widget-element-1628002494489-25"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms ph-img-circle" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1628002494489-26"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1628002494489-27"><img key-src="X3F5rA-viYryJ-ph-media-cc-view1-option5-savedView-1628002468350-yVl6J8" alt="7,500" key-alt="X3F5rA-viYryJ-ph-media-cc-view1-option5-savedView-1628002468350-adIHnC" unique-img="true" data-ph-cid="primary-image1" instance-id="viYryJ" data-ph-id="ph-widget-element-1628002494489-28" height-val="0" crop-size="fit" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/AllNeeds-1678799673513.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1628002494489-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-1628002494489-30"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-widget-element-1628002494489-34"> <span key-aria-level="X3F5rA-EDmJaU-ph-media-cc-view1-option5-savedView-1628002468350-z9URjL" key-role="X3F5rA-EDmJaU-ph-media-cc-view1-option5-savedView-1628002468350-rP7gRJ" instance-id="EDmJaU" data-ph-id="ph-widget-element-1628002494489-35"> <ppc-content key="X3F5rA-UJYM2k-ph-media-cc-view1-option5-savedView-1628002468350-vPevMH" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="UJYM2k" data-ph-id="ph-widget-element-1628002494489-36"><h2><span class="dark-color-light"><span class="ph-cc-ms-f-s-50 ph-cc-d-f-s-50 ph-cc-t-f-s-30 ph-cc-m-f-s-20">>11,000</span></span></h2></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-1628002494489-37"> <span class="description-block" data-ph-id="ph-widget-element-1628002494489-38"> <ppc-content key="X3F5rA-YL1HX1-ph-media-cc-view1-option5-savedView-1628002468350-3bviDn" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="YL1HX1" data-ph-id="ph-widget-element-1628002494489-39"><h5><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span class="ph-line-height-1" data-ph-style-attr="ph-line-height-1" data-ph-process-line-height="true">Employees</span></span></h5></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" card-container-style="background-image:'url()'" role="listitem" data-ph-id="ph-widget-element-1628002494489-70"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1628002494489-71"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1628002494489-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1628002494489-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1628002494489-74"> <figure class="image" data-ph-id="ph-widget-element-1628002494489-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-1628002494489-76"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1628002494489-77"><img key-src="X3F5rA-xc4WBq-ph-media-cc-view1-option5-savedView-1628002468350-kwzeWZ" alt="happiness" key-alt="X3F5rA-xc4WBq-ph-media-cc-view1-option5-savedView-1628002468350-4bV10v" unique-img="true" data-ph-cid="primary-image1" instance-id="xc4WBq" data-ph-id="ph-widget-element-1628002494489-78" height-val="0" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/Map-1678799681344.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1628002494489-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-1628002494489-80"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-widget-element-1628002494489-84"> <span key-aria-level="X3F5rA-S1t2Yr-ph-media-cc-view1-option5-savedView-1628002468350-6i4ObL" key-role="X3F5rA-S1t2Yr-ph-media-cc-view1-option5-savedView-1628002468350-KsQzHA" instance-id="S1t2Yr" data-ph-id="ph-widget-element-1628002494489-85"> <ppc-content key="X3F5rA-AWJ11r-ph-media-cc-view1-option5-savedView-1628002468350-ZJ81Y8" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="AWJ11r" data-ph-id="ph-widget-element-1628002494489-86"><h2><span class="dark-color-light"><span class="ph-cc-ms-f-s-50 ph-cc-d-f-s-50 ph-cc-t-f-s-30 ph-cc-m-f-s-20">>100</span></span></h2></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-1628002494489-87"> <span class="description-block" data-ph-id="ph-widget-element-1628002494489-88"> <ppc-content key="X3F5rA-6Zs83G-ph-media-cc-view1-option5-savedView-1628002468350-stmZe8" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="6Zs83G" data-ph-id="ph-widget-element-1628002494489-89"><h5 data-cke-filler-webkit="start" data-cke-temp="1" style="display: block; width: 0px; height: 0px; padding: 0px; border: 0px; margin: 0px; position: absolute; top: 0px; left: -9999px; opacity: 0; overflow: hidden;"><br /></h5><h5><span class="ph-line-height-1" data-ph-style-attr="ph-line-height-1" data-ph-process-line-height="true"><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;">Countries we<br />operate in</span></span></h5><h5 data-cke-filler-webkit="end" data-cke-temp="1" style="display: block; width: 0px; height: 0px; padding: 0px; border: 0px; margin: 0px; position: absolute; top: 0px; left: -9999px; opacity: 0; overflow: hidden;"><br /></h5></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" card-container-style="background-image:'url()'" role="listitem" data-ph-id="ph-widget-element-1628002494489-95"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1628002494489-96"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1628002494489-97"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1628002494489-98"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1628002494489-99"> <figure class="image" data-ph-id="ph-widget-element-1628002494489-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-1628002494489-101"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1628002494489-102"><img key-src="X3F5rA-EtVDMe-ph-media-cc-view1-option5-savedView-1628002468350-7gk76s" alt="environment" key-alt="X3F5rA-EtVDMe-ph-media-cc-view1-option5-savedView-1628002468350-2MBfFL" unique-img="true" data-ph-cid="primary-image1" instance-id="EtVDMe" data-ph-id="ph-widget-element-1628002494489-103" height-val="0" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/Chart-1678799674525.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1628002494489-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-1628002494489-105"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-widget-element-1628002494489-109"> <span key-aria-level="X3F5rA-LzKS96-ph-media-cc-view1-option5-savedView-1628002468350-jaaYtB" key-role="X3F5rA-LzKS96-ph-media-cc-view1-option5-savedView-1628002468350-7okoOx" instance-id="LzKS96" data-ph-id="ph-widget-element-1628002494489-110"> <ppc-content key="X3F5rA-qDDJSc-ph-media-cc-view1-option5-savedView-1628002468350-DeugNf" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="qDDJSc" data-ph-id="ph-widget-element-1628002494489-111"><h2><span class="dark-color-light"><span class="ph-cc-ms-f-s-50 ph-cc-d-f-s-50 ph-cc-t-f-s-30 ph-cc-m-f-s-20">CHF 2.4B</span></span></h2></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center" data-ph-cid="description1" data-ph-id="ph-widget-element-1628002494489-112"> <span class="description-block" data-ph-id="ph-widget-element-1628002494489-113"> <ppc-content key="X3F5rA-MZ3qnk-ph-media-cc-view1-option5-savedView-1628002468350-jR9EnG" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="MZ3qnk" data-ph-id="ph-widget-element-1628002494489-114"><h5><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="ph-cc-ms-f-s-16 ph-cc-d-f-s-16 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;">Revenue 2023</span></span></h5></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-1628002494489-120"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" data-ph-id="ph-widget-element-1628002494489-121"> <div class="footer-block-actions" data-ph-id="ph-widget-element-1628002494489-122"> </div> </div> </div> </div> </div> </div></section> <!-- media card --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1628759525510" view="1628759525763-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" instance-id="X3IyGg" theme="theme1"><div class="ph-paragraph-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1628759525510-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1628759525763-paragraph-cc-view1-option1" original-view="ph-paragraph-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="X3IyGg"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="4" data-ph-id="ph-widget-element-1628759525763-2"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-l-20 ph-cc-d-p-r-20 ph-cc-d-p-b-30" data-ph-id="ph-widget-element-1628759525763-3"> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1628759525763-4"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1628759525763-5"> <div class="ph-card" card-name="ph-paragraph-cc-view1" instance-id="8WfICA" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1628759525763-6"> <div class="ph-paragraph-cc-view1 ph-card-block" data-ph-at-id="ph-paragraph-cc-view1" data-ph-id="ph-widget-element-1628759525763-7"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1628759525763-8"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1628759525763-9"> <div class="content" ph-card-block-num="1" data-ph-id="ph-widget-element-1628759525763-10"> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1628759525763-11"> <span class="description-block" data-ph-id="ph-widget-element-1628759525763-12"> <ppc-content key="X3IyGg-8WfICA-mePFqv-ph-paragraph-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="8WfICA-mePFqv" data-ph-id="ph-widget-element-1628759525763-13"><h5 style="text-align: left;"><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:Calibri,sans-serif">Th<span style="font-family:TheSansLP4-SemiLight;">e Straumann Group (SIX: STMN) is a global leader in tooth replacement and orthodontic solutions that restore smiles and confidence. It unites global and international brands that stand for excellence, innovation and quality in replacement, corrective and digital dentistry, including Anthogyr, ClearCorrect, Medentika, Neodent, NUVO, Straumann and other fully/partly owned companies and partners. In collaboration with leading clinics, institutes and universities, the Group researches, develops, manufactures and supplies dental implants, instruments, CADCAM prosthetics, orthodontic aligners, biomaterials and digital solutions for use in tooth correction, replacement and restoration or to prevent tooth loss.</span></span><br /><br /><span style="font-family:TheSansLP4-SemiLight;">Headquartered in Basel, Switzerland, the Group currently employs more than 11,000 people worldwide. Its products, solutions and services are available in more than 100 countries through a broad network of distribution subsidiaries and partners.</span></span></h5></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section> <!--category--> <!--recom job histroy--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page1-jsmgHb" 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-BnGTtt" 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="-1723024191433" view="1723024191709-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" instance-id="J72K7j" theme="theme6"><div class="ph-hero-block-cc-view7-option1-theme6 ph-widget-target" data-ph-id="-1723024191433-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1723024191709-hero-block-cc-view7-option1" original-view="ph-hero-block-cc-view7-option1" theme="theme6" ph-removed="true" instance-id="J72K7j"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-957687690743831-2"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-957687690743831-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="J72K7j-7VdUMC-ph-hero-block-cc-view7-option1-listItemRole" instance-id="7VdUMC" data-ph-id="ph-widget-element-957687690743831-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-957687690743831-5"> <figure class="image" key-role="J72K7j-7VdUMC-KmGizM-ph-hero-block-cc-view7-option1-presentationRole" role="presentation" instance-id="7VdUMC-KmGizM" data-ph-id="ph-widget-element-957687690743831-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-957687690743831-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-957687690743831-8"> <img key-src="J72K7j-7VdUMC-n1iK60-ph-hero-block-cc-view7-option1-image-src" alt="img1" key-alt="J72K7j-7VdUMC-n1iK60-ph-hero-block-cc-view7-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="7VdUMC-n1iK60" data-ph-id="ph-widget-element-957687690743831-9" height-val="418" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/WANTREGULARINSIGHTSINTOWORKINGATSTRAUMANNGROUP1-1723023477226.png" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-957687690743831-12"> <div class="global-search-block" data-ph-id="ph-widget-element-957687690743831-13"> </div> </div> </div> </div> </div> </div></div></section> <!--recently viewd jobs--> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1631107700596" view="1631107700593-view7" original-view="view7" instance-id="FcKYYL" theme="theme1"><div class="ph-category-overview-v3-view7-theme1 ph-widget-target" data-ph-id="-1631107700596-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1631107700593-view7" original-view="view7" theme="theme1" ph-removed="true" instance-id="FcKYYL"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1699877524414" view="1699877524693-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="7PBPWt" theme="theme1"><div class="ph-divider-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1699877524414-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1699877524693-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="7PBPWt"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-6243678600781907-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-6243678600781907-3"> <ppc-container component-content-key="divider" class="divider" data-ph-cid="divider1" data-ph-id="ph-widget-element-6243678600781907-4"> <div class="divider-block" data-ph-id="ph-widget-element-6243678600781907-5"> </div> </ppc-container> </div> </div> </div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1689174956004" view="1689174956849-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" instance-id="ElEOwm" theme="theme6"><div class="ph-hero-content-cc-view1-option1-theme6 ph-widget-target" data-ph-id="-1689174956004-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1689174956849-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" theme="theme6" ph-removed="true" instance-id="ElEOwm"><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-1586818363157693-2"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-1586818363157693-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1586818363157693-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="pL65bh" data-ph-id="ph-widget-element-1586818363157693-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1586818363157693-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1586818363157693-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1586818363157693-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1586818363157693-19"> <div class="ph-card" card-name="ph-hero-content-cc-view1" instance-id="CSkoAb" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1586818363157693-20"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1586818363157693-21"> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1586818363157693-22"> <figure class="image" role="presentation" key-role="ElEOwm-CSkoAb-oRZvDx-ph-hero-content-cc-view1-option1-presentationRole" instance-id="CSkoAb-oRZvDx" data-ph-id="ph-widget-element-1586818363157693-23"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1586818363157693-24"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1586818363157693-25"> <img key-src="ElEOwm-CSkoAb-8EBaMH-ph-hero-content-cc-view1-option1-image-src" alt="img1" key-alt="ElEOwm-CSkoAb-8EBaMH-ph-hero-content-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="CSkoAb-8EBaMH" data-ph-id="ph-widget-element-1586818363157693-26" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/images/3.Webheader-1688658904792.jpg" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-1586818363157693-27"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-1586818363157693-28"> </div> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1586818363157693-29"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1586818363157693-33"> <span key-aria-level="ElEOwm-CSkoAb-MrOJHZ-ph-hero-content-cc-view1-option1-heading-text-aria-level" key-role="ElEOwm-CSkoAb-MrOJHZ-ph-hero-content-cc-view1-option1-heading-text-role" instance-id="CSkoAb-MrOJHZ" data-ph-id="ph-widget-element-1586818363157693-34"> <ppc-content key="ElEOwm-CSkoAb-MrOJHZ-ph-hero-content-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="CSkoAb-MrOJHZ" data-ph-id="ph-widget-element-1586818363157693-35"><div><span style="font-family:FSIndustrieCd-Bold;">SOFTWARE DEVELOPMENT</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-1586818363157693-36"> <span class="description-block" data-ph-id="ph-widget-element-1586818363157693-37"> <ppc-content key="ElEOwm-CSkoAb-kCWgOc-ph-hero-content-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="CSkoAb-kCWgOc" data-ph-id="ph-widget-element-1586818363157693-38"><h5><span class="ph-cc-ms-f-s-15 ph-cc-d-f-s-15 ph-cc-t-f-s-15 ph-cc-m-f-s-15"></span><span class="gray-lighter"><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:TheSansLP4-SemiLight;">Our Software Centres in Bangalore, Berlin and Madrid are growing. Learn more about the innovative and important work our teams are doing and explore where you could make an impact.</span></span></span></h5></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button button-lg button-radius-xs ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1586818363157693-39"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1586818363157693-40"> <a class="action-link" ph-href="https://careers.straumann.com/global/en/software-hub" key-ph-href="ElEOwm-CSkoAb-umgSjS-ph-hero-content-cc-view1-option1-primary-link-href" title="Lorem Ipsum" key-title="ElEOwm-CSkoAb-umgSjS-ph-hero-content-cc-view1-option1-primary-link-title-text" key-aria-label="ElEOwm-CSkoAb-umgSjS-ph-hero-content-cc-view1-option1-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="CSkoAb-umgSjS" data-ph-id="ph-widget-element-1586818363157693-41" target="_blank" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="ElEOwm-CSkoAb-umgSjS-ph-hero-content-cc-view1-option1-primary-link-text" data-ph-at-id="link-text" instance-id="CSkoAb-umgSjS" data-ph-id="ph-widget-element-1586818363157693-42">Explore</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1586818363157693-43"></i> </a> </div> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1631874644066" view="1631874644429-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" instance-id="Yq7LtI" theme="theme1"><div class="ph-media-cc-view1-option5-theme1 ph-widget-target" data-ph-id="-1631874644066-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1631874644429-media-cc-view1-option5" original-view="ph-media-cc-view1-option5" theme="theme1" ph-removed="true" instance-id="Yq7LtI"><div class="ph-component-cntr ph-widget-box" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-1631874644429-2"> <div class="inner-container" data-ph-id="ph-widget-element-1631874644429-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1631874644429-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="gWktV6" data-ph-id="ph-widget-element-1631874644429-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1631874644429-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1631874644429-7"> <h2 data-ph-id="ph-widget-element-1631874644429-8"> <ppc-content key="Yq7LtI-gWktV6-AsygIs-ph-media-cc-view1-option5-h2-heading-title-text" instance-id="gWktV6-AsygIs" data-ph-id="ph-widget-element-1631874644429-9"><div><span class="ph-pbRIK">TOGETHER WE ARE SPECIAL</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-1631874644429-10"> <span class="sub-content-block" data-ph-id="ph-widget-element-1631874644429-11"> <ppc-content key="Yq7LtI-gWktV6-8cBOdN-ph-media-cc-view1-option5-header-block-sub-content-text" instance-id="gWktV6-8cBOdN" data-ph-id="ph-widget-element-1631874644429-12">Our culture is the fabric connecting us to achieve our aspirations.</ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1631874644429-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1631874644429-18"> <div class="ph-card-container stackable" data-cards-per-row="four" data-ph-id="ph-widget-element-1631874644429-19"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="pvOniU" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631874644429-20"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631874644429-21"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631874644429-22"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631874644429-23"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631874644429-24"> <figure class="image" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631874644429-27"> <img key-src="Yq7LtI-pvOniU-27iwsu-ph-media-cc-view1-option5-image-src" alt="Our Culture" key-alt="Yq7LtI-pvOniU-27iwsu-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="pvOniU-27iwsu" data-ph-id="ph-widget-element-1631874644429-28" height-val="293" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/14-1702549967811.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631874644429-34"> <span key-aria-level="Yq7LtI-pvOniU-X2T5zG-ph-media-cc-view1-option5-heading-text-aria-level" key-role="Yq7LtI-pvOniU-X2T5zG-ph-media-cc-view1-option5-heading-text-role" instance-id="pvOniU-X2T5zG" data-ph-id="ph-widget-element-1631874644429-35"> <ppc-content key="Yq7LtI-pvOniU-X2T5zG-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="pvOniU-X2T5zG" data-ph-id="ph-widget-element-1631874644429-36"><div><span class="brand-color-primary"><span style="font-family:FSIndustrieCd-Bold;">CULTURE</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-1631874644429-37"> <span class="description-block" data-ph-id="ph-widget-element-1631874644429-38"> <ppc-content key="Yq7LtI-pvOniU-sTmxW0-ph-media-cc-view1-option5-description-text" data-ph-at-id="description-text" instance-id="pvOniU-sTmxW0" data-ph-id="ph-widget-element-1631874644429-39"><div><span style="font-family:TheSansLP4-SemiLight;">Where your Purpose aligns with ours, magic happens. Learn how our unique “Player Learner” culture shows up in everything we do, and how it inspires us to collaborate, innovate, and win.</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1631874644429-40"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1631874644429-41"> <a class="action-link" ph-href="culture" key-ph-href="Yq7LtI-pvOniU-tEGrKb-ph-media-cc-view1-option5-primary-link-href" title="Our culture" key-title="Yq7LtI-pvOniU-tEGrKb-ph-media-cc-view1-option5-primary-link-title-text" key-aria-label="Yq7LtI-pvOniU-tEGrKb-ph-media-cc-view1-option5-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="pvOniU-tEGrKb" data-ph-id="ph-widget-element-1631874644429-42" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="Yq7LtI-pvOniU-tEGrKb-ph-media-cc-view1-option5-primary-link-text" data-ph-at-id="link-text" instance-id="pvOniU-tEGrKb" data-ph-id="ph-widget-element-1631874644429-43">Learn More</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631874644429-44"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="xkkDrW" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631874644429-45"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631874644429-46"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631874644429-47"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631874644429-48"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631874644429-49"> <figure class="image" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-51"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631874644429-52"> <img key-src="Yq7LtI-xkkDrW-LLNxDc-ph-media-cc-view1-option5-image-src" alt="Diversity & Inclusion" key-alt="Yq7LtI-xkkDrW-LLNxDc-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="xkkDrW-LLNxDc" data-ph-id="ph-widget-element-1631874644429-53" height-val="128" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/07-1702549965622.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-55"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631874644429-59"> <span key-aria-level="Yq7LtI-xkkDrW-ocDV3N-ph-media-cc-view1-option5-heading-text-aria-level" key-role="Yq7LtI-xkkDrW-ocDV3N-ph-media-cc-view1-option5-heading-text-role" instance-id="xkkDrW-ocDV3N" data-ph-id="ph-widget-element-1631874644429-60"> <ppc-content key="Yq7LtI-xkkDrW-ocDV3N-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="xkkDrW-ocDV3N" data-ph-id="ph-widget-element-1631874644429-61"><div><strong></strong><strong><span class="brand-color-primary">DIVERSITY & INCLUSION</span></strong></div> </ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631874644429-62"> <span class="description-block" data-ph-id="ph-widget-element-1631874644429-63"> <ppc-content key="Yq7LtI-xkkDrW-o3fNyt-ph-media-cc-view1-option5-description-text" data-ph-at-id="description-text" instance-id="xkkDrW-o3fNyt" data-ph-id="ph-widget-element-1631874644429-64"><div><span style="font-family:TheSansLP4-SemiLight;">Will I be accepted? We aspire to be a global organization that truly represents the patients that we serve. Learn what we are doing to continually broaden how we think, and consider how you can take par</span>t.</div> </ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1631874644429-65"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1631874644429-66"> <a class="action-link" ph-href="diversity-and-inclusion" key-ph-href="Yq7LtI-xkkDrW-rjBFnE-ph-media-cc-view1-option5-primary-link-href" title="Diversity and Inclusion" key-title="Yq7LtI-xkkDrW-rjBFnE-ph-media-cc-view1-option5-primary-link-title-text" key-aria-label="Yq7LtI-xkkDrW-rjBFnE-ph-media-cc-view1-option5-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="xkkDrW-rjBFnE" data-ph-id="ph-widget-element-1631874644429-67"> <ppc-content key="Yq7LtI-xkkDrW-rjBFnE-ph-media-cc-view1-option5-primary-link-text" data-ph-at-id="link-text" instance-id="xkkDrW-rjBFnE" data-ph-id="ph-widget-element-1631874644429-68">Learn More</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631874644429-69"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="rtFKaG" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631874644429-70"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631874644429-71"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631874644429-72"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631874644429-73"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631874644429-74"> <figure class="image" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-76"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631874644429-77"> <img key-src="Yq7LtI-rtFKaG-LJGZp3-ph-media-cc-view1-option5-image-src" alt="Growth & Learning" key-alt="Yq7LtI-rtFKaG-LJGZp3-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="rtFKaG-LJGZp3" data-ph-id="ph-widget-element-1631874644429-78" height-val="128" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/24-1702549969471.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-80"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631874644429-84"> <span key-aria-level="Yq7LtI-rtFKaG-ELDleB-ph-media-cc-view1-option5-heading-text-aria-level" key-role="Yq7LtI-rtFKaG-ELDleB-ph-media-cc-view1-option5-heading-text-role" instance-id="rtFKaG-ELDleB" data-ph-id="ph-widget-element-1631874644429-85"> <ppc-content key="Yq7LtI-rtFKaG-ELDleB-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="rtFKaG-ELDleB" data-ph-id="ph-widget-element-1631874644429-86"><div><br /></div><div><strong><span class="brand-color-primary">GROWTH & LEARNING</span></strong></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1631874644429-87"> <span class="description-block" data-ph-id="ph-widget-element-1631874644429-88"> <ppc-content key="Yq7LtI-rtFKaG-X7bc78-ph-media-cc-view1-option5-description-text" data-ph-at-id="description-text" instance-id="rtFKaG-X7bc78" data-ph-id="ph-widget-element-1631874644429-89"><div><span style="font-family:TheSansLP4-SemiLight;">You create your own career adventure. We encourage you to understand who you are, how your want to grow, and provide the opportunities to continuously challenge yourself.</span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1631874644429-90"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1631874644429-91"> <a class="action-link" ph-href="growth-and-learning" key-ph-href="Yq7LtI-rtFKaG-fiNijr-ph-media-cc-view1-option5-primary-link-href" title="Growth and Learning" key-title="Yq7LtI-rtFKaG-fiNijr-ph-media-cc-view1-option5-primary-link-title-text" key-aria-label="Yq7LtI-rtFKaG-fiNijr-ph-media-cc-view1-option5-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="rtFKaG-fiNijr" data-ph-id="ph-widget-element-1631874644429-92"> <ppc-content key="Yq7LtI-rtFKaG-fiNijr-ph-media-cc-view1-option5-primary-link-text" data-ph-at-id="link-text" instance-id="rtFKaG-fiNijr" data-ph-id="ph-widget-element-1631874644429-93">Learn More</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631874644429-94"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" keyrole="listItemRole" instance-id="bHAYDY" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1631874644429-95"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-widget-element-1631874644429-96"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1631874644429-97"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1631874644429-98"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1631874644429-99"> <figure class="image" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-101"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1631874644429-102"> <img key-src="Yq7LtI-bHAYDY-UHWS8j-ph-media-cc-view1-option5-image-src" alt="How we hire" key-alt="Yq7LtI-bHAYDY-UHWS8j-ph-media-cc-view1-option5-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="bHAYDY-UHWS8j" data-ph-id="ph-widget-element-1631874644429-103" height-val="128" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/13-1702550095436.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1631874644429-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-1631874644429-105"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1631874644429-109"> <span key-aria-level="Yq7LtI-bHAYDY-8c0L8z-ph-media-cc-view1-option5-heading-text-aria-level" key-role="Yq7LtI-bHAYDY-8c0L8z-ph-media-cc-view1-option5-heading-text-role" instance-id="bHAYDY-8c0L8z" data-ph-id="ph-widget-element-1631874644429-110"> <ppc-content key="Yq7LtI-bHAYDY-8c0L8z-ph-media-cc-view1-option5-heading-text" data-ph-at-id="heading-text" instance-id="bHAYDY-8c0L8z" data-ph-id="ph-widget-element-1631874644429-111"><div><br /></div><div><span class="brand-color-primary"><strong>HOW WE HIRE</strong></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-1631874644429-112"> <span class="description-block" data-ph-id="ph-widget-element-1631874644429-113"> <ppc-content key="Yq7LtI-bHAYDY-3pCMhe-ph-media-cc-view1-option5-description-text" data-ph-at-id="description-text" instance-id="bHAYDY-3pCMhe" data-ph-id="ph-widget-element-1631874644429-114"><div><span style="font-family:TheSansLP4-SemiLight;">Found an opportunity that you are interested in? Learn about what to expect during the hiring process. </span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1631874644429-115"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1631874644429-116"> <a class="action-link" ph-href="how-we-hire" key-ph-href="Yq7LtI-bHAYDY-02RvWn-ph-media-cc-view1-option5-primary-link-href" title="How we hire" key-title="Yq7LtI-bHAYDY-02RvWn-ph-media-cc-view1-option5-primary-link-title-text" key-aria-label="Yq7LtI-bHAYDY-02RvWn-ph-media-cc-view1-option5-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="bHAYDY-02RvWn" data-ph-id="ph-widget-element-1631874644429-117"> <ppc-content key="Yq7LtI-bHAYDY-02RvWn-ph-media-cc-view1-option5-primary-link-text" data-ph-at-id="link-text" instance-id="bHAYDY-02RvWn" data-ph-id="ph-widget-element-1631874644429-118">Learn More</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1631874644429-119"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-1631874644429-120"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" instance-id="i8Z28p" data-ph-id="ph-widget-element-1631874644429-121"> <div class="footer-block-actions" data-ph-id="ph-widget-element-1631874644429-122"> </div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1718640297422" view="1718640298345-media-large-img-left-cc-view1-option3" original-view="ph-media-large-img-left-cc-view1-option3" instance-id="FekwVC" theme="theme6"><div class="ph-media-large-img-left-cc-view1-option3-theme6 ph-widget-target" data-ph-id="-1718640297422-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1718640298345-media-large-img-left-cc-view1-option3" original-view="ph-media-large-img-left-cc-view1-option3" theme="theme6" ph-removed="true" instance-id="FekwVC"><div class="ph-component-cntr ph-widget-box" default-cards-count="1" data-ph-id="ph-widget-element-807676281413356-2"> <div class="inner-container" data-ph-id="ph-widget-element-807676281413356-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-807676281413356-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="CoWYkn" data-ph-id="ph-widget-element-807676281413356-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-807676281413356-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-807676281413356-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-807676281413356-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-807676281413356-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="kAH2zA" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-807676281413356-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-807676281413356-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-807676281413356-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-807676281413356-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-807676281413356-24"> <figure class="image" role="presentation" key-role="FekwVC-kAH2zA-qdyClw-ph-media-large-img-left-cc-view1-option3-presentationRole" instance-id="kAH2zA-qdyClw" data-ph-id="ph-widget-element-807676281413356-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-807676281413356-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-807676281413356-27"> <img key-src="FekwVC-kAH2zA-cRF5ve-ph-media-large-img-left-cc-view1-option3-image-src" alt="img1" key-alt="FekwVC-kAH2zA-cRF5ve-ph-media-large-img-left-cc-view1-option3-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="kAH2zA-cRF5ve" data-ph-id="ph-widget-element-807676281413356-28" height-val="223" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/12-1702560003109.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-807676281413356-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-807676281413356-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-807676281413356-31"> <span key-aria-level="FekwVC-kAH2zA-65AZFl-ph-media-large-img-left-cc-view1-option3-heading-text-aria-level" key-role="FekwVC-kAH2zA-65AZFl-ph-media-large-img-left-cc-view1-option3-heading-text-role" instance-id="kAH2zA-65AZFl" data-ph-id="ph-widget-element-807676281413356-32"> <ppc-content key="FekwVC-kAH2zA-65AZFl-ph-media-large-img-left-cc-view1-option3-heading-text" data-ph-at-id="heading-text" instance-id="kAH2zA-65AZFl" data-ph-id="ph-widget-element-807676281413356-33">HOW WE HIRE</ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-807676281413356-34"> <span class="description-block" data-ph-id="ph-widget-element-807676281413356-35"> <ppc-content key="FekwVC-kAH2zA-oHmqnk-ph-media-large-img-left-cc-view1-option3-description-text" data-ph-at-id="description-text" instance-id="kAH2zA-oHmqnk" data-ph-id="ph-widget-element-807676281413356-36"><div><span style="font-family:TheSansLP4-SemiLight;">Here you will find lots of information about how we hire, and what you can do to support your decision to join us.</span> </div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link secondary-button button-lg button-radius-lg" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-807676281413356-37"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-807676281413356-38"> <a class="action-link" ph-href="how-we-hire" key-ph-href="FekwVC-kAH2zA-YaUyiZ-ph-media-large-img-left-cc-view1-option3-primary-link-href" title="Lorem Ipsum" key-title="FekwVC-kAH2zA-YaUyiZ-ph-media-large-img-left-cc-view1-option3-primary-link-title-text" key-aria-label="FekwVC-kAH2zA-YaUyiZ-ph-media-large-img-left-cc-view1-option3-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="kAH2zA-YaUyiZ" data-ph-id="ph-widget-element-807676281413356-39" target="_blank"> <ppc-content key="FekwVC-kAH2zA-YaUyiZ-ph-media-large-img-left-cc-view1-option3-primary-link-text" data-ph-at-id="link-text" instance-id="kAH2zA-YaUyiZ" data-ph-id="ph-widget-element-807676281413356-40">Learn more</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-807676281413356-41"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1666104534111" view="1666104534402-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" instance-id="5rwWRN" theme="theme1"><div class="ph-divider-cc-view1-option1-theme1 ph-widget-target" data-ph-id="-1666104534111-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1666104534402-divider-cc-view1-option1" original-view="ph-divider-cc-view1-option1" theme="theme1" ph-removed="true" instance-id="5rwWRN"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1666104534402-2"> <div class="inner-container ph-fluid-container ph-cc-d-p-a-14" data-ph-id="ph-widget-element-1666104534402-3"> <ppc-container component-content-key="divider" class="divider" data-ph-cid="divider1" data-ph-id="ph-widget-element-1666104534402-4"> <div class="divider-block" data-ph-id="ph-widget-element-1666104534402-5" style="border-style: none;"> </div> </ppc-container> </div> </div> </div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1628082377136" view="1628082377433-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" instance-id="gyhD0b" theme="theme6"><div class="ph-hero-content-cc-view1-option1-theme6 ph-widget-target" data-ph-id="-1628082377136-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1628082377433-hero-content-cc-view1-option1" original-view="ph-hero-content-cc-view1-option1" theme="theme6" ph-removed="true" instance-id="gyhD0b"><div class="ph-component-cntr ph-widget-box heading-block-hide darkar-border darkar-bg" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-1628082377433-2" style="background-position: 50% 0%; background-image: url(""); background-repeat: no-repeat; background-size: cover;"> <div class="inner-container ph-fluid-container" data-ph-id="ph-widget-element-1628082377433-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1628082377433-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="LQeAnf" data-ph-id="ph-widget-element-1628082377433-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1628082377433-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1628082377433-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1628082377433-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-1628082377433-19"> <div class="ph-card" card-name="ph-hero-content-cc-view1" instance-id="e4jkbm" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-1628082377433-20"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-widget-element-1628082377433-21" style=""> <div class="ph-hero-content-wrapper" data-ph-id="ph-widget-element-1628082377433-22"> <figure class="image" data-ph-id="ph-widget-element-1628082377433-23"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1628082377433-24"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1628082377433-25"> <img key-src="gyhD0b-e4jkbm-ulktOU-ph-hero-content-cc-view1-option1-image-src" alt="Sign Up" key-alt="gyhD0b-e4jkbm-ulktOU-ph-hero-content-cc-view1-option1-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="e4jkbm-ulktOU" data-ph-id="ph-widget-element-1628082377433-26" height-val="773" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/STGRGLOBAL/images/10-1702553229551.jpg" /> </ppc-content> </ppc-container> <ppc-container component-content-key="overlay" class="overlay" data-ph-id="ph-widget-element-1628082377433-27"> <div class="ph-overlay-wrapper" data-ph-id="ph-widget-element-1628082377433-28"> </div> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1628082377433-29" style="z-index: 2; pointer-events: none;"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1628082377433-33"> <span key-aria-level="gyhD0b-e4jkbm-Jg6znr-ph-hero-content-cc-view1-option1-heading-text-aria-level" key-role="gyhD0b-e4jkbm-Jg6znr-ph-hero-content-cc-view1-option1-heading-text-role" instance-id="e4jkbm-Jg6znr" data-ph-id="ph-widget-element-1628082377433-34"> <ppc-content key="gyhD0b-e4jkbm-Jg6znr-ph-hero-content-cc-view1-option1-heading-text" data-ph-at-id="heading-text" instance-id="e4jkbm-Jg6znr" data-ph-id="ph-widget-element-1628082377433-35"><div><span style="font-family:FSIndustrieCd-Bold;">JOIN OUR TALENT COMMUNITY</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-1628082377433-36"> <span class="description-block" data-ph-id="ph-widget-element-1628082377433-37"> <ppc-content key="gyhD0b-e4jkbm-bKC4F8-ph-hero-content-cc-view1-option1-description-text" data-ph-at-id="description-text" instance-id="e4jkbm-bKC4F8" data-ph-id="ph-widget-element-1628082377433-38"><div data-cke-filler-webkit="start" data-cke-temp="1" style="display: block; width: 0px; height: 0px; padding: 0px; border: 0px; margin: 0px; position: absolute; top: 0px; left: -9999px; opacity: 0; overflow: hidden;"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16"> </span></div><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16">Receive updates on career opportunities tailored just for you.<br /></span><div data-cke-filler-webkit="end" data-cke-temp="1" style="display: block; width: 0px; height: 0px; padding: 0px; border: 0px; margin: 0px; position: absolute; top: 0px; left: -9999px; opacity: 0; overflow: hidden;"><span class="ph-cc-ms-f-s-30 ph-cc-d-f-s-30 ph-cc-t-f-s-18 ph-cc-m-f-s-16"> </span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link primary-button button-lg button-radius-xs ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-widget-element-1628082377433-39"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-widget-element-1628082377433-40"> <a class="action-link" ph-href="jointalentcommunity" key-ph-href="gyhD0b-e4jkbm-9zUj7Y-ph-hero-content-cc-view1-option1-primary-link-href" title="Sign Up" key-title="gyhD0b-e4jkbm-9zUj7Y-ph-hero-content-cc-view1-option1-primary-link-title-text" key-aria-label="gyhD0b-e4jkbm-9zUj7Y-ph-hero-content-cc-view1-option1-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="e4jkbm-9zUj7Y" data-ph-id="ph-widget-element-1628082377433-41" previous-z-index="" style="position: relative; pointer-events: all;"> <ppc-content key="gyhD0b-e4jkbm-9zUj7Y-ph-hero-content-cc-view1-option1-primary-link-text" data-ph-at-id="link-text" instance-id="e4jkbm-9zUj7Y" data-ph-id="ph-widget-element-1628082377433-42">Sign Up<br /></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-widget-element-1628082377433-43"></i> </a> </div> </ppc-container> </div> </div> </div> </div></div> </div> </div> </div></div></section> <!--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 --> <!--glassdoor--> <div id="px-block-2" data-audience-block="px-block-2" class="px-block-2" data-ph-id="5375519784363468"><div id="px-block-2-stranger" data-ph-id="30430898993348317"><section class="ppc-section ph-widget" data-ph-id="-1630239781774-1-Xnf0Gh-1" view="1630239782103-view7-Xnf0Gh" original-view="view7" theme="theme1" instance-id="Xnf0Gh"> <div class="ph-glassdoor-widget-v1-view7-theme1 ph-widget-target" as-element="ph-glassdoor-widget-v1" data-widget="ph-glassdoor-widget-v1" view="1630239782103-view7-Xnf0Gh" original-view="view7" theme="theme1" data-ph-id="-1630239781774-1-Xnf0Gh" instance-id="Xnf0Gh" px-display-name="Glassdoor" ph-removed="true"></div> </section><pcs-widget class="ph-widget" data-ph-widget-id="1c0d513754c29bdf57f46c029c235bdb" data-ph-id="30430901772136044" panel-id="12e4e74b2a8b2eedbeafdf72e25ec077" px-display-name="Blog Articles" instance-id="luoPvmcj" data-ph-content-id="XEMLM0ue-k9kcnxvl"></pcs-widget></div></div></div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page1-jdOM5M"><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget" theme="theme1" type="static" instance-id="aAjDbo" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1630405061814-media-cc-view1-option3" data-ph-id="ph-widget-element-1630405061814-S0w8qu"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1630405061814-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1630405062070" instance-id="aAjDbo" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box" style="background-color: #3a3a3a;" role="complementary" key-role="gdpr-gdprRole" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-PVvj0r"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-b-0" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-BqzbH0"> <div class="ph-container-content-block" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-EdEIHM"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="gdpr-cardListRole" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-rCt89Z"> <div class="ph-card" card-name="ph-media-cc-view1" role="listitem" key-role="upKRXZ-gdpr-cardListItemRole" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-mELVn5" instance-id="CkK47y"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-tChPyp"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-aHwoyi"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-K1HJxV"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href1" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text1" aria-label="Career Site Cookie Settings" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-cookie-settings-text" ph-tevent="static_content_click" ph-href="cookiesettings" target="_self" key-target="gdpr-ph-media-cc-view1-option3-primary-link-cookie-settings" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-hArKCV" instance-id="RGTTHI"> <ppc-content key="gdpr-primary-link-text1" data-ph-at-id="link-text" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-2R9xaM" instance-id="dNzye0"> Career Site Cookie Settings </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-gUc3h3"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" role="listitem" key-role="6s6nWU-gdpr-cardListItemRole" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-rd5rGT" instance-id="OpISDA"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-UhYise"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-wdScuE"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-VNrV2F"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href2" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text2" aria-label="Personal Information" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-personal-info-text" ph-tevent="static_content_click" ph-href="emailpersonalinfo" target="_self" key-target="gdpr-ph-media-cc-view1-option3-primary-link-personal-information" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-rA2brI" instance-id="O8PFen"> <ppc-content key="gdpr-primary-link-text2" data-ph-at-id="link-text" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-iJb94t" instance-id="KRzM0d"> Personal Information </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1630405061814-media-cc-view1-option3-ph-html-v1aAjDbo-C1bmVS"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget-disabled" theme="theme1" type="static" instance-id="ETuhVX" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1630404939334-media-cc-view1-option3" data-ph-id="ph-widget-element-1630404939334-CDOjbt"><div data-widget="ph-html-v1" view="1630404939334-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1630404939637" instance-id="ETuhVX" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1" as-disabled="ph-html-v1"></div></section><section class="ph-widget ph-widget-layout ppc-section ph-widget-target" view="footer" type="static" instance-id="uwwl0l" data-ph-id="footer-uZOGQj" original-view="footer" as-element="footer" data-widget="footer"><div as-element="footer" data-widget="footer" view="footer" original-view="footer" type="static" instance-id="uwwl0l" theme="default" class="ph-widget-target footer-default" data-ph-id="ph-page-element-footer-uwwl0l-vuAaqL"> <footer id="footer" data-ph-id="ph-page-element-footer-uwwl0l-lKtLha"> <div class="footer-block ph-widget-box" data-ph-id="ph-page-element-footer-uwwl0l-Jq962x"> <div class="container" data-ph-id="ph-page-element-footer-uwwl0l-68CtFx"> <div class="top-block row" data-ph-id="ph-page-element-footer-uwwl0l-VQiTgd"> <!-- <div class="footer-logo col-md-6 col-sm-3 col-xs-12"> <ul> <li> <a ph-href="/" title="footer logo" key-title="footerTitleText" key-ph-href="footerLogoPathUlr" ph-tevent="logo_click" data-ph-tevent-attr-trait62="logo" data-ph-at-id="footer-logo"> <ppc-content type="image" aria-hidden="true"> <img ph-src="assets/images/footer-logo.png" class="img-responsive" key-src="footerLogoSrc" alt="footer logo" ke-alt="footerlogoKeyAlt"> </ppc-content> </a> </li> <li data-ph-at-id="footer-address-text"> <address> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText1">200 Gibraltar Road</ppc-content></p> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText2">Suite 315, Horsham, PA 19044</ppc-content></p> <p><ppc-content key="footerDesktGibraltarPrghOneAddressText3">TEL: 888-985-7755</ppc-content></p> </address> </li> </ul> </div> --> <div class="col-md-2 col-sm-3 col-xs-12 footer-nav-lists" data-ph-id="ph-page-element-footer-uwwl0l-qAkgph"> <ul data-ph-id="ph-page-element-footer-uwwl0l-yqaE7M"> <li data-ph-id="ph-page-element-footer-uwwl0l-9Q1s5s"> <div class="heading" data-ph-id="ph-page-element-footer-uwwl0l-7XpVBm"> <ppc-content key="footerStraumannGroupKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-uwwl0l-LDcIi0"> Straumann Group </ppc-content> </div> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-ds3Sf8"> <a href="https://www.straumann.com/group/en/home/about.html" key-href="footerCompanyUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Company" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-F7aiCZ"> <ppc-content key="footer-fCompanytext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Z4UQZ6"> Company </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-t3MKnW"> <a href="https://www.straumann.com/group/en/discover/annualreport/annual-report-2021.html" key-href="footerFactsAndFiguresUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="FactsAndFigures" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Mllfxg"> <ppc-content key="footer-fSFactsAndFiguresLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-CEVPkN"> Facts & figures </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-sf4cFg"> <a href="https://www.straumann.com/group/en/home/about/our-business.html" key-href="footerOurBusinessLinkUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Our business" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-noq97v"> <ppc-content key="footer-fsOurBusinessText" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-DzyZkj"> Our business </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-iw7GoK"> <a href="https://www.straumann.com/group/en/home/about/worldwide-locations/location-finder.html" key-href="footerWorldwideLocationsUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Worldwide locations" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-zt3cjC"> <ppc-content key="footerWorldwideLocationsText" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-opT9xK" language-overriden="true">Locations</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-A4DMeJ"> <a href="https://www.straumann.com/group/en/home/about/our-history.html" key-href="footerOurHistoryUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Our history" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Fugx37"> <ppc-content key="footer-fBenefitstext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-A7iZm0"> Our history </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-BRlKDC"> <a key-ph-href="footerOurCultureUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Our culture" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-bAiKmw" ph-href="/global/en/culture"> <ppc-content key="footer-fOurCulturetext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Ymg208" language-overriden="true">Our culture</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Lyl5Xs"> <a ph-href="http://jobs.straumann.com/" key-href="footerCareersUrl" ph-teent="footer_menu_click" data-tevent-attr-trait62="Careers" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-a9BlrT" href="https://careers.straumann.com/global/en"> <ppc-content key="footer-fCareerstext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-yIRj4l" language-overriden="true"> Careers </ppc-content> </a> </li> </ul> </div> <div class="col-md-2 col-sm-3 col-xs-12 footer-nav-lists highlight" data-ph-id="ph-page-element-footer-uwwl0l-x0X803"> <ul data-ph-id="ph-page-element-footer-uwwl0l-ZXY3zF"> <li data-ph-id="ph-page-element-footer-uwwl0l-y4XFle"> <div class="heading" data-ph-id="ph-page-element-footer-uwwl0l-xhSgq9"> <ppc-content key="footerGlobalBrandsKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-uwwl0l-hrnXMD"> Global Brands </ppc-content> </div> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-lfmhTg"> <a href="https://www.straumann.com/en/dental-professionals.html" key-href="footerStraumannUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Straumann" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-dJ8x1y"> <ppc-content key="footerStraumannKey" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-0ll0DX"> Straumann </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-r9cLzf"> <a href="https://www.straumann.com/group/en/home/about/our-brands-and-partners/global-brands/neodent.html" key-href="footerNeodentUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Neodent" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-8KngNR"> <ppc-content key="footer-fNeodenttext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Zx0ScJ"> Neodent </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-CNXcw0"> <a href="https://dentalwings.com/about-us/" key-href="footerMedentikaUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Medentika" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-KH0tqC"> <ppc-content key="footer-fMedentikaLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-uBE7vo"> Medentika </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-QKG94H"> <a href="https://dentalwings.com/about-us/" key-href="footerMedentikaUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Medentika" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-b07UkK"> <ppc-content key="footer-fDentalWingsLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-DTtHOt"> Dental Wings </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-3QTFYl"> <a href="https://www.straumann.com/clearcorrect/en/doctors.html" key-href="footerClearCorrectUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Clear Correct" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-cM6wrv" ph-external-link-enabled="one-trust-disabled"> <ppc-content key="footer-fClearCorrectLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-ch3Lsx" language-overriden="true">ClearCorrect</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-iryfWx"> <a href="https://www.straumann.com/anthogyr/en/home.html" key-href="footerAnthogyrUrl" ph-tevent="footer_menu_click" data-tevent-attr-trait62="Anthogyr" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-HBnwht"> <ppc-content key="footer-fAnthogyrLinktext" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-Ydlxxg"> Anthogyr </ppc-content> </a> </li> </ul> </div> <!-- <div class="col-md-2 col-sm-2 col-xs-12 footer-nav-lists highlight"> <ul ph-nav-ctr=""> <li> <a ph-href="search-results" key-ph-href="footerSearchJobUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Search Job" data-ph-at-id="footer-links"> <ppc-content key="footerDeskSearchJobKey" data-ph-at-id="footer-links"> Search Job </ppc-content> </a> </li> <li> <a ph-href="jointalentcommunity?applyType=JTC" key-ph-href="footerJointalentcommunityUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Talent Community" data-ph-at-id="footer-links"> <ppc-content key="fJointalentcommunitytext" data-ph-at-id="footer-links">Talent Community</ppc-content> </a> </li> <li ph-nav-item-type="blogs" ph-nav-item=""> <a ph-href="blog" key-ph-href="footerBlogUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Blog" data-ph-at-id="footer-links"> <ppc-content key="footerBlogLinktext" data-ph-at-id="footer-links">Blog</ppc-content> </a> </li> <li> <a ph-href="jobcart" key-ph-href="footerSavedJobsUrl" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Saved Jobs" data-ph-at-id="footer-links"> <ppc-content key="footerSavedJobsLinktext" data-ph-at-id="footer-links">Saved Jobs</ppc-content> </a> </li> </ul> </div> --> </div> <div class="row" data-ph-id="ph-page-element-footer-uwwl0l-JoAPVO"> <div class="Stg col-md-6 col-sm-6 col-xs-6" data-ph-id="ph-page-element-footer-uwwl0l-xABn20"> </div> <div class="SocialIcons col-md-6 col-sm-6 col-xs-6" data-ph-id="ph-page-element-footer-uwwl0l-JEe1u3"> <ul data-ph-id="ph-page-element-footer-uwwl0l-1nllOL"> <li data-ph-id="ph-page-element-footer-uwwl0l-vSU1Tb"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="facebook" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="facebook" key-href="footerFacebookHref" href="https://www.facebook.com/profile.php?id=61562019778339" target="_blank" aria-label="facebook" key-aria-label="footerfacebook" class="facebook" data-ph-id="ph-page-element-footer-uwwl0l-RN5ZLf"> <i aria-hidden="true" class="icon icon-facebook" data-ph-id="ph-page-element-footer-uwwl0l-sgnfFj"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-sJZBqI"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="linkedin" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="linkedin" key-href="footerLinkdinHref" href="https://www.linkedin.com/company/straumann-group/" target="_blank" aria-label="linkedin" key-aria-label="footerLinkedin" class="linkedin" data-ph-id="ph-page-element-footer-uwwl0l-mNk06E"> <i aria-hidden="true" class="icon icon-linkedin" data-ph-id="ph-page-element-footer-uwwl0l-919kCL"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Hq9pBP"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="twitter" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="twitter" key-href="footerTwitterHref" href="https://twitter.com/straumanngroup" target="_blank" aria-label="twitter" key-aria-label="footerTwitter" class="twitter" data-ph-id="ph-page-element-footer-uwwl0l-wfQmkN"> <i aria-hidden="true" class="icon icon-twitter" data-ph-id="ph-page-element-footer-uwwl0l-FmWkXX"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-GyoNaG"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="instagram" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="instagram" key-href="footerInstagramHref" href="https://www.instagram.com/life_at_straumann_group/" target="_blank" aria-label="instagram" key-aria-label="footerinstagram" class="instagram" data-ph-id="ph-page-element-footer-uwwl0l-xeBjZ1"> <i aria-hidden="true" class="icon icon-instagram-2" data-ph-id="ph-page-element-footer-uwwl0l-KGs1QW"></i> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-Tt691P"> <a data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="youtube" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="youtube" key-href="footerYoutubeHref" href=" https://www.youtube.com/straumanngroup/" target="_blank" aria-label="youtube" key-aria-label="footeryoutube" class="youtube" data-ph-id="ph-page-element-footer-uwwl0l-vR9StT"> <i aria-hidden="true" class="icon icon-youtube" data-ph-id="ph-page-element-footer-uwwl0l-hkEzAL"></i> </a> </li> </ul> </div> </div> <div class="copy-right-block" data-ph-id="ph-page-element-footer-uwwl0l-lFnNwp"> <div class="copy-right-inner-block" data-ph-id="ph-page-element-footer-uwwl0l-cUuRbL"> <p class="col-md-6 col-sm-6 col-xs-12" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-uwwl0l-SLpHW1"> <ppc-content key="footerCopyrightContentFirstKey" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-uwwl0l-PlIBpk" language-overriden="true">© 2021 Institut Straumann AG</ppc-content> </p> <div class="copy-right-sub-block col-md-6 col-sm-6 col-xs-12" data-ph-id="ph-page-element-footer-uwwl0l-7uxyaj"> <ul data-ph-id="ph-page-element-footer-uwwl0l-qP9wRj"> <li data-ph-id="ph-page-element-footer-uwwl0l-7ZMM8I"> <a href="https://www.straumann.com/group/en/home/legal-notice.html" target="_blank" key-href="footer-legalNoticePathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Legal Notice" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-znkiHJ"> <ppc-content key="footer-fLegalNoticeLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-hSRgtg"> Legal Notice </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-uwwl0l-b7TrOO"> <a href="https://www.straumann.com/group/en/home/imprint.html" target="_blank" key-href="footer-imprintPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Imprint" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-vJCqG9"> <ppc-content key="footer-fImprintLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-uwwl0l-5wE9ib"> Imprint </ppc-content> </a> </li> < <!-- li> <a href="javascript:void(0)" target="_blank" key-href="siteMapPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Site Map" data-ph-at-id="footer-links"> <ppc-content key="fSiteMapLink" data-ph-at-id="footer-links">Site Map</ppc-content> </a> </li> --> </ul> </div> </div> </div> </div> </div> </footer> </div></section></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/pp/STGRGLOBAL/en_global/desktop/assets/scripts/1573049705734-custom.js" data-ph-id="ph-page-element-page1-CWngIG" 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/STGRGLOBAL/en_global/desktop/page1/caas-platform/page-views-1732181972678.js"></script></body> </html><div id='csrfToken' style='display:none'>094f442cd017464ea2b15cad2ae473e4</div>