CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page1-MhNULo" class="desktop en_us external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page1-nh86g2"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@Sonesta Hotels" /><meta name="twitter:creator" content="@Careers - @Sonesta Hotels" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/social/1024x512-1667905042586.jpg" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Sonesta Hotels | Sonesta Hotels jobs" /><meta name="twitter:description" content="Sonesta is a place you can bring your heart to work. Where you’re more than a number – you’re part of the team. Working together to build something great." /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page1-xJnpJ8" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page1-Dy2Sjt" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page1-5Lmzr1" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page1-Ex2fz8" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page1-peQRkx" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page1-vZP9Vz" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page1-mdImn0" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page1-XQNwVC" /> <script type="text/javascript">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://careers.sonesta.com/widgets","country":"us","deviceType":"desktop","locale":"en_us","absUrl":true,"refNum":"SHXSHUUS","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources","baseUrl":"https://careers.sonesta.com/us/en/","baseDomain":"https://careers.sonesta.com","phenomTrackURL":"careers.sonesta.com/us/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://careers.sonesta.com","pageId":"page1"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"phBridgeEvents":["job_click","apply_click","job_preview_click"],"imEagerLoadDdoList":[{"name":"getProfileStatus","cache":false},{"name":"getRegionLocales","cache":true},{"name":"getIMConfigurations","cache":true},{"name":"getClientReferFlow","cache":true},{"name":"imVariantsConfigInfo","cache":true},{"name":"mergedProfile","cache":false},{"name":"getProfileWeightage","cache":false},{"name":"masterFrequencyV1","cache":true},{"name":"userAlertSettings","cache":true},{"name":"fitScoreSettingsIM","cache":true},{"name":"employeeSearchConfig","cache":true},{"name":"getEmployeeProfile","cache":false},{"name":"getGroupInfo","cache":true},{"name":"getAppliedJobs","cache":true},{"name":"getProfileFieldsSettings","cache":true}],"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true},"embedScriptVersion":"0.9.4","isUrlLowerForSeo":false,"recommendedTrackingConfig":{"category":{"storageKey":"categories","ddoKeysToStore":["category"],"maxKeysToStore":"4"},"job":{"storageKey":"jobsViewed","ddoKeysToStore":["jobSeqNo"],"maxKeysToStore":"4"},"search-results":[{"storageKey":"keywords","ddoKeysToStore":["keywords"],"maxKeysToStore":"4"},{"storageKey":"locations","ddoKeysToStore":["location","field"],"maxKeysToStore":"4"}]},"debounceTimer":350,"eagerLoadDDOsToSkipLazyCalls":["apply"],"ignoreCookiePages":["chatbot"],"elementsToLoadByModule":{"videoAssessment":[{"tag":"link","attributes":{"href":"https://cdn.phenompeople.com/CareerConnectResources/common/video-platform/js/vs-master-theme-1726747262439.css","rel":"stylesheet","type":"text/css"}}],"automationEngine":[{"tag":"script","attributes":{"src":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/aeBootstrapper.js","type":"text/javascript"},"elementId":"aeBundle"}]},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"phwPxScrVerionUrl_bkp":"common/js/canvas/vendor/phw-px-hadlr-1.3.js","maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"otPrivacyPolicyScript":"https://assets.phenompeople.com/CareerConnectResources/pp/pcs/common/ot-priv-pol-2.0.js","ignoreLinkedInStateParam":false,"tokenConfiguredTenants":{"refNums":["RBCAA0088"]},"fetchBlogShareSettingsFromSiteconfig":false,"phwPxScrVerionUrl_bkp_new":"pcs/common/phw-px-hadlr.js","oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","cdnConfig":{"cdnDdos":["fitScoreSettings","landingPageOverview","categoryContentV2","candidateProfileConfig","categoryMasterData","jobTagSettings","getBusinessRules","getMasterCategories","categoryMasterDataV2","caasFetchRawConfig","globalSearchConfig","categoryContent","siteBranding","blogsharewidgetsettings","audiencePxWidgetConfig","jobsharewidgetsettings","npsConfig","socialConnectOptions","getRegionLocales","jobLogoConfig","supportedLanguages","getMasterLocations","locationmapsettings","pxAudJobwidgetsettings","getRegionLocales","eventsharewidgetsettings","jobwidgetsettings","fyfConfig","getPiiConsentConfig","glassdoorReviews","masterFrequencyV1"],"cdnUrl":"https://content-us.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"crawlerUserAgents":"Screaming Frog|googlebot|yahoo|bingbot|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator|redditbot|Applebot|WhatsApp|flipboard|tumblr|bitlybot|SkypeUriPreview|nuzzel|Discordbot|Google Page Speed|Qwantify|pinterestbot|Custom|msnbot|DuckDuckBot|BingPreview|spider|MJ12bot|deepcrawl|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"globalSearchFeature":{"militarySearch":true},"refineSearch":{"enabledFacets":["category","country","state","city","postalCode","type","employeeType","locationName","phLocSlider"],"facetDisplayNames":{"category":"Category","country":"Country","state":" State / Province","city":"City","postalCode":"Zip Code","type":"Hiring Type","employeeType":"Employment Type","locationName":"Location Name","phLocSlider":"Location"},"facetPlaceholderNames":{"category":"Search in Category","country":"Search in Country","state":"Search in State / Province","city":"Search in City","postalCode":"Search in Zip Code","type":"Search in Hiring Type","employeeType":"Search in Employment Type","locationName":"Search in Location Name","phLocSlider":"Search in Location"},"defaultFacetsToOpen":["category"],"facetConfig":{"phLocSlider":{"sliderRadius":50.0,"aboveMaxRadius":true,"locationRangeEnd":50.0,"sliderDelta":1.0}}},"linkedIn":{"apiKey":"752xe1cieo8utv"},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","oauth":{"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"75qvndrmqmkxfo","clientSecret":"KuYSs7RXXTikGSE9","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"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":"1633947069976673","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"}},"gdpr":{"cookieType":"persistent","enabled":true},"iscdnEnabled":true},"size":"10","refNum":"SHXSHUUS","siteVariant":"external","iubenda":{"class":["iubenda-cs-preferences-link"],"attr":{"href":"javascript:_iub.cs.ui.openPreferences()"}},"isNativeEmailClientForBlog":true,"iscdnEnabled":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"save_employee_info_click":{"trait62":"trait62"},"update_employee_info_click":{"trait62":"trait62"},"signIn_click":{"trait260":"trait260","userId":"userName"},"signUp_click":{"trait260":"trait260","userId":"userName"},"reset_password_click":{"trait260":"trait260","userId":"userName"},"create_password_click":{"trait260":"trait260","type":"type"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":true,"candidateHome":false,"cdnCaasContentUrl":"https://content-us.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"blogsEnabled":true,"navMenuItems":["blogs"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://careers.sonesta.com/us/en/blog"},"events":{"url":"https://careers.sonesta.com/us/en/events"}}},"imageLoadType":{"desktop":"progressive","mobile":"lazy"},"resumableUploadConfig":{"chunkSize":"1","simultaneousUploads":"1","allowedVideoFormats":["mp4","m4p","m4v","mov","qt","avi","wmv","webm","mpg","mpeg"]},"locale":"en_us","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"pcs/common/phw-px-hadlr.1728044004391.js","vendorScripts":{"jquery":"jquery-3.6.1.min.js","jqueryMigrate":"jquery-migrate.min-1.1.js","plyrScript":"plyr-3.7.8.js","plyrStyle":"plyr-3.7.8_1.css","videojs-wavesurfer":"videojs-wavesurfer_3.9.0.js","wavesurfer":"wavesurfer_6.6.4.min.js","wavesurfer-microphone":"wavesurfer.microphone.min_6.6.4.js","mediaInfo":"mediainfo_0.1.9.min.js"},"globalSearchFeature":{"mobileSearch":false},"phwPxScrVerionUrl_1":"prod/pcs/common/phw-px-hadlr-1728036837721.js","widgetScriptsConfig":{"cdnBaseUrl":"https://pp-cdn.phenompeople.com","widgetScriptPath":"CareerConnectResources/pp/agWidgets"},"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.19.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content, .ae-skipto-main"},"reorderCookie":true,"userAgent":"AudioEye"},"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","videoAssessmentPagesList":["video-assessment-landing-page","video-assessment-recording","video-assessment-thankyou","interview-landing-page","interview-recording","interview-thankyou","video assessment landing page","video assessment recording","video assessment thankyou","interview landing page","interview recording","interview thankyou","screening-welcome","screening-answering","screening-thankyou"],"oauth":{"indeed":{"clientId":"bd63e9975aacf4577c4662fcb002494dcb83887f82d51453405f60b29c77609a"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"75qvndrmqmkxfo","clientSecret":"KuYSs7RXXTikGSE9","loginUrl":"https://www.linkedin.com/oauth/v2/authorization","logoutUrl":"https://api.linkedin.com/uas/oauth/invalidateToken","redirectUri":"/socialAuth/li","response_type":"code","scope":"r_liteprofile r_emailaddress"},"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":"1633947069976673","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,"kalturaConfig":{"partnerId":"2716851","playerId":"45245971"},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobId/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","talentcommunity":"talentcommunity","talentcommunityupdate":"talentcommunityupdate","blogarticle":"blogarticle/:url","jobalert":"jobalert","employee-profile":"employeeprofile","editprofile":"editprofile","businessUnit":":url","featuredOpportunities":":url","di_about":"di/about/:groupId","di_details":"di/details/:groupId","di_events":"di/events/:groupId","di_groups":"di/groups","di_highlights":"di/highlights/:groupId","di_jobs":"di/jobs/:groupId","di_members":"di/members/:groupId","referrals_candidate":"referrals/candidate","referrals_referredcandidates":"referrals/referredcandidates","referrals_friendsinterests":"referrals/friendsinterests","referrals_home":"referrals/home","referrals_candidatesuniversity":"referrals/candidatescompany","employees_home":"employees/home","lms_courses":"lms/courses","lms_savedcourses":"lms/savedcourses","gigs_details":"gigs/details/:gigId","gigs_searchresults":"gigs/searchresults","nla_home":"nla/home","nla_search":"nla/search","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","my-profile":"myprofile","cp_createpath":"cp/createpath","cp_home":"cp/home","cp_explore":"cp/explore","mentoring_relationship":"mentoring/relationship/:mentorshipId","mentoring_mentees":"mentoring/mentees","mentoring_mentors":"mentoring/mentors","mentoring_searchresults":"mentoring/searchresults","settings":"settings","story":"story/:contentId/:title","video-assessment-landing-page":"video-assessment-landing-page","video-assessment-recording":"video-assessment-recording","video-assessment-thankyou":"video-assessment-thankyou","forwardApply":"hvhapply","interview-landing-page":"interview-landing-page","interview-recording":"interview-recording","interview-thankyou":"interview-thankyou","roles_details":"roles/details/:jobCode/:jobTitle","roles_search-results":"roles/searchresults","screening-welcome":"screening-welcome","screening-answering":"screening-answering","screening-thankyou":"screening-thankyou"},"categoryUrlMap":{"SHXSHUUS_Other_Recreation":"c/otherrecreation-jobs","SHXSHUUS_Facilities_Maintenance_Security":"c/facilitiesmaintenancesecurity-jobs","SHXSHUUS_Engineering":"c/engineering-jobs","SHXSHUUS_Administrative":"c/administrative-jobs","SHXSHUUS_Sales_Revenue":"c/sales-revenue-jobs","SHXSHUUS_Finance":"c/finance-jobs","SHXSHUUS_Franchise":"c/franchise-jobs","SHXSHUUS_Legal":"c/legal-jobs","SHXSHUUS_Operations":"c/operations-jobs","SHXSHUUS_Guest_Service_Front_Office":"c/guest-servicefront-office-jobs","SHXSHUUS_Marketing":"c/marketing-jobs","SHXSHUUS_Development_Analytics":"c/developmentanalytics-jobs","SHXSHUUS_Food_Beverage_Culinary":"c/food-beverageculinary-jobs","SHXSHUUS_Hotel_Management_Administration":"c/hotel-management-administration-jobs","SHXSHUUS_Technology":"c/technology-jobs","SHXSHUUS_Sales_Marketing":"c/sales-marketing-jobs","SHXSHUUS_Human_Resources":"c/human-resources-jobs","SHXSHUUS_Housekeeping":"c/housekeeping-jobs"},"isNativeEmailClient":true,"captchaConfig":{"useCaptcha":false,"siteKey":"6LcV6MIUAAAAAN99to_j66BSDkGwjWcsjh2iTj1W","scriptSrc":"https://www.google.com/recaptcha/api.js?render=explicit&hl={{locale}}","divId":"ph-custom-captcha"},"automationEnginePagesList":["hvh-apply2","hvh apply","hvh apply2","hvhapply","hvh-apply","schedule-slot"]},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-content-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-content-v1/pcs-content-v1-1683892274455.js","pcs-candidate-login-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-candidate-login-v1/pcs-candidate-login-v1-1713343704873.js","pcs-component-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/pp/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-footer-v1":"https://pp-cdn.phenompeople.com/CareerConnectResources/prod/common/js/caas-platform/widgets/pcs-footer-v1/pcs-footer-v1-1617347029398.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1718280248289.js","pcs-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},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobwidgetsettings","siteConfig","locationmapsettings","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"03dfa26ec60048de8e033a4d9339f650","phProfileId":"5908d7b8-2582-4841-8bb5-52d58034a7cd","pxPageState":"stranger","jdsource":""}; /*-->*/</script><script type="text/javascript">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">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.sonesta.com/us/en/home" /><meta name="description" content="Sonesta is a place you can bring your heart to work. Where you’re more than a number – you’re part of the team. Working together to build something great." key-description="default-home-description" /><meta name="keywords" content="Careers at Sonesta Hotels, Sonesta Hotels jobs, job opportunities in Sonesta Hotels" key-keywords="default-home-keywords" /><link rel="alternate" href="https://careers.sonesta.com/us/en/" hreflang="en-us" data-seo="1" data-ddo="" /><meta property="og:type" content="website" /><meta property="og:image" content="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/social/1200x630-1667905082374.jpg" /><meta property="og:site_name" content="Sonesta Hotels" /><meta property="og:url" content="https://careers.sonesta.com/us/en/home" /><meta property="og:title" content="Careers at Sonesta Hotels | Sonesta Hotels jobs" /><meta property="og:description" content="Sonesta is a place you can bring your heart to work. Where you’re more than a number – you’re part of the team. Working together to build something great." /><meta property="fb:admins" content="" /><meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><title data-ph-id="ph-page-element-page1-A5BjZx" key="default-home-title">Careers at Sonesta Hotels | Sonesta Hotels jobs</title> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.27.js" defer="" module="" platform_id="platform_basic"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require"></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"></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"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.51.js" defer="" platform_id="platform_phCommonBundleJs"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.51.js" defer="" platform_id="platform_phCommonBundleJs_part2"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/page1/ph-page-page1-1706280707421.js" defer=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader"></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs"></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"></script> <script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1663491087569"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-PGSFAv"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-f9WeYg"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-4PDpiH"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-0byeGs"></i> <span data-ph-id="ph-page-element-short-header-jg9ovs">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-XNrKrL"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-6wIVHu"></i> <span data-ph-id="ph-page-element-short-header-wvbfWd">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-zObn7N"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-short-header-3HRLd3"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-short-header-cKd0Nl"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-SOfazL"> <span data-ph-id="ph-page-element-short-header-uYxQ3g">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-kiFC7x"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-fVsSsk"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-short-header-QAle6y"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-P33mNS"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-short-header-5uXh50"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-short-header-0PVb7O"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-z5cypB"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-eWFHdb"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-Oq8BB7"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-eiGmZ2"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-NtwtqW"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-kGHPPZ"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-iIM1OQ"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-HOBvtI"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-DipcmH"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-YPnaCi"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-uJ0GT1"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-WQxmj7"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-nq5JUy"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-xeZUZB"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-aqwnq4"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-eOMvax"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-TauDcr"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-xFQC7O"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-Vl9Y5k"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-bsUgB7"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-JMKS1a"> <form novalidate="" data-ph-id="ph-page-element-short-header-fLHlut"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-IJFHMN"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-9O7VHH"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-wqTErt"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Omt3BC"> <div class="text-box" data-ph-id="ph-page-element-short-header-dGQhpa"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-nKVFUE"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-zU5FDR"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-beaITw"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-HhLCeU"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-Q8U0fP"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-OUwLrW"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-x9SISa"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-tGWVjl"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-tgWc0R"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-VkkmrT"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-HDIvdp"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-tJF7Jk"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-XtrCiv"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-0hMHbc"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Ob3xJc"> <div class="text-box" data-ph-id="ph-page-element-short-header-X7T6GK"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-sxsfRq"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-I1JSfo"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-JMAJWA"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-lqvFK4"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-bp6w5j"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-rU5gYo"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-D7wvx2"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-HwKAjE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-PnKEZt"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-AcSZb5"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ZYyEiR"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-neVAaE"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-zRg3Il"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-KEZlIr"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-QdYNth"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-MmWp65"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-mKfJ3e"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-JatZnd"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-EirXaV"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-uqXwTb"> <div class="form-container" data-ph-id="ph-page-element-short-header-22Fp98"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-DpbR1N"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-tKuxcc"> <div class="user-options" data-ph-id="ph-page-element-short-header-h8Ynqe"> <span class="each-option" data-ph-id="ph-page-element-short-header-k1EDlQ"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-e4LrNg"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-daB3Cy"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-XNvcRH"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-Pyb8ZK"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-qqNywB"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-hZ9ZN6"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-hRFL1j"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-OTLL8a"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Wqy0JE"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-b7OY8H"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-Xik29S"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-YRd48Z"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-2ulcEH"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-f2RWfy"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-0xeiiO"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-G5gM6x"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-vlSIBs"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-jJshgK"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-PgN6dz"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-iL8SyC"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-NluQ5D"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-VYWUA2"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-MsGp5g"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-8CU4Bq"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-tGPoFZ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-APWTSJ"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-8TidqC"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-odqpWh"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-vyBUFu"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-blv32V"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-gPk9nO"> <form novalidate="" data-ph-id="ph-page-element-short-header-IUuraY"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-n8o6EK"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-ixImCf"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-8hzqa2"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-2jnTM6"> <div class="text-box" data-ph-id="ph-page-element-short-header-HBLJ2K"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-6W5PHh"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-KuJzgN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-BNesSc"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-ki8tvF"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ch5AXI"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-FK2sK8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-cTNN20"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-GLqkXR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-xiAqMQ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-hqTePa"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-y6VJwu"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-4G0j9x"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-4O11zU"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-egl5hs"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-Nu0QuA"> <div class="text-box" data-ph-id="ph-page-element-short-header-qpXvsH"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-short-header-ZCUdSM"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-cvATiw"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-EGJAD3"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-OHQmJ2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-Vn7FkY"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-X4GNB2"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-P5njbT"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-xtuQ55"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-gdMj9O"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-SdRWvh"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-yzlNZd"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-g7HrAY"> <span class="sr-only" data-ph-id="ph-page-element-short-header-FTToYe"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-short-header-MOZUaO"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-P58lh6"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-hgKw0a"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-e9g5pi"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-W5Wo9J"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-short-header-Svzhqq"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-KKmHdk">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-Pian5t">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-NBGJqy">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-bndMhR">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-vqYRg4"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-tNwsAK"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-dfDWcO"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-MeEcv2"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-cbTsKL"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-8oB4WT"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-oiuytr-YnjK7H" data-ph-id="ph-page-element-short-header-jGuifW"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-6Zjg3R"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-NRdiar"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-UHcSaz"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-zs4ihy" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-7XWPH6">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-kHOUqn"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-5P5Xaw"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-smNYWQ"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-yzJgf3"> <ppc-content key="ph-candidate-login-v1-default-mobile-oiuytr-vTRXKo" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-PbROsz">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-kHOUqn"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-5P5Xaw"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-DjaEsc"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-V2FIA4"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-kiNHTY"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-xC3TxP"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-angc3Q"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-NBUCEO"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-Et0Uol"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-S0Cht6">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-N0513T"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-O41zYc"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-3jKwTl"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-BfCxfN"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-short-header-FgQlwg"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-dLMTKm"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-8cwTwR"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-53vDsO"> <div class="form-container" data-ph-id="ph-page-element-short-header-JfVTqR"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-SzPuV3"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-WeFLaF"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-short-header-lQI1xy"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-EdUgxN"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-7N7bQq" view="1663491096798-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="1663491096798-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-g9TcVW"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-NPKHrF"> <span data-ph-id="ph-page-element-short-header-3pbPCe"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-e7LHRq"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-0n72KF"> <span data-ph-id="ph-page-element-short-header-dQESqF"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-dPDM8K"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-JKZvxl"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-X7SMXz">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-5wOFDs">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-J5cI5Z"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-6eNx0r"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-h6i3vX"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-MHjHQB"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-W2HETx"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-D1oLcB"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-c5bY1d"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-qFrwhx"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-cYMh7s"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-zLBTgZ"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-LWEyYE"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-4HnFV5">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-kCtjwA"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-IYA6W6"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663491096798-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-fI9zRG"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-RHsxHn"> <div class="widget-container" data-ph-id="ph-page-element-short-header-S00udG"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-fmOZCE"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-GD54qK"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-fp2r32"> <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--UDsgU3" data-ph-id="ph-page-element-short-header-K0Rj6e"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-hXmbOd"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-8RKb1K"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-pJsZGa"> <ppc-content key="ph-social-connect-v1-view5--otDZnM" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-5XZbeT">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-ga2lEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-KytF9D"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-KrRsER"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-SaEzq5"> <ppc-content key="ph-social-connect-v1-view5--QyCVcU" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-WIBGDA">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-ga2lEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-KytF9D"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-QwInK2"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-A23zef"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-zXd57s"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--scltZ1" data-ph-id="ph-page-element-short-header-cyxF2x"> <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--L8VftW" data-ph-id="ph-page-element-short-header-V7MVZJ"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-dmtHgB"> <div class="icon-block" data-ph-id="ph-page-element-short-header-Rid6tU"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-6IhEJD"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-YtM3l2"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-signout-1663491117798"><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-short-header-Vc8YrV"> <a ph-tevent="signout_click" class="sign-out-btn" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-page-element-short-header-5IrZas"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-T5qN5H"></i> <span data-ph-id="ph-page-element-short-header-M8LhzZ">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v2-view3-1606228440110"><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-m61F1W"> <div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-short-header-qMbYXH"></div> <div if.bind="!showErrorMsg && !showLoader" data-ph-id="ph-page-element-short-header-oGLFTo"> <!-- <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-haspopup="true" aria-expanded="${isshowDropDown?true:false}" data-ph-id="ph-page-element-short-header-Afj9Qq"> <span class="flag flag-${choosenLanguage.locationDisplayName}" blur.trigger="onBlurHandler($event, false)" data-ph-at-id="selected-country-flag" data-ph-id="ph-page-element-short-header-HisM5e"></span> <i class="icon icon-globe-plane globe-icon" data-ph-id="ph-page-element-short-header-ScQvkH"></i> <span class="sr-only" data-ph-id="ph-page-element-short-header-wczrqi"> Language selected </span> <span class="sr-only" data-ph-id="ph-page-element-short-header-BagxRN"> ${choosenLanguage.languageDisplayName} </span> <span class="selected-country" data-ph-at-id="selected-country" data-ph-id="ph-page-element-short-header-5SVsCF"> ${choosenLanguage.locationDisplayName} </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-HKeg5c"></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-GBFXKY"> <div class="search-area ph-a11y-search-area" aria-owns="language-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-short-header-rW47AL"> <label class="sr-only" for="language-selector" key="ph-language-selector-v2-view3-43qw7j-4vVoi6" data-ph-id="ph-page-element-short-header-piGnsL">Search location or Language</label> <input type="text" name="language-listbox" key-aria-label="ph-language-selector-v2-view3-43qw7j-0Xx12u" id="language-selector" ph-a11y-autocomplete="" aria-autocomplete="list" autocomplete="off" aria-controls="language-listbox" value.bind="filterKey" aria-describedby="suggestions" placeholder="Enter location or Language" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" key-placeholder="ph-language-selector-v2-view3-43qw7j-cQ9QWH" data-show-listbox="false" data-ph-id="ph-page-element-short-header-JS5WWb" /> <i class="icon icon-icon-search" if.bind="!filterKey" aria-hidden="true" data-ph-id="ph-page-element-short-header-Di02lw"></i> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.delegate="clearSearch()" focus.trigger="onBlurHandler($event, true)" blur.trigger="onBlurHandler($event, false)" if.bind="filterKey" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" data-ph-id="ph-page-element-short-header-hDJre5"> <ppc-content type="icon" data-ph-id="ph-page-element-short-header-ohyrn5"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-short-header-sxZlFI"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-short-header-GuHhKW"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-eoL214" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-short-header-tenajV">Clear text</ppc-content> </span> </a> </div> <ul class="dropdown-list" id="language-listbox" role="listbox" aria-label="language-list" aria-labelledby="language-listbox" tabindex="-1" data-ph-id="ph-page-element-short-header-sjYsLu"> <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-JJjrQh"> <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-mDyFVE"> <span class="flag flag-${each.location}" data-ph-at-id="country-flag" data-ph-id="ph-page-element-short-header-bhF3sy"></span> <div class="country" data-ph-id="ph-page-element-short-header-lp6Rt6"> <div class="actual-display-name" data-ph-at-id="country" data-ph-id="ph-page-element-short-header-Q8k3Hj"> ${each.displayName} </div> <div class="sr-only" if.bind="each.displayName==choosenLanguage.displayName" data-ph-id="ph-page-element-short-header-SHA3mv"> <ppc-content data-ph-id="ph-page-element-short-header-SXlPnm"> selected </ppc-content> </div> </div> </a> </li> </ul> <div aria-atomic="true" aria-live="polite" id="suggestions" data-ph-id="ph-page-element-short-header-2rVrVy"> <div class="language-selector-search" aria-label="No results found" if.bind="!roots.length" data-ph-id="ph-page-element-short-header-pomnFX"> <ppc-content key="ph-language-selector-v2-view3-43qw7j-I3mdvQ" data-ph-id="ph-page-element-short-header-s5spj4"> No results found </ppc-content> </div> <div class="sr-only" if.bind="roots.length" data-ph-id="ph-page-element-short-header-N95iTx"> ${roots.length} <ppc-content key="ph-language-selector-v2-view3-43qw7j-umhaaa" data-ph-id="ph-page-element-short-header-nAWDQx"> suggestions are available </ppc-content> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1663491047847"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-short-header-n7nAhm"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-short-header-XKs8SD"> <!-- Pre Sign-in link --> <a class="sign-in-link" if.bind="!isFirstTimeUser && !isLoggedIn && !showLoader" click.delegate="handleDialogModal('signIn')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-BAtnsh"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-Mgp2b7"></i> <span data-ph-id="ph-page-element-short-header-NCgWXe">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-short-header-2ID37I"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-mqRci2"></i> <span data-ph-id="ph-page-element-short-header-4smeVi">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-short-header-qaFRnh"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-ABCXrh"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-short-header-g4u3gw"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-short-header-PWyKdS"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-PLuYck"> <span data-ph-id="ph-page-element-short-header-05OgOz">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-6VoXW5"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-zqNsHe"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-SSmbpa"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-short-header-y72veE"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-rwbQpx"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-short-header-wabGQq"> <span data-ph-id="ph-page-element-short-header-YsghmD">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-short-header-anIdty"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-short-header-m5X6H9"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-short-header-VFTfVV"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-short-header-qPhQOq"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-short-header-hz88qO"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-short-header-zWoAax"> <div class="user-actions-list" data-ph-id="ph-page-element-short-header-OKGyxv"> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-gyEChX"> <a ph-tevent="view_profile_click" data-ph-tevent-attr-trait62="My Profile" class="cd-my-account-link" ph-href="myprofile" data-ph-id="ph-page-element-short-header-ygH00Y"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-short-header-Mer5Xp"> <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-short-header-lu7LDO"> ${widgetBundle['signOutButton'] | pht} </a> </div> </div> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-short-header-4zIonV"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-candidate-createPassword-popup-heading ph-ally-candidate-signup-popup-heading ph-ally-candidate-signin-popup-heading ph-ally-candidate-forgetPassword-popup-heading ph-ally-candidate-resetPassword-popup-heading" aria-describedby="ph-ally-candidate-signin-popup-subHeading ph-ally-candidate-forgetPassword-popup-subHeading ph-ally-candidate-resetPassword-popup-subHeading ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-yin01y"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-short-header-Wz2ttZ"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-short-header-tgPfH8"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-X3yryx"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-naryUp"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-short-header-PxgynV"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-v5TVI2"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-J55X6l"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-SmKRuF"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-bgfqIS"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-OUnWXG"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-tcsJd8"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-e9YzAJ"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-H2AnGn"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-short-header-RdLqlw"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-bWhjSJ"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-LuUnWD"> ${widgetBundle['resetPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading reset-instruction fs-block" id="ph-ally-candidate-resetPassword-popup-subHeading" innerhtml="${widgetBundle[resendEmail ? 'resetPasswordPopUpSubHeading2' : 'resetPasswordPopUpSubHeading1'] | pht:{'emailId': signInModel.email}}" data-ph-id="ph-page-element-short-header-Y8406i"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-zB3AQa"> <form novalidate="" data-ph-id="ph-page-element-short-header-IETVWh"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-o0zTct"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-X0ytmN"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-short-header-YHCore"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-PzC2GM"> <div class="text-box" data-ph-id="ph-page-element-short-header-a0Nayh"> <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="email" data-ph-id="ph-page-element-short-header-sP11Lg"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-tGUuyS"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-gdbStW"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-short-header-hoEXsb"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-PRlXfR"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-1e1q5W"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-DSvaZv"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-WwjO06"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-ReI3Nd"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-hEWOxc"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E105'" data-ph-id="ph-page-element-short-header-ZmEWil"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-OJ6UW7"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-aasHAv"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-short-header-apU7Uu"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-M78jiL"> <div class="text-box" data-ph-id="ph-page-element-short-header-Ab2jTD"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-short-header-lZPDg9"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-short-header-JSUGsd"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-89LKyM"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-tR5C2b"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-D5zxny"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-V6cODF"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-2qjSz3"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-wz7Ov5"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-NkLF4R"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-short-header-FiDotM"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-zsoQi5"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-fV7fBM"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-page-element-short-header-A6sTn6"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-UpWnkk"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-page-element-short-header-yKSK3A"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-2gu1Wc"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-short-header-u86EHe"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-tVwN0H"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-vvx9ZR"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-short-header-8iUcmy"> <div class="form-container" data-ph-id="ph-page-element-short-header-KVbJIC"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-19pfb3"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-short-header-vHX9SP"> <div class="user-options" data-ph-id="ph-page-element-short-header-nb0wm4"> <span class="each-option" data-ph-id="ph-page-element-short-header-cKw387"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-short-header-ZWs3J6"> <input type="checkbox" checked.bind="staySignIn" aria-checked="${staySignIn ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" id="staySignIn" aria-label="${widgetBundle['staySignedInCheckboxAriaLabel'] | pht}" data-ph-id="ph-page-element-short-header-VLDW2M"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-short-header-vnhN9S"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-hNhp7l"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-short-header-VCsSAl"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-short-header-dgNpLV"> <span class="forgot-password-area" data-ph-id="ph-page-element-short-header-lNER3U"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-short-header-og5qAW"> ${widgetBundle['forgotPasswordLinkText'] | pht} </a> </span> </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-4eNq0K"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-short-header-9mQS30"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-JLFgFN"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-Uzf37v"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-short-header-Fb0QSl"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-short-header-lNcWkI"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-dKTfWV"> ${widgetBundle['resetPasswordButtonText'] | pht} </button> </div> </div> </div> </form> </div> <!-- Resend email section --> <div class="cd-resend-link-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-z4VOBX"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-short-header-AoFgSS"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-short-header-zs3wDs"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-page-element-short-header-RJoBUz"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-page-element-short-header-uIueH6"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-short-header-8OayJn"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-page-element-short-header-58XgHt"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-page-element-short-header-1Vsbty"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-short-header-aIqYHD"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-short-header-2dxiBQ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-short-header-ejV7lS"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-short-header-Yp5Ij6"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-short-header-NHinjn"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-short-header-dn02qP"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-short-header-fSi5hP"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-short-header-2FcgaP"> <form novalidate="" data-ph-id="ph-page-element-short-header-B54ysH"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-short-header-Qe6hvR"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-short-header-HOcJpi"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-short-header-n6zq8B"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-mCi9oI"> <div class="text-box" data-ph-id="ph-page-element-short-header-Ab7pJU"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-short-header-hVYfKf"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-short-header-UQOT7G"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-short-header-tVbNZI"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-short-header-WhS9pO"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-172nid"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-ai3n9V"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-short-header-TUOqBu"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> </div> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-lBdVHB"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-page-element-short-header-lYQr0s"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-short-header-1bLOyd"> ${widgetBundle['accCreated1Error'] | pht} ${errors.email.socialProvider} ${widgetBundle['accCreated2Error'] | pht} ${errors.email.socialProvider} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E104'" data-ph-id="ph-page-element-short-header-29U3uP"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-ZYp9VA"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-page-element-short-header-WMqFfU"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-short-header-zvNyoj"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-short-header-xKt51f"> <div class="text-box" data-ph-id="ph-page-element-short-header-yToncK"> <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="new-password" data-ph-id="ph-page-element-short-header-wUtk3p"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-short-header-1QQPcN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-short-header-YAp2Qv"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-short-header-eT0cYU"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-short-header-iwe523"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-DsC5p3"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-short-header-GeFKIF"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-mVoCrP"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-syQLqi"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-short-header-tVVp2j"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-short-header-lI6zMb"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-dYEVDU"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-short-header-luz62P"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-short-header-2aPdKd"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-short-header-Ztjrid"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-short-header-6hkP6q"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-short-header-BWYYAt"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-short-header-dojQv1"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-l5pGV9">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-ChoNHL">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-SAfT26">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-short-header-uxzecA">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-lM6cj7"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-short-header-xX5A1N"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-short-header-poaxiq"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-short-header-UTx2Kn"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-short-header-gsqPrE"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-short-header-qGJOA5"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-ikjhyg-AbsWyq" data-ph-id="ph-page-element-short-header-i4odty"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-i2OcCF"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-KKmBsr"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-rt3BH3"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-BTQ5gm" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-VLA2mr">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-2osRDC"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-X8yxVT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-short-header-pNRjEw"> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-ytWHb0"> <ppc-content key="ph-candidate-login-v1-default-ikjhyg-MwjIXW" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-short-header-tqjZii">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-short-header-2osRDC"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-X8yxVT"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-short-header-ydtmAr"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-eb7dPR"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-short-header-Cvpe88"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-T8BzBh"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-WuTfPf"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-PhjEvO"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-3eg14l"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-ZmpmMS">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-short-header-GZpJHV"> <span class="sr-only required-text" data-ph-id="ph-page-element-short-header-RZFOW8"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-7vsiRv"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-jyZBqN"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-rZcALW"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-short-header-97ccus"> <span class="alert-msg" data-ph-id="ph-page-element-short-header-d31aFG"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-short-header-UDs3BB"> <div class="form-container" data-ph-id="ph-page-element-short-header-TSSgYe"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-short-header-cg4Gfz"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-page-element-short-header-V9wuKv"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-de48hw"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-short-header-hxk6Iv"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-short-header-KpMfvR" view="1663491057701-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="1663491057701-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-short-header-sfI92v"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-short-header-dOpjLO"> <span data-ph-id="ph-page-element-short-header-Lvcbl0"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-page-element-short-header-vkexes"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-short-header-R1ZHsO"> <span data-ph-id="ph-page-element-short-header-ghmoKi"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-short-header-v6gjVo"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-short-header-lVKTYl"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-mHFMHg">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-short-header-XEfbTQ">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-short-header-ckbfB0"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-short-header-NFRv2b"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-fL35ma"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-short-header-oWVJEt"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-short-header-OBGDoI"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-short-header-S88x0A"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-short-header-6YcCGr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-ffWzaD"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-short-header-XV8Pov"></span> <span class="checkbox-text" data-ph-id="ph-page-element-short-header-wmFiMz"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-short-header-HpLCpt"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-short-header-crnRH1">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-short-header-Bvy53Z"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-short-header-AFbgt6"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663491057701-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-short-header-an7OXU"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-short-header-zvy3oi"> <div class="widget-container" data-ph-id="ph-page-element-short-header-X4BTAU"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-short-header-DUXCMq"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-short-header-x7gYpI"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-2Q1nAi"> <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--UDsgU3" data-ph-id="ph-page-element-short-header-tqJbB9"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-short-header-RUZA5g"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-short-header-IYGZNZ"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-aeLoTw"> <ppc-content key="ph-social-connect-v1-view5--ga2IwY" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-aHMa33">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-ga2lEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-KytF9D"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-short-header-O87Dj8"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-short-header-Yfzzr7"> <ppc-content key="ph-social-connect-v1-view5--odQu8D" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-short-header-GJghA7">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-short-header-ga2lEX"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-short-header-KytF9D"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-short-header-whHzQE"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-short-header-HhYzxK"> <span class="social-alert-msg" data-ph-id="ph-page-element-short-header-Xhmvq2"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--scltZ1" data-ph-id="ph-page-element-short-header-eqBuTd"> <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--L8VftW" data-ph-id="ph-page-element-short-header-CeBNKY"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-short-header-NpxsSe"> <div class="icon-block" data-ph-id="ph-page-element-short-header-DfXJ17"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-short-header-VQZQNp"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-short-header-jAuN1y"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-view2-1640670338849"><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-cUZFLR"> <a ph-href="jobcart" key-ph-href="ph-job-cart-count-v3-view2-jkn0zo-b5eKiS" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-7xkSdj"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-UuNNq0"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-WsYJ2N"> ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])} </span> <span class="phs-jobcart-count" aria-hidden="true" data-ph-id="ph-page-element-short-header-Q4Cgx3"> (${jobCartCount}) </span> </a> </div></script><script id="ph_app_page_id" type="text/javascript"> phApp.pageId = "page1"</script><script type="application/ld+json">{"@context": "http://schema.org","@type": "WebSite","url": "https://careers.sonesta.com/","potentialAction": {"@type": "SearchAction","target": "https://careers.sonesta.com/us/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1667900242397"><!--googleoff: index--> <div class="phs-cookie-popup-area ph-widget-box ph-sticky-header" data-pre-render="" role="region" key-role="gdpr-regionRole" aria-label="cookies message" key-aria-label="gdpr-cookiesMessageAriaLabel" if.bind="showCookiePopup" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-7y1heL"> <div class="container" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-5KORJw"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-ftavZB"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-qyhdUP"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our <a ph-href="cookiesettings" key-ph-href="Gq4jPo-gdpr-popupCareerSiteCookieSettingsHrefText" class="cookie-settings" data-ph-at-id="cookie-settings-link" data-ph-id="ph-1667900238982-default-ph-cookie-popup-v2jOYsPQ-9Q92ZC">Cookie Settings</a> page. </ppc-content> </div> <div class="cookie-button-area phcriticalhide ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-v3jM2I"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="4FGyzi-gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings" data-ph-at-id="cookie-settings-link" role="button" aria-label="Click here to change your Cookie Settings" key-aria-label="gdpr-popupCookieSettingsAriaLabel" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-whfRW2"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-eYkjhe"> Cookie Settings </ppc-content> </a> <button class="btn primary-button phcriticalhide" show.bind="showDeclineButton" click.delegate="declineAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="3" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-8H3DRA"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-3QlDuW"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-2fxDGk"> Deny </ppc-content> </button> <button class="btn primary-button" click.delegate="acceptAndClose()" data-ph-at-id="cookie-close-link" phae="ph-cookie-popup-v2" phae-type="click" phae-main="2" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-PFSAhF"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-bIC4jD"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-S5JqY2"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-Zjh00X"> <div class="modal fade in show ph-a11y-modal-dialog-area" role="dialog" aria-modal="true" aria-labelledby="consent-text-area" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-f2Svjg"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-Z6Rn8X"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-lfaGpo"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-9ddTO7"> When using this site you will have the option to provide personal information. By using this site and providing your personal information you consent to your data being stored overseas. </ppc-content> </div> <div class="cookie-button-area" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-63VLlv"> <button class="btn primary-button ph-a11y-allow-consent wctrl" click.delegate="acceptConsent()" data-ph-at-id="pii-consent-accept-link" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-6gSIFh"> <i class="icon icon-check-mark" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-dJh7OY"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1667900240551-default-ph-cookie-popup-v2zl63ds-wzpXSb"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default"></script><script type="text/x-ph-tmpl" id="ph-global-search-v1-1667904536406-view3"><form class="phs-widget-block-area ph-widget-box ph-mobile-search-backdrop" data-pre-render="" action="" aria-label="Global search" key-aria-label="yJx6pE-ph-global-search-v1-view3-globalSearchAriaLabelText" data-ph-id="ph-widget-element-1667904536406-2"> <div class="search-text-block phcriticalhide" if.bind="agpData && agpData.bannerText && agpData.totalHits >0" data-ph-id="ph-widget-element-1667904536406-3"> <div class="dynamic-text" data-ph-id="ph-widget-element-1667904536406-4"> <h1 data-ph-id="ph-widget-element-1667904536406-5"> ${agpData.bannerText} </h1> </div> <div class="jobsCount-text" data-ph-id="ph-widget-element-1667904536406-6"> <h6 data-ph-id="ph-widget-element-1667904536406-7"> ${widgetBundle[(agpData.totalHits > 1) ? 'jobsDependsOnFilterPlural' : 'jobsDependsOnFilter'] | pht :{ 'jobsCount': agpData.totalHits }} </h6> </div> </div> <div class="form-group phs-global-search" data-ph-id="ph-widget-element-1667904536406-8"> <div class="input-group" data-ph-id="ph-widget-element-1667904536406-9"> <div class="job-filter ph-search-group" data-ph-at-id="keyword-category" data-ph-id="ph-widget-element-1667904536406-10"> <div data-ph-id="ph-widget-element-1667904536406-11"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="5CJLRB-yJx6pE-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-1667904536406-12"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-13"></i> </a> <label class="sr-only" for="typehead" key="yJx6pE-ph-global-search-v1-view3-globalSearchLabel" data-ph-id="ph-widget-element-1667904536406-14"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-searchLabel" data-ph-at-id="globalsearchlabel-text" data-ph-id="ph-widget-element-1667904536406-15">Search for Job Title </ppc-content> </label> <input type="text" placeholder="Enter keyword" key-placeholder="yJx6pE-ph-global-search-v1-view3-globalSearchInputPlaceholderText1" ref="typehead" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchPlaceholder, placeholder" aria-haspopup="listbox" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="ph-input-search form-control ph-a11y-search-box phs-keywords input-lg" ph-a11y-autocomplete="" aria-autocomplete="list" name="typehead" id="typehead" aria-controls="typehead-listbox" value.bind="searchValue" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="typehead-listbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1667904536406-16"> <span class="search-sym" data-ph-id="ph-widget-element-1667904536406-17"> <i class="icon icon-search" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-18"></i> </span> <a ph-tevent="clear_searches_click" tabindex="0" class="phs-keysearch-clear phcriticalhide" focus.trigger="setFocusField('typehead')" click.trigger="clearSearch($event)" blur.trigger="setFocusField('typehead',true)" show.bind="searchValue" data-ph-at-id="clear-globalsearch-link" href="javascript:void(0);" data-ph-id="ph-widget-element-1667904536406-19"> <i class="icon icon-cancel" aria-hidden="true" role="presentation" data-ph-id="ph-widget-element-1667904536406-20"></i> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-21"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-clearInputFieldSearchText1" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1667904536406-22"> clear text</ppc-content> </span> </a> </input></div> <div class="phs-search-suggestions phcriticalhide" show.bind="showDropDown" aria-label="Search suggestions" id="typehead-listbox" aria-labelledby="typehead-listbox" tabindex="-1" data-ph-id="ph-widget-element-1667904536406-23"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="!(searchValue.length > 0)" data-ph-at-id="onclick-category" data-ph-id="ph-widget-element-1667904536406-24"> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && isNluSearch" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-1667904536406-25"> <h3 role="presentation" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-26"> <ppc-content key="wA9BeT-yJx6pE-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-27">Recent Searches </ppc-content> </h3> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-1667904536406-28"> <div repeat.for="eachKeyword of keywordsSearched" role="option" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1667904536406-29"> <a ph-tevent="type_ahead_search" tabindex="-1" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1667904536406-30">${eachKeyword}</a> </div> </div> </div> <div class="phs-search-categories" if.bind="showAllJobCategories && !isMilitarySearch" data-ph-id="ph-widget-element-1667904536406-31"> <h2 role="presentation" class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-32"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobCategoriesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-33"> Job Categories </ppc-content> </h2> <div role="listbox" aria-label="Job Category suggestions" class="phs-search-category-list" data-ph-at-id="category-list" data-ph-at-total-data-count="${categoryColumns.length}" data-ph-id="ph-widget-element-1667904536406-34"> <div repeat.for="category of allJobCategories" class="job-list job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" aria-setsize="${allJobCategories.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1667904536406-35"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-widget-element-1667904536406-36"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-37"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-widget-element-1667904536406-38">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-widget-element-1667904536406-39">${category.total_count}</span> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-40"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-totalJobsCountLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1667904536406-41"> jobs </ppc-content> </span> </a> </div> </div> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-widget-element-1667904536406-42"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1667904536406-43"> <h2 data-ph-id="ph-widget-element-1667904536406-44"> <ppc-content key="JMzEP9-yJx6pE-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-45"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="listbox" data-ph-id="ph-widget-element-1667904536406-46"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" :aria-posinset="${index + 1}" :aria-setsize="suggestedJobResults.length + suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1667904536406-47"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1667904536406-48"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1667904536406-49"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1667904536406-50"> <ppc-content key="wm5PVe-yJx6pE-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1667904536406-51"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isNluSearch && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-widget-element-1667904536406-52"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length" data-ph-at-id="suggested-jobs" data-ph-id="ph-widget-element-1667904536406-53"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-54"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-55"> Jobs </ppc-content> </h2> <div role="listbox" aria-label="Job suggestions" tabindex="-1" class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" data-ph-id="ph-widget-element-1667904536406-56"> <div repeat.for="eachJob of suggestedJobs" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-at-id="suggested-data-list-item" class="job-list phsJobsSuggested_${$index}" data-ph-id="ph-widget-element-1667904536406-57"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-widget-element-1667904536406-58"> <div class="phs-job-title" data-ph-id="ph-widget-element-1667904536406-59"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-60"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobTitleText" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1667904536406-61"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1667904536406-62"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-widget-element-1667904536406-63"> <span class="phs-job-location" data-ph-id="ph-widget-element-1667904536406-64"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-65"> <ppc-content key="k0slep-yJx6pE-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-1667904536406-66"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-widget-element-1667904536406-67"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-68"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobCategoryText" data-ph-at-id="jobcategory-text" data-ph-id="ph-widget-element-1667904536406-69"> ${widgetBundle['categorySrText'] || "Category"} </ppc-content> </span> ${eachJob.category} </span> </div> </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-widget-element-1667904536406-70"> <h2 data-ph-id="ph-widget-element-1667904536406-71"> <ppc-content key="4v83Ps-yJx6pE-ph-global-search-v1-view3-militaryCodeText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-72"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="listbox" data-ph-id="ph-widget-element-1667904536406-73"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length + suggestedMOSKeywords.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-widget-element-1667904536406-74"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1667904536406-75"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-76"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-militaryCodeTextSr" data-ph-at-id="military-text" data-ph-id="ph-widget-element-1667904536406-77"> Military Code </ppc-content> </span> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1667904536406-78"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0" data-ph-at-id="suggested-locations" data-ph-id="ph-widget-element-1667904536406-79"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1667904536406-80"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobLocationHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-81"> Location </ppc-content> </h2> <div role="listbox" aria-label="location suggestions" tabindex="-1" class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" data-ph-id="ph-widget-element-1667904536406-82"> <div repeat.for="eachLocation of suggestedLocations" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-widget-element-1667904536406-83"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.city}" data-category="${eachLocation.city}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.city}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-widget-element-1667904536406-84"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-85"> <ppc-content key="wLhguV-yJx6pE-ph-global-search-v1-view3-jobLocationText" data-ph-at-id="joblocation-text" data-ph-id="ph-widget-element-1667904536406-86"> location </ppc-content> </span> ${eachLocation.city} <span class="phs-jobs-count" data-ph-id="ph-widget-element-1667904536406-87">${eachLocation.count}</span> <span class="sr-only" if.bind="eachLocation.count == 1" data-ph-id="ph-widget-element-1667904536406-88"> job </span> <span class="sr-only" if.bind="eachLocation.count > 1" data-ph-id="ph-widget-element-1667904536406-89"> jobs </span> </a> </div> </div> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0" data-ph-at-id="suggested-categories" data-ph-id="ph-widget-element-1667904536406-90"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1667904536406-91"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-suggestedCategoryHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-92">Category </ppc-content> </h2> <div role="listbox" aria-label="category suggestions" tabindex="-1" class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" data-ph-id="ph-widget-element-1667904536406-93"> <div repeat.for="eachCategory of suggestedCategories" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" class="job-list phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1667904536406-94"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-widget-element-1667904536406-95"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-96"> category </span> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-widget-element-1667904536406-97"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> <span class="sr-only" if.bind="eachCategory.count == 1" data-ph-id="ph-widget-element-1667904536406-98"> job </span> <span class="sr-only" if.bind="eachCategory.count > 1" data-ph-id="ph-widget-element-1667904536406-99"> jobs </span> </a> </div> </div> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-widget-element-1667904536406-100"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1667904536406-101"> <ppc-content key="cUDiFB-yJx6pE-ph-global-search-v1-view3-recentSearchesHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-102">Recent Searches </ppc-content> </h2> <div role="listbox" aria-label="recent search suggestions" tabindex="-1" class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${keywordsSearched.length}" data-ph-id="ph-widget-element-1667904536406-103"> <div repeat.for="eachKeyword of keywordsSearched" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" show.bind="$index < 3" class="job-list phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1667904536406-104"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1667904536406-105"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-106"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-recentSearchText" data-ph-at-id="recentsearch-text" data-ph-id="ph-widget-element-1667904536406-107"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0" data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1667904536406-108"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-widget-element-1667904536406-109"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-suggestedKeywordsHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-110"> suggested keywords </ppc-content> </h2> <div role="listbox" aria-label="keyword suggestions" tabindex="-1" class="job-list phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" data-ph-id="ph-widget-element-1667904536406-111"> <div repeat.for="eachKeyword of suggestedKeywords" role="option" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + keywordsSearched.length + $index + 1}" show.bind="$index < 3" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1667904536406-112"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-widget-element-1667904536406-113"> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-114"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-suggestedKeywordTxt" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-widget-element-1667904536406-115"> suggested keywords </ppc-content> </span> ${eachKeyword} </a> </div> </div> </div> <div class="no-result-found" if.bind="searchValue && !suggestedJobs.length && !suggestedLocations.length && !suggestedKeywords.length && !suggestedCategories.length && (!showRecentSearches || !keywordsSearched.length)" key="XzDXe5-yJx6pE-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-1667904536406-116"> No suggestions available </div> </div> <div class="phs-keyword-suggestions" if.bind="searchValue.length > 0 && suggestedNluKeywords.length && isNluSearch" data-ph-id="ph-widget-element-1667904536406-117"> <div class="phs-suggested-keywords-suggested" show.bind="suggestedNluKeywords.length > 0 " data-ph-at-id="suggested-keywords" data-ph-id="ph-widget-element-1667904536406-118"> <div role="listbox" aria-label="Search suggestions" tabindex="-1" class="phs-suggested-keywords-list phs-suggested-nlu-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedNluKeywords.length}" data-ph-id="ph-widget-element-1667904536406-119"> <div repeat.for="eachKeyword of suggestedNluKeywords" role="option" class="job-list phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-widget-element-1667904536406-120"> <div class="phs-nlu-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.key}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setNluKeyword(eachKeyword, $event)" data-ph-id="ph-widget-element-1667904536406-121"> <span innerhtml="${eachKeyword.keyHtml | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-widget-element-1667904536406-122"></span> </div> </div> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="location" if.bind="dataMode == 'loc-cat'" phae-state="loc-cat" data-ph-id="ph-widget-element-1667904536406-123"> <label class="sr-only" for="gllocationInput" key="RPemA3-yJx6pE-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-1667904536406-124"> Enter Location </label> <div data-ph-id="ph-widget-element-1667904536406-125"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="A5Zr6f-yJx6pE-ph-global-search-v1-view3-mobileBackButtonText2" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-widget-element-1667904536406-126"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-127"></i> </a> <input type="text" id="gllocationInput" name="location" aria-label="Location" key-aria-label="yJx6pE-ph-global-search-v1-view3-locationsearchboxtitle" placeholder="Enter Location" aria-autocomplete="list" key-placeholder="yJx6pE-ph-global-search-v1-view3-locationPlaceholderText" ph-a11y-autocomplete="" aria-haspopup="listbox" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" ignoreexpanded="true" autocomplete="off" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" ref="location" if.bind="getWidgetBundleValue" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-owns="gllocationListbox" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1667904536406-128" /> <span class="search-sym" data-ph-id="ph-widget-element-1667904536406-129"> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-130"></i> </span> <a href="javascript:void(0)" class="phs-keysearch-clear phs-keysearch-clear-location phcriticalhide" focus.trigger="setFocusField('location')" blur.trigger="setFocusField('location',true)" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" data-ph-id="ph-widget-element-1667904536406-131"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-1667904536406-132"></i> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-133"> <ppc-content key="nDFvAA-yJx6pE-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1667904536406-134"> Clear Location Search Text </ppc-content> </span> </a> <div class="phs-search-suggestions phcriticalhide" id="gllocationListbox" aria-labelledby="gllocationListbox" show.bind="showLocationDropdown" data-ph-id="ph-widget-element-1667904536406-135"> <h2 tabindex="-1" aria-label="Location" key-aria-label="9EhUBK-yJx6pE-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-1667904536406-136"> <ppc-content key="FUhtpF-yJx6pE-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-137"> Location </ppc-content> </h2> <div aria-label="recent search suggestions" tabindex="-1" show.bind="showLocationDropdown" class="phs-locations-suggested-list" role="listbox" key-role="yJx6pE-ph-global-search-v1-view3-listBoxLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-1667904536406-138"> <div repeat.for="eachLocation of allLocations" role="option" key-role="2GQAsp-yJx6pE-ph-global-search-v1-view3-locationOption" if.bind="allLocations.length" class="job-list phsLocationsSuggested_${$index} ${locationValue && $index == 0 ? 'selected' : ''}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1667904536406-139"> <a href="javascript:void(0)" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.key}" data-ph-at-data-count="${eachLocation.total_count}" data-ph-id="ph-widget-element-1667904536406-140"> <span class="phs-jobs-category" data-ph-id="ph-widget-element-1667904536406-141">${eachLocation.key}</span> <span class="phs-jobs-count" data-ph-id="ph-widget-element-1667904536406-142">${eachLocation.total_count}</span> <span class="sr-only" if.bind="eachLocation.total_count" data-ph-id="ph-widget-element-1667904536406-143"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-jobsLinkText" data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1667904536406-144">jobs </ppc-content> </span> </a> </div> <div data-ph-at-id="no-data" class="no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-1667904536406-145"> <ppc-content key="yJx6pE-ph-global-search-v1-view3-noLocationsFound" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1667904536406-146"> No locations found </ppc-content> </div> </div> </div> </div> </div> <div class="location-filter ph-search-group phcriticalhide" data-ph-at-id="globalsearchlocation" if.bind="dataMode == 'loc-less'" phae-state="loc-less" data-ph-id="ph-widget-element-1667904536406-147"> <label class="sr-only" for="gllocationInput" key="QR9hqs-yJx6pE-ph-global-search-v1-view3-locationsearchboxlabel" data-ph-id="ph-widget-element-1667904536406-148"> Enter Location </label> <div data-ph-id="ph-widget-element-1667904536406-149"> <a class="mobile-back-button phcriticalhide" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="yJx6pE-ph-global-search-v1-view3-mobileBackButtonText3" click.delegate="clearBackdrop($event)" data-ph-id="ph-widget-element-1667904536406-150"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-widget-element-1667904536406-151"></i> </a> <input type="text" id="gllocationInput" name="location" key-aria-label="yJx6pE-ph-global-search-v1-view3-locationAriaLabelText" placeholder="Enter location" aria-autocomplete="list" ph-a11y-autocomplete="" aria-haspopup="listbox" key-placeholder="yJx6pE-ph-global-search-v1-view3-locationBoxPlaceholderText" ref="location" if.bind="getWidgetBundleValue" phae-bind-literal="globalsearchLocationPlaceholder, placeholder" placeholder.bind="getWidgetBundleValue('globalsearchLocationPlaceholder', 'placeholder', location)" class="form-control input-lg phs-keywords ph-a11y-location-box ph-input-search" value.bind="locationValue" aria-owns="gllocationListbox" ignoreexpanded="true" autocomplete="off" data-ph-at-id="globalsearch-input" phae-ally="aria-controls#,aria-owns#" aria-controls="gllocationListbox" phae="ph-global-search-v1" data-ph-id="ph-widget-element-1667904536406-152" /> <span class="search-sym" data-ph-id="ph-widget-element-1667904536406-153"> <i aria-hidden="true" class="icon icon-map-pin" data-ph-id="ph-widget-element-1667904536406-154"></i> </span> <a href="javascript:void(0)" class="phs-keysearch-clear phcriticalhide" click.trigger="clearLocationSearch($event)" show.bind="locationValue" data-ph-at-id="clear-globalsearch-link" ph-tevent="clear_searches_click" tabindex="0" data-ph-id="ph-widget-element-1667904536406-155"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-widget-element-1667904536406-156"></i> <span class="sr-only" data-ph-id="ph-widget-element-1667904536406-157"> <ppc-content key="wYNX9K-yJx6pE-ph-global-search-v1-view3-clearLocationSearchText" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-widget-element-1667904536406-158"> Clear Location Search Text </ppc-content> </span> </a> <div class="phs-search-suggestions phcriticalhide" show.bind="showLocationDropdown" aria-labelledby="gllocationListbox" data-ph-id="ph-widget-element-1667904536406-159"> <h2 key-aria-label="sykXrv-yJx6pE-ph-global-search-v1-view3-gloablSearchLocationAriaLabelText" show.bind="allLocations.length" role="presentation" data-ph-id="ph-widget-element-1667904536406-160"> <ppc-content key="dKkh6H-yJx6pE-ph-global-search-v1-view3-global-search-v1-option1-globalSeachLocationText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1667904536406-161"> Location </ppc-content> </h2> <div role="listbox" aria-label="Location suggestions" tabindex="-1" class="phs-locations-suggested-list" id="gllocationListbox" aria-labelledby="gllocationListbox" key-role="yJx6pE-ph-global-search-v1-view3-listBoxGlLocation" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allLocations.length}" data-ph-id="ph-widget-element-1667904536406-162"> <div repeat.for="eachLocation of allLocations" if.bind="allLocations.length" role="option" key-role="T0Ujy8-yJx6pE-ph-global-search-v1-view3-locationOption" class="job-list phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${allLocations.length}" aria-posinset="${$index + 1}" data-ph-id="ph-widget-element-1667904536406-163"> <a href="javascript:void(0)" aria-label="${eachLocation.description || eachLocation.key}" tabindex="-1" ph-tevent="type_ahead_search" ref="linkEle" click.delegate="setLocation(eachLocation,$event)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.description || eachLocation.key}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.description || eachLocation.key}" data-ph-id="ph-widget-element-1667904536406-164"> ${eachLocation.description} </a> </div> <div data-ph-at-id="no-data" class="job-list no-result-found" if.bind="!allLocations.length && locationValue" data-ph-id="ph-widget-element-1667904536406-165"> <ppc-content key="IBNIOR-yJx6pE-ph-global-search-v1-view3-noResultsFoundText1" data-ph-at-id="no-data-text" data-ph-id="ph-widget-element-1667904536406-166"> No locations found </ppc-content> </div> </div> </div> </div> </div> <span class="input-group-btn" data-ph-id="ph-widget-element-1667904536406-167"> <button submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" type="submit" disabled.bind="isDisabled" phae-ally="aria-disabled#false" aria-disabled="${isDisabled ? 'true':'false'}" class="btn primary-button btn-lg phs-search-submit ${isDisabled? ' disabled':''}" data-ph-at-id="globalsearch-button" id="ph-search-backdrop" role="button" phae="ph-global-search-v1" phae-type="click" orig-value="${widgetBundle['globalsearchButtonText'] | pht}" phae-main="1" data-ph-id="ph-widget-element-1667904536406-168"> <i aria-hidden="true" class="icon icon-search" phae-ref="1" data-ph-id="ph-widget-element-1667904536406-169"></i> <span phae-bind-literal="globalsearchButtonText" phae-ref="1" data-ph-id="ph-widget-element-1667904536406-170">${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-1667904536406-171"> <span if.bind="resultsUpdated" data-ph-id="ph-widget-element-1667904536406-172"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue" key="yJx6pE-ph-global-search-v1-view3-jobCategoriesAsSRText" data-ph-id="ph-widget-element-1667904536406-173"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && (suggestedJobResults.length + suggestedMOSKeywords.length)" key="yJx6pE-ph-global-search-v1-view3-jobSuggestionsAsSRText" data-ph-id="ph-widget-element-1667904536406-174"> ${suggestedJobResults.length + suggestedMOSKeywords.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue && !suggestedJobs.length && !(suggestedJobResults.length + suggestedMOSKeywords.length)" key="0QMdfM-yJx6pE-ph-global-search-v1-view3-noSuggestionsAsSRText" data-ph-id="ph-widget-element-1667904536406-175"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="yJx6pE-ph-global-search-v1-view3-militaryJobsSelectionAsSRText" data-ph-id="ph-widget-element-1667904536406-176"> ${suggestedMOSKeywords.length} Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="yJx6pE-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText" data-ph-id="ph-widget-element-1667904536406-177"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="yJx6pE-ph-global-search-v1-view3-militaryNoSearchVlaueAsSRText2" data-ph-id="ph-widget-element-1667904536406-178"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="yJx6pE-ph-global-search-v1-view3-militarySearchNoResultsAsSRText" data-ph-id="ph-widget-element-1667904536406-179"> No results found </span> <span if.bind="showLocationDropdown && allLocations && !locationValue && allLocations.length" data-ph-at-id="expanded-suggestions-available" data-ph-id="ph-widget-element-1667904536406-180"> Suggested locations available. Move to expanded list to select locations. </span> <span if.bind="showLocationDropdown && locationValue && allLocations && allLocations.length" data-ph-at-id="select-suggestions-available" data-ph-id="ph-widget-element-1667904536406-181"> ${allLocations.length} locations available, move to list to select location. </span> <span if.bind="showLocationDropdown && locationValue && !allLocations.length" data-ph-at-id="no-suggestions-text" data-ph-id="ph-widget-element-1667904536406-182"> No locations found </span> </span> </span> <span aria-live="polite" aria-atomic="true" class="sr-only phcriticalhide" data-ph-id="ph-widget-element-1667904536406-183"> <span if.bind="gsClrTxt && !isMilitarySearch" data-ph-id="ph-widget-element-1667904536406-184"> Text cleared. </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082334-re-upload"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-zJFZLO"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-import-resume-v1-re-upload-fyf3jd-M9vErk" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-VjZSGV"> <span class="action-icon" data-ph-id="ph-page-element-page1-9SjpWd"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-CZR5UP"></i> </span> <ppc-content key="ph-import-resume-v1-re-upload-fyf3jd-iHH3qg" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-UlKYgR">Upload new </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082335-external-upload-resume"><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-pXZ7NV"> <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--5m2mJY" data-ph-at-id="upload-resume-button" data-ph-id="ph-page-element-page1-LTeni6"> <div class="dropzone-content" data-ph-id="ph-page-element-page1-LXHR8q"> <div class="content-holder" data-ph-id="ph-page-element-page1-n0ZrjD"> <span data-ph-id="ph-page-element-page1-LyHBQW"> <ppc-content key="ph-import-resume-v1-external-upload-resume--JT1u1P" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-page-element-page1-07Ert1">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1663479082345-upload-new"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-8gzUgo"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-WalXWM"> <ppc-content key="ph-import-resume-v1-upload-new--1T8aw7" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-26P35E">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479082346-view4"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-9r1fdM"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-page-element-page1-IPA4oJ"> <!-- 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-olof8e"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-page-element-page1-oKWQ2L"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-9b8J2Y"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-Ubxnr0"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-5uejjD"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view4--hcB8za" data-ph-id="ph-page-element-page1-E83HFq"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Sszr6Y"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-kWPyOe"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-GKSJ3L"> <ppc-content key="ph-social-connect-v1-view4--JFGJ9U" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-l1ZB84"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-m9Qgwa"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-kYPqDR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-OHVkf9"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-Pzo2vK"> <ppc-content key="ph-social-connect-v1-view4--SAuVU5" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-Zgl5Gu"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-vIUUay"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-kDEwFe"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WOg5zA"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-FYHinV"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-S4dhsb"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4--5tk0MC" data-ph-id="ph-page-element-page1-airFF6"> <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--6GSVgs" data-ph-id="ph-page-element-page1-PKWvIp"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-4rgduj"> <div class="icon-block" data-ph-id="ph-page-element-page1-cnIp6J"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-S4hfT0"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-jt2hCW"> ${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-1663479082780-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-y3xWwR"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-NuVVpa"> <div class="widget-container" data-ph-id="ph-page-element-page1-JONJx3"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-313C6U"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-2nSJwf"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-T9ioPI"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-7uyy7u-KMd8zP" data-ph-id="ph-page-element-page1-EnLbaq"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-TXjPbt"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-t3okHj"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-TwsuaV"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-FOzPKy" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-Iy0HmR">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-i2vHBC"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-jfaYkr"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-CtmuH9"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-ovmdcD"> <ppc-content key="ph-social-connect-v1-view5-7uyy7u-WwileX" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-jaugCR">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-i2vHBC"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-jfaYkr"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Kes3gM"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-eOXv0i"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-7ctYqC"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-7uyy7u-1CA5oY" data-ph-id="ph-page-element-page1-gDUhF7"> <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-4udNRG" data-ph-id="ph-page-element-page1-Mq1JcI"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page1-pbNtdc"> <div class="icon-block" data-ph-id="ph-page-element-page1-kEy4Ya"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-N0b0Rj"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page1-uG3fJE"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1663479082791-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-EDKUGz"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-ahPFai"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-rV2M7Z">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-wyUTk8"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-HGTxwf"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-bG0JRw"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-RQCPxS"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-VUfHcj"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-sWuNTh"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-p1TfBl"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-fp37Ym"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-XMOz7E"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-GlFM4f"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-II0akb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ouZ011"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-J816VB"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-f92p77"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-2Hf9nw">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-T3JHHD"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-ONkKkl"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1663491136476-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-zpvKmp"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-bILgaR"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-8XrPJP">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-glJqD6"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-xaSW0a"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-lp1ne6"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-TDhfif"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-dfhpw1"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-fHRUJ5"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-go3fXx"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-eMqL0M"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-WkaifA"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-mIvXya"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-E9mzkz"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-5385Jw"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-VEr9HX"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-GxzEzU"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-UVWjmq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-6nC7lT"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-lWhopR"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663491136487-view5"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-Wb9x6C"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-rqK7uF"> <div class="widget-container" data-ph-id="ph-page-element-page1-o0POU5"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-UsDHyT"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-page-element-page1-FxQZUz"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-pzAMG1"> <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--UDsgU3" data-ph-id="ph-page-element-page1-H7GyXf"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-hWpgKR"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-TqDTo0"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-IwfDvf"> <ppc-content key="ph-social-connect-v1-view5--uoAnQd" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-Xkw2vz">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-RHtrMK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-vcHdrk"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-page-element-page1-B1IwXP"> <span class="social-checkbox-btn-text" data-ph-id="ph-page-element-page1-cnDymT"> <ppc-content key="ph-social-connect-v1-view5--7EMpuX" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-2xwX4q">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-page-element-page1-RHtrMK"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-vcHdrk"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-LZV8u5"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-page-element-page1-QFwNqd"> <span class="social-alert-msg" data-ph-id="ph-page-element-page1-0uOy17"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5--scltZ1" data-ph-id="ph-page-element-page1-Qb5pKu"> <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--L8VftW" data-ph-id="ph-page-element-page1-phi8TC"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-page-element-page1-vOEbnO"> <div class="icon-block" data-ph-id="ph-page-element-page1-fEohsU"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-XcT8Me"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-page-element-page1-axcztl"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1663491136500"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-oeRJWG"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-WLoAhG"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-page-element-page1-G3dUut"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-IXsrt1"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-9TQQ1D"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-MwkxtA"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-page-element-page1-uawtdu"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-zMNdET"></i> <span class="alert-msg" data-ph-id="ph-page-element-page1-GMKhRo"> ${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-IpuoWy"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-page-element-page1-5byYp7"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-qEn5Yl"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-YL9CKc"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-s73C4Z"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-uVIKbe"> ${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-wtA8HR"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-sulQ73"> ${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-CmnOMJ"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-GbKuLk"> <form novalidate="" data-ph-id="ph-page-element-page1-xm93If"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-LNQwPA"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-vmy0U8"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-PABNk2"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-kYRhJW"> <div class="text-box" data-ph-id="ph-page-element-page1-QKDNXz"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-SlTgNi"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-fBN7b1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-isGOUB"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-klQU1c"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WA1JA2"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-5TXUmd"> ${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-nY6MVC"> ${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-DTQzWi"> ${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-ukc7QD"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-el3Vff"> ${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-jDblAb"> ${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-JPkBVG"> ${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-lkToAb"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-19yPtl"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-sLqDFK"> <div class="text-box" data-ph-id="ph-page-element-page1-ooLEK0"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block'" aria-describedby="errorPassword" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-BGuBbr"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-4frDCJ"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-jVhUw2"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-TawMxp"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-FsJQMq"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-7ovWSs"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-wcsrWV"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-NzLJvq"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-w8SYoJ"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-iFIqud"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-gTIIMm"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-qos0JZ"> ${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-16sfiJ"> ${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-nawWM5"> ${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-4UuEG1"> ${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-jSgJCF"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-SgtYvC"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-FvPk3f"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-z5ea4d"> ${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-VjXFZF"> <div class="form-container" data-ph-id="ph-page-element-page1-dNsaHl"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-47Blhd"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-Lnpxho"> <div class="user-options" data-ph-id="ph-page-element-page1-EbFi9U"> <span class="each-option" data-ph-id="ph-page-element-page1-foqpB5"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-O7AXGK"> <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-yqrqZB"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-GETKZR"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-69jFKw"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-DNHzhb"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-yjKo8a"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-l9H9Zl"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-fWRplG"> ${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-CiTxXF"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-cbcGnJ"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-r76CAS"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-O9W7Ib"> ${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-59isuY"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-9mNYJX"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-AtZSsa"> ${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-zd7vyd"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-nC4A68"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-X8mkyi"> ${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-69uhIl"> <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-sZmcHy"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-mxGkF0"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-eTWKha"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-sPoJnG"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-kyWKtr"> ${widgetBundle['createAccountPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-RQvIl3"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-e8Totj"> <form novalidate="" data-ph-id="ph-page-element-page1-pH4i19"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-KU5VXA"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-mefSEe"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-XmQyMu"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-RolhmW"> <div class="text-box" data-ph-id="ph-page-element-page1-9ET7ow"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-r0LbYG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-FiRN34"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-PMlwBz"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-ZOrGcI"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-VWyzrc"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-1FAJT1"> ${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-LJll1u"> ${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-yBEtSx"> ${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-v3YMqq"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-gLskW4"> 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-KVWkgg"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-szsuSL"> ${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-m7JmmG"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-k0JBIQ"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-Pze5us"> <div class="text-box" data-ph-id="ph-page-element-page1-3zgJs6"> <input id="createPassword" aria-describedby="errorCreatePassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page1-89cyl0"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-D4r0sh"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-QTaGWH"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-z2kZge"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-JHG53c"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-imCuT9"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-AvUVms"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-KikcM0"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-lCzWOw"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-AKJb6m"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-k09W89"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-i9CBBK">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-y5iuYN">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-WY3JAt">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-sdGYrR">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-OSdPhG"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-zRzvgF"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-BE26vU"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-sFOFjM"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-ygBiVk"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-55rz1s"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-YNtsqW"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-5HTZII"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-8kUwq2"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-mb5Yeh"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-WHsP28"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-zJndzP"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-nYdO1o"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-view1-fyf1-pr7BlM" data-ph-id="ph-page-element-page1-vkcmFi"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Qhz41C"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-HOhxpi"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-iJjU5T"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-7rMvXi" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-uWjUyv">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-xaJkQJ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-O28TGI"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-2UidIo"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-FIhNwZ"> <ppc-content key="ph-candidate-login-v1-view1-fyf1-NcDV1M" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-2VvuLd">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-xaJkQJ"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-O28TGI"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-EoycrR"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-lO7mAf"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk1signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk1signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-4hSFGr"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-xcXigR"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-swxla8"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-OBG5LD"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-6hnyS5"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-saeN3I">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-page-element-page1-nEt4vI" view="1663491136476-default" original-view="default" theme="default"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default ph-widget-target" view="1663491136476-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-page-element-page1-3FxvrI"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-sYkLXP"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-Jh1GBj"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page1-A7jHVQ"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-fbZ1J0"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-UDs1Gg"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-l5d4dj"> <div class="form-container" data-ph-id="ph-page-element-page1-2M9YDH"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-99PLfR"> ${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-CRHHwp"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-page-element-page1-YBEyqA"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-rASrFa"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-ctAt6z" view="1663491136487-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="1663491136487-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-jBbxnG"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-zL1y7h"> <span data-ph-id="ph-page-element-page1-2xuoec"> ${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-Cp1eQN"> ${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-Ln8x8q"> <span data-ph-id="ph-page-element-page1-OCa7Uf"> ${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-DhzJ01"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-EqB9rn"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-eb0RNo">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-rFBCXH">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-page-element-page1-6yCd3i"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-kKn8fI"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-spx1Cx"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-TLrVfK"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-page-element-page1-Mxv4gi"> <form novalidate="" data-ph-id="ph-page-element-page1-tNDwD2"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-qKlrYZ"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-page-element-page1-wYqDLJ"> <label for="createNewPassword" class="form-label" data-ph-id="ph-page-element-page1-ztzT72"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-R9VaZL"> <div class="text-box" data-ph-id="ph-page-element-page1-A1KwK9"> <input id="createNewPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="${!errors.password.error && !resetPasswordModel.newPassword ? "createNewPasswordDesc" : "errorCreateNewPassword" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['newPwdText'] | pht}" value.bind="resetPasswordModel.newPassword" data-ph-at-id="input" aria-required="true" change.delegate="validateNewPassword()" keyup.delegate="checkPasswordValidation(resetPasswordModel.newPassword)" autocomplete="new-password" data-ph-id="ph-page-element-page1-Ziwghd"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-KKZTez"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-KCsHZR"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-uYsmRr"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-JUKZGc"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-szqobR"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-X0qsNo"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-cj85CT"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-EhdIP9"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-GNGev0"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-page-element-page1-wtejMO"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-Ri59F5"> <span class="sr-only" data-ph-id="ph-page-element-page1-J1mMUI"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-fMF0rm"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-EDmNxk"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-hFtId4"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-QpPPdY"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-4myfTM"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-page-element-page1-NVZsTH"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-kaO4K2">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-kwtZib">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-PYLj4P">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-V08eB0">${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-Bxgtj2"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-5OV5Bm"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-4YOqF8"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-NpcbmD"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-page-element-page1-JJJGDN"> ${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-v6oegj"> <div class="form-container" data-ph-id="ph-page-element-page1-qd1duT"> <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-aTjmK5"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1663479082859-view5-new"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-EAoU4O"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-98fjjC"> <div class="widget-container" data-ph-id="ph-page-element-page1-Uvk6hj"> <div class="content-block" data-ph-id="ph-page-element-page1-C54ie6"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new--lAf9JC" data-ph-id="ph-page-element-page1-O4p3PK"> <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--jVRy05" data-ph-id="ph-page-element-page1-1D1rkJ"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-mQTOEr"> <div class="icon-block" data-ph-id="ph-page-element-page1-MFzahd"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-8AUREg"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-GfK0sF"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1663479082859-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-3Jlt6G"> <a href="javascript:void(0)" class="consents-link ph-a11y-popup-close-focus" click.delegate="triggerConsentPopup()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" aria-describedby="${'consent-error-' + instanceId }" data-ph-id="ph-page-element-page1-xXudCe"> <span class="sr-only required-checkbox" data-ph-id="ph-page-element-page1-vlXmoZ">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-page-element-page1-X8PWG2"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-page-element-page1-ciwc8n"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-page-element-page1-nZ8MkX"> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-YKPdGj"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-sgAUCN"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-keqy5x"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-aclVYF"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-page-element-page1-CxTBq6"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-4LHuYk"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + instanceId + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-' + instanceId : ''}" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true':false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-h95QpX"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-dBPcRi"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-hHWkIX"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-K8cGaI"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-dpGTZ0"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-XH2jub">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-NRrPnC"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closePopup() : triggerSubmitData() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-uUeQFX"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-1663479082357-default"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-Bj4W5T"> <div class="widget-container" data-ph-id="ph-page-element-page1-iDvgpZ"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-iqbIdj"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-page-element-page1-jrGrID"> <div class="fyf-step-block" data-ph-id="ph-page-element-page1-2ABDOl"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-PMpzSa"> </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-YSKwY5"></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-o7gaNW"> <div class="heading-block" data-ph-id="ph-page-element-page1-IMhtoh"> <!-- <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-ysIN9Q"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Ij3nSF" data-ph-id="ph-page-element-page1-MZS2we"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-page-element-page1-RVlai8"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-qZrrJy"></i> <span data-ph-id="ph-page-element-page1-zYurbD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-I1diAR" data-ph-id="ph-page-element-page1-aDz6dO"> 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-BBj0sO"> <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="1663479082780-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-page-element-page1-XUtHIB"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-2LYpNS"> <div class="prev" data-ph-id="ph-page-element-page1-X1bURe"> <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-U1F3WQ" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-TTVblP"> <span data-ph-id="ph-page-element-page1-4NYY4F"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-xrlxY1"></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-qKaxHO"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-JZvqx5"> <!-- <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-2Rnq2x"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-4Kbxrd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EynK9f" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-tGwvM3">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-JAvNC0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-xbMTKt" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-bAyQY3">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-vw4Nda"> <legend class="sr-only" data-ph-id="ph-page-element-page1-lujkrp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-WnbLlf" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-UwfOi2">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-page-element-page1-Z7Z9rm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-6T3UjM" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-pRpOOM">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-2lCvFD"> <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-uUiSqU" /> <span class="cat-text" data-ph-id="ph-page-element-page1-gDNUkE">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-tmmMBv"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-r2rRok"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-rPtz7H"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-QKbhzq"> <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-EXk134"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7J7ZVD" 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-xBiPJ8">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-LGs39i" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-AKOwvy">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-ts6lyG"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-9cR6fR" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-ZRKB4i">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-ENgzSQ"> <button href="javascript:void(0)" keydown.trigger="handleNextKeyup($event)" blur.trigger="handleSkip($event)" click.delegate="handlePrevStep()" class="prev-btn" aria-label="previous step" key-aria-label="ph-find-your-fit-v1-default-6ty93o-FbYi96" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-Acn9PR"> <span data-ph-id="ph-page-element-page1-xkNCy4"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-vlSL8H"></i> </span> </button> </div> </div> </div> <!-- End Categories Step --> <!-- Sub Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'subCategories' && !showLoader" data-ph-at-id="subCategories-step-block" data-ph-id="ph-page-element-page1-2sEYmG"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-IbulMY"> <!-- <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-LD2YBW"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-1mokm8"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PP95lv" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-hzrKAq">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-q8Trs2"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-y2Tufz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-w8qb8A">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-ylz2FF" aria-labelledby="phFyfSubCategories" data-ph-id="ph-page-element-page1-UAEpDC"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-page-element-page1-2dQXNR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-SpKRCy" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-tYwbCs">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-M14GCB"> <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-gdlynV" /> <span class="cat-text" data-ph-id="ph-page-element-page1-XsFBtf">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-page-element-page1-zScvMF"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-tJLdjP"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-evlrq5"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-qlRlqz"> <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-cjfb4Y"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0E0VzF" 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-zytXoY">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-p7Upxo" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-i7VwRg">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-ng6ZQW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-tZquVF" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-Sy4qXO">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-KUWMFo"> <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-NvJW5g" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-NQJKcM"> <span data-ph-id="ph-page-element-page1-56jHC3"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-oaDwDz"></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-siWMJI"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-2kKT5W"> <!-- <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-yxnqtF"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-v1vBCq"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-crkQ54" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-ja8zZG">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-CWz6yA"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-AK9yVp" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-ot5DJ5">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-oY8lKC"> <label for="recentTitles" data-ph-id="ph-page-element-page1-O3fUWS"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-xyUUI6"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-YrBSk0" data-ph-id="ph-page-element-page1-FmnCf6"> <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-mpcVtW" 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-wbiJFQ"> </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-9Jhuyb" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-LJCb6D"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-page-element-page1-F0UG7q"></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-Bdp41m"> <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-TMYRDj"></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-lrsebF" data-ph-id="ph-page-element-page1-yiHlPn">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-74XMUZ"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-page-element-page1-UKWOKb"> ${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-lFOmZk" data-ph-id="ph-page-element-page1-PHxqnk"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-page-element-page1-okhk8T"> <label class="input-radio-group" data-ph-id="ph-page-element-page1-Xdjo7y"> <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-bp34f7" data-ph-id="ph-page-element-page1-xyJlH6"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-qHp1U5"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-Oq0PCU"></span> <span class="radio-text" data-ph-id="ph-page-element-page1-G4IkMu"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-otViSY" data-ph-at-id="radio-button-text" data-ph-id="ph-page-element-page1-Hj5EFP">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-PGprXw"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-35ZJ22"> <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-9DEaH0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CzV93i" 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-0MYWCi">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-OxTzEf" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-vTydN0">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-ZfGIPT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gxP3Xu" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-ZdsRyS">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-E9H0vP"> <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-cBocBc" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-7PQgKO"> <span data-ph-id="ph-page-element-page1-RCwFAo"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-Wg91tq"></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-dqmpuQ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-dFYLfB"> <!-- <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-r8X4AB"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-7JDP0e"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-UuEAvB" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-oSv0Yu">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-fKxG3B"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-JbuCKC" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-2FSM6M">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-d6sbm9"> <label for="skills" data-ph-id="ph-page-element-page1-tuPIIl"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-page-element-page1-5XP4s5">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-HhhiKA"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-page-element-page1-mRzG6h"> ${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-APhnE9"> <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-eJehmw"> <div role="list" data-ph-id="ph-page-element-page1-MIPK1E"> <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-NBVGIc"> <span data-ph-id="ph-page-element-page1-CtLVql">${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-avalLG" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-page-element-page1-EpdpDx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-eOL9Kh"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-ilCR1b"> <div data-ph-id="ph-page-element-page1-WgxJGG"> <div class="search-box-inline" aria-owns="skill-list" aria-haspopup="listbox" aria-label="Tell us what you’re really good at" key-aria-label="ph-find-your-fit-v1-default-6ty93o-chRYLs" data-ph-id="ph-page-element-page1-VZTNYR"> <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-dKz4Cr" 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-zes2X0"> </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-fvmqTd" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-lxia0O"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-5mtZrV"></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-Z9rZu8"> <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-M3Zh71"></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-Sxw7ZM" data-ph-id="ph-page-element-page1-JsyeCz">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-0ockIB"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-pu8I8g"> ${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-ZANJm0" data-ph-id="ph-page-element-page1-NXY1ay"> 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-hkQDWv"> <div data-ph-id="ph-page-element-page1-erf3ju"> <h3 class="suggested-heading" data-ph-id="ph-page-element-page1-5com79"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CGkCAm" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-page-element-page1-J7MoRP">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-page-element-page1-esTVsf"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-page-element-page1-BqjL9n"> <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-ybCHZa"> <span data-ph-id="ph-page-element-page1-AFS1Fr">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page1-rJw4Qo"></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-DGKbWc"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-XNJHYe"> <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-fSiJId"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-nV92AO" 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-cmbfcG">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-Jil4TU" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-3oR4Nt">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-3iZOea"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-TZ8i7u" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-YvTUEF">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-zl9jb9"> <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-NDYaz3" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-HJKZvl"> <span data-ph-id="ph-page-element-page1-ikaOuc"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-Tu850G"></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-OwTlXv"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-nZ2vgX"> <!-- <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-XhzGgC"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-XAu9Jw"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-c8RwNF" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-RGmyzA">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-Rcnb9b"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-2du1mL" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-TJbhYj">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-N4TSrq"> <legend class="sr-only" data-ph-id="ph-page-element-page1-NGhp7c"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-qc3ze6" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-mHGejV">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-page-element-page1-iUrKby"> <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-sMJCQn"> <span class="radio-text" data-ph-id="ph-page-element-page1-DynZAr"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-zpWkT8">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-JCuAGE" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-7bKuBq"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-s9kwVs" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-trkKhP"> 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-NatVTJ"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-lTfWGb"> <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-pltlQT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-QsxvwH" 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-alTrKn">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-OZKsLD" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-IgkjGH">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-oUYXK0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-CZDR4a" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-XvZMPQ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-PwzFLj"> <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-uSvztF" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-sqCR30"> <span data-ph-id="ph-page-element-page1-2ybQFM"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-KswGL1"></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-zBxwLG"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-kRXBgI"> <!-- <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-ob0cwM"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-KLJ8xy"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-rYZd4B" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-o02Cic">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-a06RsV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-mFiWzG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-HnMdDr">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="ph-find-your-fit-v1-default-6ty93o-TBGJ5c" 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-3V1ZIA"> <legend class="sr-only" data-ph-id="ph-page-element-page1-Jn4xuR"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8GxnUN" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-drC8og">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-qp3rPg"> <span class="check-mark" data-ph-id="ph-page-element-page1-Sb77VW"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-page-element-page1-M751C0"></i> </span> <span class="radio-text" data-ph-id="ph-page-element-page1-sLLWiJ"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-page-element-page1-aQ2Vd5">${exp.displayName} <span if.bind="exp.min == 0" key="ph-find-your-fit-v1-default-6ty93o-ugoPMZ" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-Ty1KVe"> Year </span> <span if.bind="exp.min != 0" key="ph-find-your-fit-v1-default-6ty93o-qEts5d" data-ph-at-id="expyear-text" data-ph-id="ph-page-element-page1-XVONVz"> 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-6ac1hY"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-lrTEAh"> <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-Dq6wbZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VS94JW" 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-gaBIOB">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-5mSETd" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-UhD1zT">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-oQjbmt"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-aZO1cl" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-aFqr8p">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-fFAUIr"> <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-kPfKuE" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-ZbwIjg"> <span data-ph-id="ph-page-element-page1-1FjQFu"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-kPW1Dc"></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-b2huAk"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-o5JcIB"> <!-- <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-bc8Lgz"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-nkLHnh"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-ChglPu" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-zfFzMo">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-24QULo"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-gcobfM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-QKPezq">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-SNvbwo"> <label for="locations" data-ph-id="ph-page-element-page1-wXgORM"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-page-element-page1-ZbcpPk">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-page-element-page1-71gpWp"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-page-element-page1-YBF5fP"> ${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-HKNvH8"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocation.length}" role="presentation" aria-label="location" data-ph-id="ph-page-element-page1-VKIeIV"> <div role="list" data-ph-id="ph-page-element-page1-cYb3ml"> <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-CFw7N5"> <span data-ph-id="ph-page-element-page1-NHxHwJ">${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-Xut5C9" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-page-element-page1-K0wwjq"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-jjBAI8"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-page-element-page1-8pPUqm"> <div data-ph-id="ph-page-element-page1-V5W6eY"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="ph-find-your-fit-v1-default-6ty93o-909RTa" data-ph-id="ph-page-element-page1-mMNiCd"> <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-c1fzEn" aria-autocomplete="list" aria-controls="location-list" css="width:${((fyfStepConfig.preferredLocationValue.length || widgetBundle['fyfLocationPlaceHolderText'].length)+1)*10}px;" data-ph-at-id="input-search-box" aria-describedby="multiSelectLocations" data-ph-id="ph-page-element-page1-gZCp06"> </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-izeOLl" data-ph-at-id="clear-text-link" data-ph-id="ph-page-element-page1-Ig8VgR"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-8n1PBr"></i> </button> </div> </li> </ul> </div> <ul role="listbox" class="search-dropdown-list" show.bind="stepData.showLocationDropdown" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${stepData.locations.length}" aria-labelledby="location-list" id="location-list" aria-label="location" data-ph-id="ph-page-element-page1-BN5U3H"> <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-gE6F5T"> </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-nFhp5T" data-ph-id="ph-page-element-page1-N5nmUP">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-vFm5Oi"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-ACQTw0"> ${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-Sk9oUs" data-ph-id="ph-page-element-page1-zpwV13"> 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-Pixhk5"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-page-element-page1-EFkvB5"> <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-dJwie6"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="ph-find-your-fit-v1-default-6ty93o-XFY9gj" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-Wx5Vju">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-OxnhvF" data-ph-at-id="next-link-text" data-ph-id="ph-page-element-page1-ResaP6">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-2SLgWj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7XVfV6" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-hpl0Qh">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-jUrEJ7"> <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-Ji2TJD" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-4rZmt1"> <span data-ph-id="ph-page-element-page1-4Zanxk"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-I1BVZN"></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-Nh2V37"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-sN9Dw7"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-eqp6TP"> <!-- <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-cy5053"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-page-element-page1-YyxajV"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-1NVXv4" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-xDFWvb">Sorry ! Something went wrong, please try again in a few minutes</ppc-content> </div> <div class="sub-heading ph-a11y-fyf-step-block" tabindex="-1" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-wgSXyi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BorJFn" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-dV6cXv">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-NecAXV" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-RQp3Px">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-slLXqd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-5AwCi4" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-R2KwCh">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-cB8c3w"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-pCbhiH"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-page-element-page1-pxid10"> <div data-ph-id="ph-page-element-page1-o8W9Nz"> <label for="preferredName" data-ph-id="ph-page-element-page1-c5K8s5"> <span key="ph-find-your-fit-v1-default-6ty93o-HkQvqB" class="sr-only" data-ph-id="ph-page-element-page1-xackvi">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page1-jO5DaD"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-8cZ6b9" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page1-EWsO1n"> Preferred name <span class="required" data-ph-id="ph-page-element-page1-0M8cz4">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-qdXkZO"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''}" id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-MaOe6I" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page1-uJIz3B"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page1-vPllkM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uTwuDZ" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page1-5Aqv8m">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page1-vOuLjg"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-sFggsf"> <div data-ph-id="ph-page-element-page1-kSASSo"> <label for="name" data-ph-id="ph-page-element-page1-bPY5Pb"> <span key="ph-find-your-fit-v1-default-6ty93o-eobELo" class="sr-only" data-ph-id="ph-page-element-page1-8lHuIa">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-ITHRyi"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-nGQ85G" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-3GB0L3"> Full name <span class="required" data-ph-id="ph-page-element-page1-yjwGU8">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-FUyq0k"> <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-d4wPIk" 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-psreC4"> <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-GPr5u3"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-IiqLN4" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-lnu5kG">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page1-EWrumF"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-NorksW"> <div data-ph-id="ph-page-element-page1-lLoYhG"> <label for="email-1" data-ph-id="ph-page-element-page1-PjAxbg"> <span key="ph-find-your-fit-v1-default-6ty93o-RW211k" class="sr-only" data-ph-id="ph-page-element-page1-wfWlcx">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-MMbfe9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0yIXtN" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-bu7Pge">Email <span class="required" data-ph-id="ph-page-element-page1-jU2Xtd"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-wneFw0"> <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-A7EsVb" 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-LujRkG"> <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-uDnvyh"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-snvpYT"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-jafu0s" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-j6ccwx">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-bWOHNH"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-iWXYCa" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-Q0j0hv">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-ICY12t"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-6b9Rpc"> <div data-ph-id="ph-page-element-page1-NRCjIH"> <label for="phone" data-ph-id="ph-page-element-page1-HKbF7z"> <span key="ph-find-your-fit-v1-default-6ty93o-BBlf3L" class="sr-only" data-ph-id="ph-page-element-page1-6BRNQ1">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-7JR4Lg"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-uMeyq0" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-KbgLhi">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-IeIyPk"> <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-lzLqIP" 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-FRrIi4"> <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-4c403r"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-FBuzmk" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-Ay1kie">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-aQRZRY"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-UrJ9Lv"> <div class="security-info-block" data-ph-id="ph-page-element-page1-Osx07h"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-a9cLEK"></i> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-fiVYNN" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-ETUsZi"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-sQOz7b"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-RFrQBw"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-lg8Kfb"> <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-3z5ft0" data-ph-id="ph-page-element-page1-bU7kaJ"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-lKpuUA"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-KggFaX"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-O61QoA"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-y3hV6s" data-ph-id="ph-page-element-page1-JdJllU" language-overriden="true">I have read and accept the <a class="privacyPolicyLink" target="_blank" href="https://www.sonesta.com/privacy" data-ph-id="ph-page-element-page6-9hhuSH"> privacy policy</a> and <a class="termsLink" target="_blank" href="https://www.sonesta.com/terms-use" data-ph-id="ph-page-element-page6-u0mKUW">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page6-jDyAT5">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-pKdaoa"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-005SDH" data-ph-id="ph-page-element-page1-fLu0JI"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-oQORkU"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-EdHY82">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-Ou7X6a">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-Ex5imd"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-SCjo5N" data-ph-id="ph-page-element-page1-P6WE5c"> Please accept privacy policy and terms of use. </ppc-content> </div> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-nMHj2n"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-EEQGXh"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-0qhvei"> <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-bF2WQv" data-ph-id="ph-page-element-page1-GEFhxV"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-ylKoxn"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ppTVs6"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-QSxw0V"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-lPdkMO" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-c1fYqM" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for.</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-DW8Soq"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-PGljZZ"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-yoFZTj"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-c3hRZ4"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-oG8Npf"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-G8Ywms"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-Q4WlWw"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-7ak4tx">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page1-vmU7Bk"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1663479082791-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page1-c0JrfD"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-uYxJoY"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-SVcWKZ"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-CHr1ZH"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-yqlHwM"> <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-FxDL5F" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-rPCO8d"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-V7FEAX" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-l8sflb">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-brRDVy"> <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-L2Tjzk" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-2e2VpN"> <span data-ph-id="ph-page-element-page1-yqAkmS"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-KyAYm8"></i> </span> </a> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-page-element-page1-8cqVG4"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-MxhNg0"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-page-element-page1-hhTHvQ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Z0hc7S" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-wW5glV">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-7UgXKE" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-YkUsRX">Currently we don’t have any jobs that fit your profile.</ppc-content> </div> <section class="ph-widget" instance-id="fyf1" data-ph-id="ph-page-element-page1-R1Xslt"> <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="view1-1663491136500" instance-id="fyf1" original-view="view1" data-ph-id="ph-page-element-page1-AMmlWy"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-nKb1LS"> <div class="prev" data-ph-id="ph-page-element-page1-EtXiSN"> <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-8eIDUb" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-yvN3eo"> <span data-ph-id="ph-page-element-page1-54xVFt"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-THEw47"></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-CzCqrr"> <div class="ph-fyf-step-content-block" data-ph-id="ph-page-element-page1-dH81ae"> <!-- <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-IUqish"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-page-element-page1-BNsyVn"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-EWT2QW" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-elFOXi">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-bEpb7C" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-page-element-page1-Chzo1J">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-Bym4vU"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-OWtDvJ" data-ph-id="ph-page-element-page1-pCL7Ze"> 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-4EHJPu"> <div class="ph-social-connect-v1-view5-new-default" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1663479082859-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-PiNZOE"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-page-element-page1-EAoU4O"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-page-element-page1-98fjjC"> <div class="widget-container" data-ph-id="ph-page-element-page1-Uvk6hj"> <div class="content-block" data-ph-id="ph-page-element-page1-C54ie6"> <ul class="login-link-list" role="list" key-role="ph-find-your-fit-v1-default-6ty93o-2vvQD8" data-ph-id="ph-page-element-page1-O4p3PK"> <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-MDMxoI" data-ph-id="ph-page-element-page1-1D1rkJ"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-page-element-page1-mQTOEr"> <div class="icon-block" data-ph-id="ph-page-element-page1-MFzahd"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-page-element-page1-8AUREg"></i> </div> <div class="text-block" data-ph-id="ph-page-element-page1-GfK0sF"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-page-element-page1-w0a9Wb"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-d3RiVl" data-ph-id="ph-page-element-page1-S4HOsi">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-0YOp0C"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Bk9JD3" data-ph-id="ph-page-element-page1-IyyDA3"> 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-CBBITJ"> <form role="form" submit.delegate="" data-ph-id="ph-page-element-page1-EN2SDG"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page1-LXm5F7"> <div data-ph-id="ph-page-element-page1-yKoFX9"> <label for="preferredName" data-ph-id="ph-page-element-page1-illvAj"> <span key="ph-find-your-fit-v1-default-6ty93o-1nMLgS" class="sr-only" data-ph-id="ph-page-element-page1-nqb4um">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-page-element-page1-IFYsVM"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PhRs8s" data-ph-at-id="preferred-name-text" data-ph-id="ph-page-element-page1-ZwHrue"> Preferred name <span class="required" data-ph-id="ph-page-element-page1-0M8cz4">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-XTUWxt"> <input type="text" class="form-control ph-a11y-form-control-preferred-name fs-block ${nonEditableFields.preferredName ? 'disabled' : ''} " id="preferredName" placeholder="Enter your preferred name here" key-placeholder="ph-find-your-fit-v1-default-6ty93o-XGxXtl" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" aria-required="true" data-ph-id="ph-page-element-page1-WupREx"> <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert" data-ph-id="ph-page-element-page1-UriBmN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-VRG4OH" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-page-element-page1-OpExv1">Preferred Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-page-element-page1-8jDLzC"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-6Q5P0o"> <div data-ph-id="ph-page-element-page1-5gyf3N"> <label for="name" data-ph-id="ph-page-element-page1-Dd2CrG"> <span key="ph-find-your-fit-v1-default-6ty93o-z66q5r" class="sr-only" data-ph-id="ph-page-element-page1-dHku48">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-JJWRR9"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-KsqUFq" data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-r8RiSa"> Full name <span class="required" data-ph-id="ph-page-element-page1-yjwGU8">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-SKq3HM"> <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-dMI1u7" 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-PdUSt2"> <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-M1OdFW"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-46eNfO" data-ph-at-id="name-error-alert-text" data-ph-id="ph-page-element-page1-JEDeGR">Name should not be empty</ppc-content> </span> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField" data-ph-id="ph-page-element-page1-QQBkpn"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-1kDQHJ"> <div data-ph-id="ph-page-element-page1-En3Lzh"> <label for="email-2" data-ph-id="ph-page-element-page1-xlyZla"> <span key="ph-find-your-fit-v1-default-6ty93o-EAvL5B" class="sr-only" data-ph-id="ph-page-element-page1-0Dnauw">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-Mpg2od"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-nz1kci" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-OcYLA9">Email <span class="required" data-ph-id="ph-page-element-page1-jU2Xtd"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-h1SD5S"> <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-KySzzk" 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-X6zPTS"> <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-FvBUg9"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-hxQgee"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-PJbY96" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-in9sSa">Email should not be empty</ppc-content> </span> <span if.bind="stepData.email.error && stepData.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-pgLvOK"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-F22r33" data-ph-at-id="email-error-alert-text" data-ph-id="ph-page-element-page1-z8bGHI">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-I4nkGy"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-LeyoiO"> <div data-ph-id="ph-page-element-page1-ckFPNJ"> <label for="phone" data-ph-id="ph-page-element-page1-DGVUbx"> <span key="ph-find-your-fit-v1-default-6ty93o-JlnyZI" class="sr-only" data-ph-id="ph-page-element-page1-GPMsob">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-page-element-page1-uIN5YZ"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-pSSzoQ" data-ph-at-id="phone-text1" data-ph-id="ph-page-element-page1-bJfp5g">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-dRnwXc"> <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-YqKucZ" 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-CzPsr8"> <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-wBZemj"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-STA8x2" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-page-element-page1-dxUGz1">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-6GsIu7"></i> </input></div> <div class="security-info" data-ph-id="ph-page-element-page1-SFisa6"> <div class="security-info-block" data-ph-id="ph-page-element-page1-QbaQIm"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-0LRQak" data-ph-at-id="security-text" data-ph-id="ph-page-element-page1-dRDhxI"> We take your privacy seriously. </ppc-content> </div> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-4R7kLI"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-sXKPjk"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-7aqnrq"> <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-5wYTHl" data-ph-id="ph-page-element-page1-DXdVSU"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-OTcJJU"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-2lvdj5"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-9CRdIg"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-vPPd2C" data-ph-id="ph-page-element-page1-UFwzJa"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-d4b50c"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-uAUr7y">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-AkGUT4"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-v1-default-6ty93o-klxYqF" data-ph-id="ph-page-element-page1-PYnkqB"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-d4b50c"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-uAUr7y">terms of use</a> </ppc-content> </span> </div> <div class="consent-checkbox-block" if.bind="(disableUploadResumeFlow || gdprConsent) && !(piiConsentData && piiConsentData.length) && !hideOptIn" data-ph-id="ph-page-element-page1-sgsPj7"> <div class="checkbox-btn-group" data-ph-id="ph-page-element-page1-ipocgb"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-r5OJVD"> <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-ivMVf0" data-ph-id="ph-page-element-page1-Q7QAeL"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-iXD10F"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-D2Fg64"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-De6tRN"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-Pbj4pL" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-eF6pky">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-BiiVET"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-BcoFsQ" data-ph-id="ph-page-element-page1-TjLM1T"> Please accept terms of use and policy. </ppc-content> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-ScRzuX"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-0SlvyJ"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfconsent' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfconsent' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-dkGWen"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-jvYXdW"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-HuvcxJ"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-CMPalo"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-NnLu69"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-c16c2J">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-page-element-page1-gUDt5u"> <div as-element="ph-consent-popup-v1" widget-context.bind="piiConsentContext" data-widget="ph-consent-popup-v1" class="ph-consent-popup-v1-default-default" view="1663479082859-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-page-element-page1-cxctUg"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-9rtY05"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-PkUUma"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-page-element-page1-b2pd9o"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-page-element-page1-4d0Wr1"> <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-Ykr1zZ" data-ph-at-id="send-link" data-ph-id="ph-page-element-page1-dSCnq0"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-N4kuSE" data-ph-at-id="send-link-text" data-ph-id="ph-page-element-page1-yyYgLR">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-page-element-page1-O0PPuD"> <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-8bsNzn" data-ph-at-id="back-link" data-ph-id="ph-page-element-page1-vXIWNh"> <span data-ph-id="ph-page-element-page1-iWPnfr"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-page-element-page1-mU5ymx"></i> </span> </a> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-page-element-page1-6QtQHk"> <button 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-TO0jv6" data-ph-at-id="skip-link" data-ph-id="ph-page-element-page1-dH3EBn"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-page-element-page1-b6G7pp"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-zDPFKD" data-ph-at-id="skip-link-text" data-ph-id="ph-page-element-page1-k49tQ4">Skip</ppc-content> </span> </button> </div> <!--End FYF Start Area --> <div class="step-count-block phs-step-count-block" show.bind="!stepsData[currentStep].skip" data-ph-id="ph-page-element-page1-J6PTnR"> <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-rrvx2V"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus,'stepsCount':stepsCount}}" css="width: ${stepStatus*100/stepsCount}%;" data-ph-id="ph-page-element-page1-txvKKZ"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-page-element-page1-87YwT9"> ${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-GeOkxd"> <div class="progress-bar" role="progressbar" aria-label="find your fit" aria-valuemin="1" aria-valuemax="${stepsCount}" aria-valuenow="${stepStatus+1}" aria-valuetext="${widgetBundle['fyfStepProgressBarText'] | pht:{'stepStatus':stepStatus+1,'stepsCount':stepsCount}}" css="width: ${(stepStatus+1)*100/stepsCount}%;" data-ph-id="ph-page-element-page1-wUS82h"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-page-element-page1-gjt7eY"> ${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-YuYqBG"> <div data-ph-id="ph-page-element-page1-mhpHmF"> <ppc-content key="ph-find-your-fit-v1-default-6ty93o-RGdf4r" data-ph-id="ph-page-element-page1-tfLmG1"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-081mCt"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page1-porfOI"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1663491091331"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-0FaYIk"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page1-5SCR96"> <!-- 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-QeUDpZ"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-DWjyLo"></i> <span data-ph-id="ph-page-element-page1-6Cyg3K">${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-ztMtaW"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-aSCOZq"></i> <span data-ph-id="ph-page-element-page1-POeO1s">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-page-element-page1-DVVoIf"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-page-element-page1-YSNq1A"> <!-- User details --> <div class="user-details" data-ph-id="ph-page-element-page1-5XGScl"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-J7tnP6"> <span data-ph-id="ph-page-element-page1-R3JY4i">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-H07X2j"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-xMpjWi"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-page-element-page1-mVmBmW"> <li class="user-detail-listitem cd-firstname-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName" data-ph-id="ph-page-element-page1-HV5wNS"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName} </li> <li class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" if.bind="!profileDetails.profile.firstName" data-ph-id="ph-page-element-page1-jegGes"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-page-element-page1-3lDe2Z"> <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-6y2Fhq"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </li> </ul> </div> </div> </div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop" if.bind="isDialogOpen" data-ph-id="ph-page-element-page1-lrGH4Y"> <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-0FRN7G"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page1-Eu6vHl"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-wPfIiQ"> <!-- 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-7bTPQm"> <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-aUfiJ1"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-FBDr7m"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-iawzIV"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-gCOIkR"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-BuPGgp"> ${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-B18qnL"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-62MfuO"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-wxOeuJ"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-i6gp5E"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-WrWHv8"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-oyIzN9"> ${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-crVq78"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-2F4v1J"> ${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-Yxotmo"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-nNzAve"> <form novalidate="" data-ph-id="ph-page-element-page1-SYGjlq"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-qfp9hi"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-UvVqgZ"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-nt8mNQ"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-rM8cD1"> <div class="text-box" data-ph-id="ph-page-element-page1-y6HLzz"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-R8yfso"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-mvzyHQ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-tFnG2A"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-vjONRC"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-a2Ljgk"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-cKmVJS"> ${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-5VASO7"> ${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-yBxmNT"> ${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-JjSCCe"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-8lFJXc"> ${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-YO0a5k"> ${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-HRXqIj"> ${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-ooltWX"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-SkcAFR"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-S4docD"> <div class="text-box" data-ph-id="ph-page-element-page1-0h1Ii7"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-sTTdoe"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-4X3UbW"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-tTEwFs"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-pSiypz"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-ii0CHv"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-2O5p8E"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WgQUvK"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-uPdtx9"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-tck54F"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-Z2PznU"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-I3s9it"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-2O7ync"> ${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-0jys8y"> ${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-b1CzKh"> ${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-oK0aT6"> ${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-O4PWak"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-5JWWcX"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-5pL26v"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-wLHJSQ"> ${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-QDNvWZ"> <div class="form-container" data-ph-id="ph-page-element-page1-skzPBv"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-s129i0"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-uERvdl"> <div class="user-options" data-ph-id="ph-page-element-page1-ZwzWng"> <span class="each-option" data-ph-id="ph-page-element-page1-AdjR2t"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-fAXORY"> <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-yO1vBf"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-Yn8VNb"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-1FjT07"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-5IIrAY"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-Ci7M9k"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-ZPClhG"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-EOky0g"> ${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-nFKdVx"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-n4tLjH"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-LnVDVl"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-XMvkZ8"> ${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-K3uRlM"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-QWDNwR"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-EEgvBL"> ${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-uYPprX"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-2seqTP"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-YVWuJx"> ${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-WDIoKD"> <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-6dGIpu"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-pb9ltZ"> <!-- 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-cX75Dz"> <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-Skq9oV"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page1-BBzrWZ"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-O2XMoy"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-XBzyV8"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-jSsPMD"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-8jnvSA"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-lb6LBk"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-zbz3ZE"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-opDEKP"> <form novalidate="" data-ph-id="ph-page-element-page1-woBVah"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-T6VtIE"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-JAo7hK"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-gTYItL"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-Qn0ZP8"> <div class="text-box" data-ph-id="ph-page-element-page1-mvgAH0"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block') " aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-gNWkUo"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-CyQM8X"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-Lr7kRd"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-kYBTD3"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-UxDjLK"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-f2LLtx"> ${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-YIb8r5"> ${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-yffzV4"> ${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-LzkqD3"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-0N09W0"> ${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-lXzIo6"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-x5XuQs"> ${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-mVPqeI"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-tKMbOW"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-upJ5WY"> <div class="text-box" data-ph-id="ph-page-element-page1-EU7JfF"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password fs-block' : (errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="${!errors.password.error && !signInModel.password.length ? "createPasswordDesc" : "" }" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="new-password" data-ph-id="ph-page-element-page1-6qSV8Z"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-VFfwXV"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-CEqvFU"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-as7cEE"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-yy0xUI"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-XER48W"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-cuUrnW"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-jwIyuI"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-6XB0Ma"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-CmAmMJ"> ${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-NmHYzS"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-page-element-page1-VWlEp4"> <span class="sr-only" data-ph-id="ph-page-element-page1-JuAqra"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-page-element-page1-Lb7dwt"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-Gq1mhv"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-PzUXFR"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-3CsN4Y"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-pLZp0M"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-page-element-page1-nb4Ui3"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-sqR9Jv">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-15GSdr">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-lGHTkt">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-giasdj">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-NI5Moz"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-oghi2p"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-Vuk6Ui"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-VAQgbN"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-m1tXrG"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-uK0Ots"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-mobile-fyf3-tN0dbv" data-ph-id="ph-page-element-page1-bdECCX"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-o36Pa1"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-LVgryB"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-xEklZy"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-7p7ZP5" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-ijvL8u">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-61Ode7"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-jAIO2X"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-2aWdT1"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-saterj"> <ppc-content key="ph-candidate-login-v1-default-mobile-fyf3-t2IE3D" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-B0klTB">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-61Ode7"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-jAIO2X"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-mvTHq1"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-c3sTD2"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-mb-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-iXqrlI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-3kOqjZ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-wg9N0K"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-TOcEtx"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-ZuTUzx"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-3HqBrl">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page1-YY9kwF"> <span class="sr-only required-text" data-ph-id="ph-page-element-page1-CqurvY"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-XRhEwv"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-48KSfp"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-page-element-page1-cgULIy"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-6lusvf"> <span class="alert-msg" data-ph-id="ph-page-element-page1-3FksAD"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-pSDEqm"> <div class="form-container" data-ph-id="ph-page-element-page1-PnT13R"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-c5hXzF"> ${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-7uzVfv"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-page-element-page1-RvvEpu"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-FbluQk"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-dSq5gB" view="1663491091318-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="1663491091318-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-z6PkZu"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-licFN1"> <span data-ph-id="ph-page-element-page1-doBuxv"> ${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-yFNI5h"> ${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-pE300R"> <span data-ph-id="ph-page-element-page1-Oi0xx9"> ${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-ul3Hzp"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-nUjg4D"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-YS14fA">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-raZ0xH">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-ovjQss"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page1-5YrrKQ"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-RejdHT"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-MFJ7Pb"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-r3jjn2"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-ZF8RAq"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-mb-signup' + $index}" aria-describedby="consent-error-mb-signup" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-gZYufR"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-Dwdwln"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-gm5oa9"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-tKjiiW"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-CJ2mXG"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-fnBDjK">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-Haq3m8"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-YMdMnX"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1663491051851"><div class="candidate-login-widget-area" data-ph-id="ph-page-element-page1-dLEHqP"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-page-element-page1-dRz4eP"> <!-- 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-PSw9tz"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-NEl5Rh"></i> <span data-ph-id="ph-page-element-page1-RhSIZf">${widgetBundle['signInLinkText'] | pht}</span> </a> <!-- Create account link --> <a class="create-account-link" if.bind="isFirstTimeUser && !isLoggedIn && !showLoader" role="button" click.delegate="handleDialogModal('signUp')" href="javascript:void(0)" data-ph-id="ph-page-element-page1-eHF3XW"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-oDBB4p"></i> <span data-ph-id="ph-page-element-page1-ghzjKP">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-page-element-page1-ZHtlX9"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-QUc3cW"> <span if.bind="registeredSuccessfully" data-ph-id="ph-page-element-page1-p8PqVK"> Registered Successfully </span> </div> <!-- Post Sign-in button --> <button if.bind="isLoggedIn && !showLoader" class="logged-in-btn ph-a11y-after-close-focus-elem ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="${widgetBundle['loggedInBtnAriaLabel'] | pht:{'saluteText': profileDetails.profile.firstName}}" data-ph-id="ph-page-element-page1-ohtq0B"> <!-- <figure> <img src="" class="user-avatar" alt="" /> </figure> --> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-Bz04L3"> <span data-ph-id="ph-page-element-page1-xYzAWt">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-ry8Aw2"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-4qVcLi"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-page-element-page1-0N7m09"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName || profileDetails.profile.email} </span> <!-- <span class="${isDropdownOpen ? 'up-arrow' : 'down-arrow'}"></span> --> </button> <!-- User details dropdown --> <div class="logged-in-drop-down" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page1-15VCsM"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-MyqRrt"> <span class="user-avatar-initials fs-block" if.bind="(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email" aria-hidden="true" data-ph-id="ph-page-element-page1-3ecCjo"> <span data-ph-id="ph-page-element-page1-cMLrax">${preferredName && profileDetails.profile.preferredName && profileDetails.profile.preferredName.substring(0,1) || profileDetails.profile.firstName && profileDetails.profile.firstName.substring(0,1) || profileDetails.profile.email && profileDetails.profile.email.substring(0,1)}</span> <!-- <span>${profileDetails.profile.firstName && profileDetails.profile.lastName ? profileDetails.profile.lastName.substring(0,1) : ''}</span> --> </span> <span class="user-avatar-icon" if.bind="!(preferredName && profileDetails.profile.preferredName) && !profileDetails.profile.firstName && !profileDetails.profile.email" data-ph-id="ph-page-element-page1-QQ4Svd"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-page-element-page1-wvXea0"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-page-element-page1-Ae0gJM"> <div class="user-detail-listitem cd-firstname-block fs-block" data-ph-at-id="heading-text" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName}" data-ph-id="ph-page-element-page1-TC4ITy"> ${preferredName && profileDetails.profile.preferredName || profileDetails.profile.firstName + ' ' + profileDetails.profile.lastName} </div> <div class="user-detail-listitem cd-email-block fs-block" data-ph-at-id="heading-text" title="${profileDetails.profile.email}" data-ph-id="ph-page-element-page1-0uTRgo"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-page-element-page1-Ke15fc"> <div class="user-actions-list" data-ph-id="ph-page-element-page1-iz3Cjc"> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-haD8TO"> <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-Li4TWt"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-page-element-page1-Bwp8ge"> <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-lj3iFT"> ${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-6b7FXK"> <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-gMxAly"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-page-element-page1-D71Wqy"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-page-element-page1-texqdg"> <!-- 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-Gek3GI"> <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-lPZDoB"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-2cW78U"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-xHX5tI"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-Rar0EM"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-dda5dv"> ${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-RoFyk1"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-page-element-page1-CuPpWv"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-GBQW6m"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-Ykuv2r"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-mUVC6j"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-page-element-page1-Bs9hVM"> ${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-ZocATI"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-page-element-page1-khATx8"> ${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-PNJshj"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-BBabOu"> <form novalidate="" data-ph-id="ph-page-element-page1-1GFgDq"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-haZQgn"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-page-element-page1-n96T77"> <label for="signinEmail" class="form-label" data-ph-id="ph-page-element-page1-6uiYz3"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-wEXYLV"> <div class="text-box" data-ph-id="ph-page-element-page1-ZCBh9s"> <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="email" data-ph-id="ph-page-element-page1-KHJaKd"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-avSchO"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-4akUf1"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-page-element-page1-jpraPp"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-JKsIoV"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-1ty2P2"> ${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-ATJ4YH"> ${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-EFl2yv"> ${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-GeZ2SE"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-UmmUKx"> ${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-U9Hx40"> ${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-QTTB6x"> ${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-uSpkwa"> <label for="signInPassword" class="form-label" data-ph-id="ph-page-element-page1-YqTovd"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-b5UmFF"> <div class="text-box" data-ph-id="ph-page-element-page1-lKAsYH"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="current-password" data-ph-id="ph-page-element-page1-rEdMdJ"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-page-element-page1-3xa8zT"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-Px4IVz"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-qSSfvx"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-SdCQbt"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-1VZEa0"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-EPlSIL"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-Jn0mAQ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-6hWaSr"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-page-element-page1-agOgOz"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-NPXmqA"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-page-element-page1-C6CV5l"> ${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-Gy8dpA"> ${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-Xg3Eb7"> ${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-pLDtjK"> ${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-42AG3e"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-page-element-page1-eFfYVv"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-7Z8ccE"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-AyPPEH"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-page-element-page1-1dEoQN"> <div class="form-container" data-ph-id="ph-page-element-page1-o0A3RK"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-4W7RwJ"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-page-element-page1-WDo0tX"> <div class="user-options" data-ph-id="ph-page-element-page1-HsjGQm"> <span class="each-option" data-ph-id="ph-page-element-page1-RoBwU8"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-page-element-page1-Jws38N"> <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-6THfZW"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-page-element-page1-ktXTnP"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-6bMXwx"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-page-element-page1-EtCT0T"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-page-element-page1-XEsbLg"> <span class="forgot-password-area" data-ph-id="ph-page-element-page1-cGkkr7"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-page-element-page1-RJVJPo"> ${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-V47Gru"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-page-element-page1-XRAWKc"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-HmPiLG"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-J8XIll"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-page-element-page1-ddryX3"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-page-element-page1-3A3U8B"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-42lGzI"> ${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-9kXsnn"> <span id="cd-pf-recieve-email" data-ph-id="ph-page-element-page1-ODu9cd"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-page-element-page1-6Xjti0"> ${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-bdhCi7"> <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-P3nIJa"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-page-element-page1-wlIVQ8"> <!-- 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-LpztKs"> <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-qgusEe"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-page-element-page1-uEUxkP"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-page-element-page1-E6VUxT"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-page-element-page1-3IUcSi"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-page-element-page1-k4x1BN"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-page-element-page1-nTBers"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-page-element-page1-qlyb36"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-page-element-page1-rzC3n0"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-page-element-page1-NzWXkc"> <form novalidate="" data-ph-id="ph-page-element-page1-NZZn4L"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-page-element-page1-yFvqPx"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-page-element-page1-ICnuSj"> <label for="createEmail" class="form-label" data-ph-id="ph-page-element-page1-NPGoic"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-NDF12J"> <div class="text-box" data-ph-id="ph-page-element-page1-iLkzvA"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="email" data-ph-id="ph-page-element-page1-ngeICj"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-page-element-page1-cG3jv5"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-page-element-page1-BPdQxj"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-page-element-page1-2jhVXX"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-IX7ZwF"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-page-element-page1-xyALjr"> ${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-aQPqrD"> ${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-2P2cFP"> ${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-ZFjjYx"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-page-element-page1-DrwF0g"> ${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-nnoHeN"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-page-element-page1-FhUCWW"> ${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-8nVvVC"> <label for="createPassword" class="form-label" data-ph-id="ph-page-element-page1-C7XQgu"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-page-element-page1-1UJMTI"> <div class="text-box" data-ph-id="ph-page-element-page1-TYazWL"> <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="new-password" data-ph-id="ph-page-element-page1-DrNr8d"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-page-element-page1-0UGKK6"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-page-element-page1-I0ntZR"></i> <div class="pswrd-visibility" data-ph-id="ph-page-element-page1-BzAp1L"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-page-element-page1-oUVw1X"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-hVE9Y8"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-page-element-page1-JSnqlD"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-wDHMry"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-FIXKQW"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-page-element-page1-PtKmKf"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div aria-live="assertive" aria-atomic="true" class="form-alert sr-only" id="errorCreatePasswordSrOnly" data-ph-id="ph-page-element-page1-EvlC8F"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-A5Sdk4"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-page-element-page1-WKx1Ex"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-page-element-page1-Ds9pCM"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-page-element-page1-EPQtIy"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-page-element-page1-ftcGik"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-page-element-page1-qbA2NC"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-page-element-page1-sjV6OZ"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-oIzdaR">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-QzyHzh">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-pH28i3">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-page-element-page1-Ts5NEC">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-Dqt7j5"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-page-element-page1-uihgQp"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-page-element-page1-Xjrs07"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-page-element-page1-lXFQx7"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-lT6jut"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-page-element-page1-QLqzfM"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-candidate-login-v1-default-fyf2-HjbgVX" data-ph-id="ph-page-element-page1-ZU1Sd1"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-SVIrQz"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-page-element-page1-4B9Euc"></i> </span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-m9oicU"> <ppc-content key="ph-candidate-login-v1-default-fyf2-yEbqFQ" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-a4PKcV">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-uE6x4H"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-r70Ukg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-page-element-page1-ONXixo"> <span class="checkbox-text" data-ph-id="ph-page-element-page1-UgRqi0"> <ppc-content key="ph-candidate-login-v1-default-fyf2-3rJ1XW" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-page-element-page1-fQ5w74">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-page-element-page1-uE6x4H"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-r70Ukg"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-VeDwmN"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-je91jT"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-d0jnEH"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-KE2yMN"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-1M73Ot"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-HFwHXK"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-5X71TC"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-jtLfJ0">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page1-rXoAt5"> <span class="sr-only required-text" data-ph-id="ph-page-element-page1-bSylug"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-30rQtJ"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-u1bg97"> <span class="alert-msg" data-ph-id="ph-page-element-page1-myk6JH"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-page-element-page1-f3e8We"> <span class="alert-msg" data-ph-id="ph-page-element-page1-FWdAfz"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-page-element-page1-heKJwq"> <div class="form-container" data-ph-id="ph-page-element-page1-vjpCqb"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-page-element-page1-i1IT05"> ${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-FtEUIG"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-page-element-page1-3fb1hS"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-page-element-page1-z9o0Qu"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-page-element-page1-IAnIPu" view="1663491051838-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="1663491051838-view5" original-view="view5" instance-id="" data-ph-id="ph-page-element-page1-5OXLNF"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-page-element-page1-RaboYO"> <span data-ph-id="ph-page-element-page1-MjPJWY"> ${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-5DYTN5"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link ${(privacyConsentReqFlag) ? 'privacy-checkbox-flow' : ''}" if.bind="flowType == 'signUp'" data-ph-id="ph-page-element-page1-ZtYYpK"> <span data-ph-id="ph-page-element-page1-qTM8DS"> ${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-iC34gm"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-page-element-page1-g6zhDP"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-page-element-page1-RWWtnJ">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-page-element-page1-190h1f">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> </div> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-pf4FOw"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page1-cQjHWl"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-RHjXJ3"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-c7bwwx"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-8SON4h"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-25u1tT"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-GRmv4z"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-IimwRh"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-G1IsOA"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-kBpg3A"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-wKIL6N"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-yQkMam">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-WhPzJl"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-iABofg"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1664207628116-view3"><!-- View specifically written for the inside of configuarable social share widget Because of when email is inline view when click on the email option it should in popup view --> <div class="phs-email-this-job-area ph-widget-box" data-ph-at-id="email-this-job" data-ph-id="ph-page-element-page1-oswUU3"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-page-element-page1-MOErvK"> <div class="modal-dialog" role="document" data-ph-id="ph-page-element-page1-NDVDam"> <div class="modal-content" data-ph-id="ph-page-element-page1-Iy0H0f"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-PPV9Qz"> <!--<i class="icon icon-send-masseg"></i>--> <button class="close-dialog" click.delegate="closeEmailDialog(share)" data-ph-at-id="close-the-popup-button" data-ph-id="ph-page-element-page1-HxGjLi"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-gM1W6M"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-oAElEd"><ppc-content key="ph-email-job-v1-view3-1gd0h6-YcyV7U" data-ph-at-id="close-the-popup-text" data-ph-id="ph-page-element-page1-pZZbA1">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-page-element-page1-fQnPFN"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-qXQtbl" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-page-element-page1-u4fgwR"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-page-element-page1-m8gjXI"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-ffyzQT" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-page-element-page1-bgbcz0"> To access this job from another computer, email this information to yourself or a friend. </ppc-content> </p> </div> <div class="widget-container" data-ph-id="ph-page-element-page1-lNga3j"> <div class="content-block" data-ph-id="ph-page-element-page1-D4slid"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-page-element-page1-hAufN6"> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-XqI3BQ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-XJPyoS"> <input type="checkbox" class="pii-consent-input" aria-describedby="consent-error" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="!eachConsent.optional" data-ph-id="ph-page-element-page1-lZ0qx0"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-ArmTmy"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ovr8FB"></span> <span class="checkbox-text" innerhtml="${widgetBundle[eachConsent.type + 'Text'] | pht}" data-ph-id="ph-page-element-page1-JA9VPW"> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-PJsTx7"> <span class="pii-consent-error" id="consent-error" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-eQqliU"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-SY7boG"> <label for="email-job-name" data-ph-id="ph-page-element-page1-xXMVMH"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-p5KsIw" data-ph-at-id="name-label-text" data-ph-id="ph-page-element-page1-RWkTkv"> Your Name </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-name-field-error" class="form-control ph-a11y-form-control-name fs-block" value.bind="emailJobModel.name" placeholder="Your name" autocomplete="off" key-placeholder="ph-email-job-v1-view3-1gd0h6-NnJEFy" title="Your name" key-title="ph-email-job-v1-view3-1gd0h6-AGebjH" data-ph-at-id="name-input" id="email-job-name" name="email-job-name" data-ph-id="ph-page-element-page1-iSa1G2"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-page-element-page1-Ld52Mh"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-pSyAEJ" data-ph-at-id="name-validation-text" data-ph-id="ph-page-element-page1-Ed2iSN">Name should not be empty</ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-GO2lxY"> <label for="email-job-email" data-ph-id="ph-page-element-page1-9yDJxD"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-uk34Vy" data-ph-at-id="email-label-text" data-ph-id="ph-page-element-page1-PKSzpf"> Recipient's Email address </ppc-content> </label> <input type="text" aria-describedby="ph-a11y-email-job-email-field-error" class="form-control ph-a11y-form-control-email fs-block" value.bind="emailJobModel.email" placeholder="Recipient's Email address" title="Recipient’s Email address" key-title="ph-email-job-v1-view3-1gd0h6-4MEWQf" autocomplete="off" data-ph-at-id="email-input" id="email-job-email" name="email-job-email" data-ph-id="ph-page-element-page1-JGy77X"> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-page-element-page1-C63cOk"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-IngWOD" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-page-element-page1-aVMJpD"> Recipient’s email address should not be Empty </ppc-content> </span> <span class="error" id="ph-a11y-email-job-email-field-error" if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-page-element-page1-F1tpae"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-m0xTSE" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-page-element-page1-p2qEFh"> Please enter a valid Recipient’s email address </ppc-content> </span> </input></div> <div class="form-group" data-ph-id="ph-page-element-page1-TDOLkZ"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-page-element-page1-T1qx2G"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-0jYZfJ" data-ph-at-id="send-text" data-ph-id="ph-page-element-page1-qfMOZh"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-page-element-page1-MT8Yl5"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-pIn0KR"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-OoH0RD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-vdTVlQ"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-DH1hja"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-hMhyn0"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-Ep2Kyn"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-jYPK3F">*</span> </span> </input></label> </div> <a href="javascript:void(0)" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="consents-link" click.delegate="consentsForm()" data-ph-at-id="consents-link" ph-tevent="pii-popup-link" data-ph-id="ph-page-element-page1-EQsTA1"> <span class="sr-only required-text" data-ph-id="ph-page-element-page1-pAU9UM"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-page-element-page1-DnPbVO"> <span show.bind="showEmailSuccess" data-ph-id="ph-page-element-page1-VyEkuR"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-1DuAdm" data-ph-at-id="send-success-descript1" data-ph-id="ph-page-element-page1-rIxILa">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-page-element-page1-LiqGhx"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-eXvBus" data-ph-at-id="send-failure-descript1" data-ph-id="ph-page-element-page1-nwTgWG">Email has sent has error</ppc-content> </span> </div> </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailSuccess" data-ph-id="ph-page-element-page1-SQxXwv"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-page-element-page1-aj0bx9"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-page-element-page1-8Y3BU3"> <i class="icon icon-check" data-ph-id="ph-page-element-page1-MS6kqQ"></i> <h3 data-ph-id="ph-page-element-page1-Xyymsj"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-WQLmPU" data-ph-at-id="send-success-text" data-ph-id="ph-page-element-page1-9KNaCP">Success!</ppc-content> </h3> <p data-ph-id="ph-page-element-page1-oHU4BG"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-UCkV0p" data-ph-at-id="send-success-descript" data-ph-id="ph-page-element-page1-ShRnEB">Email has successfully sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page1-J9LF40"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-BUkG0q" data-ph-id="ph-page-element-page1-YRc0Kn">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-page-element-page1-lqbqe2"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-page-element-page1-wQQu8x"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-page-element-page1-qJ12O3"> <i class="icon icon-cancel" data-ph-id="ph-page-element-page1-ip9ayR"></i> <h3 data-ph-id="ph-page-element-page1-eEWe81"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-zr9iUb" data-ph-at-id="send-failed-text" data-ph-id="ph-page-element-page1-q6Grrs">Failure!</ppc-content> </h3> <p data-ph-id="ph-page-element-page1-Oj9JRU"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-EzQwXQ" data-ph-at-id="send-failed-descript" data-ph-id="ph-page-element-page1-xsxuUA">Email has not sent</ppc-content> </p> <button type="button" class="btn primary-button" if.bind="isDialog" show.bind="showDialogPopup" click.delegate="closeEmailDialog(share)" data-ph-id="ph-page-element-page1-TtRaFm"> <ppc-content key="ph-email-job-v1-view3-1gd0h6-7VAkwQ" data-ph-id="ph-page-element-page1-mSQyzV">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-742rZe"> <div class="modal-dialog consent-form-modal" if.bind="showConsentsForm && piiConsentData && piiConsentData.length >= 3" data-ph-id="ph-page-element-page1-tvZ6MB"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-page-element-page1-1Vidyo"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page1-usULg3"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-page-element-page1-hmE68U"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-WZw2Ui"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-dUKV4y"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-dk-signup' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-dk-signup' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" aria-required="${!eachConsent.optional ? 'true': false}" change.delegate="isButtonDisabled()" data-ph-id="ph-page-element-page1-w21W1t"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-6csLs5"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ocnWiF"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-P35ExM"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-pDW3e4"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-Ok6Con">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-page-element-page1-M4xPtD"> <button class="btn primary-button ph-a11y-allow-consent" click.delegate="!submitData ? closeConsentsForm() : signUp() " data-ph-at-id="consent-done-link" disabled.bind="isDisabled" data-ph-id="ph-page-element-page1-j6zWxV"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-default-1664207628586"><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-page-element-page1-gGuLNW"> <div class="widget-container" data-ph-at-id="social_share_widget_container" data-ph-id="ph-page-element-page1-pBwclu"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-page-element-page1-93jPQ2"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="ph-social-share-v3-default-6ty93l-mKMFrC" aria-level="headingLevel" key-aria-level="ph-social-share-v3-default-6ty93l-WQ1fiS" data-ph-at-id="social_share_widget_heading" data-ph-id="ph-page-element-page1-Nw91sw"> <ppc-content key="ph-social-share-v3-default-6ty93l-hrOokk" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-MsgZSC"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-at-id="social_share_widget_sub_heading" data-ph-id="ph-page-element-page1-AZDE4s"> <ppc-content key="ph-social-share-v3-default-6ty93l-ylN1AU" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-SCgRbs"> 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-6LwpXl"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.brandStyle ? shareOption.widgetStyle : ''} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-page-element-page1-NHHUl7"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${(shareOption.spacing + 'px')}" data-ph-id="ph-page-element-page1-ue2Yxs"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color: ${shareOption.brandStyle ? '' : (shareOption.backgroundColor) }; border-radius: ${shareOption.brandStyle ? '' : (shareOption.borderRadius + 'px')}; line-height: ${shareOption.brandStyle ? '' : (shareOption.lineHeight) + 'px'}; height: ${shareOption.brandStyle ? '' : (shareOption.height) + 'px'}; width: ${shareOption.brandStyle ? '': (shareOption.width + 'px')}; border-width: ${shareOption.brandStyle ? '' : (shareOption.borderWidth + 'px')}; border-color: ${shareOption.brandStyle ? '' : (shareOption.borderColor)}; border-style: ${shareOption.brandStyle ? '' : (shareOption.borderStyle)};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-page-element-page1-M8EtO4"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.brandStyle ? '' : (shareOption.color)}; font-size:${(shareOption.size + 'px')};" data-ph-id="ph-page-element-page1-SUMdOm"></i> <span class="sr-only" data-ph-id="ph-page-element-page1-iqi2sp"> <span css="color:${shareOption.brandStyle ? '' : (shareOption.color)};" data-ph-id="ph-page-element-page1-t4CBCp">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="1gd0h6" data-ph-at-id="social_share_show_email_section" show.bind="showEmailView && shareOption.isInline && isShareEmailFound" data-ph-id="ph-page-element-page1-3d3T3x" view="1664207628116-view3" original-view="view3" theme="default"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default ph-widget-target" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1664207628116-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-MzA79M"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-at-id="social_share_popup_container" data-ph-id="ph-page-element-page1-OObFAx"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-8jLQZ0"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-page-element-page1-zOyGW1"> <div class="head-wrapper" data-ph-id="ph-page-element-page1-1Hslxh"> <h3 class="head-text" data-ph-at-id="social_share_popup_heading" data-ph-id="ph-page-element-page1-wKMAKa"> <ppc-content key="ph-social-share-v3-default-6ty93l-XFtLqS" data-ph-id="ph-page-element-page1-B90PKo">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="ph-social-share-v3-default-6ty93l-nMPsne" data-ph-at-id="social_share_popup_head_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-z9yh3A"> <i class="icon icon-cancel" aria-hidden="true" data-ph-at-id="social_share_popup_head_button_icon" data-ph-id="ph-page-element-page1-ldkNAS"></i> </button> </div> <div class="body-wrapper" data-ph-at-id="social_share_popup_body_wrapper" data-ph-id="ph-page-element-page1-mnVqqb"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-page-element-page1-v9ywY0"> <p class="message-text" data-ph-at-id="social_share_popup_body_message" data-ph-id="ph-page-element-page1-fcZl5z"> <ppc-content key="ph-social-share-v3-default-6ty93l-txucLy" data-ph-id="ph-page-element-page1-JsuBWe">Link copied successfully</ppc-content> </p> </div> <label class="field-label" data-ph-at-id="social_share_popup_body_field_label" id="field-label-1" data-ph-id="ph-page-element-page1-FzA5MM"><ppc-content key="ph-social-share-v3-default-6ty93l-XEh8ON" data-ph-id="ph-page-element-page1-vUD9Zo">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" data-ph-at-id="social_share_popup_body_job_link_input" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-page-element-page1-9BcM7o" /> </div> <div class="button-wrapper" data-ph-at-id="social_share_popup_body_button_wrapper" data-ph-id="ph-page-element-page1-CkeHt1"> <button type="button" class="btn-cancel" data-ph-at-id="social_share_popup_body_cancel_button" click.delegate="copyLinkCancelAction()" data-ph-id="ph-page-element-page1-uY1TZo"><ppc-content key="ph-social-share-v3-default-6ty93l-x4Hbt8" data-ph-id="ph-page-element-page1-SLYzww">Cancel</ppc-content></button> <button type="button" class="btn primary-button" data-ph-at-id="social_share_popup_body_copylink_button" click.delegate="copyLink()" data-ph-id="ph-page-element-page1-h9fulO"><ppc-content key="ph-social-share-v3-default-6ty93l-5DEMEu" data-ph-id="ph-page-element-page1-CsOMOt">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-default-1663504113622"><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-page-element-page1-XfIfym"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-giIHRe" show.bind="!showLoader && jobResults.length" data-ph-id="ph-page-element-page1-K7hh2l"> <div class="widget-container" data-ph-id="ph-page-element-page1-RDR6ZF"> <div class="phs-widget-heading" data-ph-id="ph-page-element-page1-PbIWBD"> <h2 data-ph-id="ph-page-element-page1-BKMNDl"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-74zYYk" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-page-element-page1-R9vWpH"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-page-element-page1-JZE4gR"> <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-oLa0tv"> <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-0HCOkK"> <div class="pcs-image-wrapper job-card-image" if.bind="(eachJob.image && eachJob.image.src)" instance-id="Zu86eO" data-ph-id="ph-page-element-page1-ytPTbu"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-F248OZ"> <div class="primary-image pcs-fit-cntr-image" data-ph-id="ph-page-element-page1-0nfQnR"> <img if.bind="eachJob.image && eachJob.image.src && eachJob.image.src.value" src.bind="eachJob.image.src.value" alt="" data-ph-id="ph-page-element-page1-3WfSMx" /> </div> </figure> </div> <div class="${(eachJob.image && eachJob.image.src || ( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )? 'wrapper-cntr' : '' }" data-ph-id="ph-page-element-page1-1wzBqS"> <div class="information" data-ph-id="ph-page-element-page1-LW6PgM"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-page-element-page1-q8GBOq"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-page-element-page1-ISkwSf"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-page-element-page1-t2iRwE"> <img if.bind="eachJob.badgeImage && eachJob.badgeImage.src && eachJob.badgeImage.src.value" src.bind="eachJob.badgeImage.src.value" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-page-element-page1-3iAmni" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-page-element-page1-Dymf6H"> <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-fuRwGf"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-YsxD4a"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-BGYizI"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-yWELuO">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-yEL3EJ"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-page-element-page1-36xGUh"> ${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-fznpZd"> <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-yrUADL"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-DQE9GL">${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-EOgTMo" aria-level="3" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-yfSv42" instance-id="Zu86eO-li2OMQ" data-ph-id="ph-page-element-page1-C6P4lV"> <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-lm5nxe"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-page-element-page1-is56oa"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-PHlVKG">${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-ZnXc6L"></i> <span data-ph-id="ph-page-element-page1-Hqh0RK">${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-aI26eN"> <!-- 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-rNt1AO"> <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-ckZuSq"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-HYJBoR">${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-jl4uxd"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-TfkrRb">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <span class="job-location" if.bind="(eachAttr.name == 'location') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" data-ph-id="ph-page-element-page1-NvNjcu"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-8Ad9nm">${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-ZHZ2Hl"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-pk9fTW">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location','category','visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-BYOoyT"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-PL3pH0">${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-JsSwDC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-KfyO0Q"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-Jt0VzJ"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-etS66g">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-BAqD9T"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-VVxZWF">${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-KHW0EA"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-LoAS1C">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-fehgsZ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-NHn82g">${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-2STwo4"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-nsx28D">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-AihdCl"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-BGpA97">${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-GZZo7Z"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-tctKje"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-8K4cFs"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-7WC5OH">${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-cqiwoM"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-F0325t"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-gKY4GJ"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-JsMdzA">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-UcRGfA">${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-3pE5mC"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-GxasAD">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-5jHBHW">${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-gEQyUl">${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-YjtzhU">${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-PZbDkP">${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-v3wmmA"> <!-- 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-90gEon"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-page-element-page1-t973ep"> <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-N4jfKI"> <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-k1Lo7j"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-qTkyxb"> ${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-rLpCzL"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-zQSWxA">${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-ADJ7lC"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Lj1dbq">${widgetBundle['location'] | pht}:</span> ${eachJob.location} </span> <!-- Multi location Ends --> <!-- Multi category--> <span class="job-category" if.bind="(eachAttr.name == 'category') && (eachJob.multi_category.length > 1)" data-ph-id="ph-page-element-page1-t6FqkD"> <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-cH0Yyw"> <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-zpxOV1"></i> <span class="btn-text-content" data-ph-id="ph-page-element-page1-J7h4hd"> ${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-8pdFNA"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-FF4zJp">${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-xYR5qb"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-IbmDtp">${widgetBundle['category'] | pht}:</span> ${eachJob.category} </span> <!-- Multi category ends --> <span if.bind="(eachJob.drivingTime && eachAttr.name == 'drivingTime') && (!eachJob.multi_location || eachJob.multi_location.length == 1 || eachJob.multi_location.length == 0)" class="job-driving ${(!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-VIZ00W"> <span class="sr-only" data-ph-id="ph-page-element-page1-W3KPpt">${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-rIgue2"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-page-element-page1-3p5VEg">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-page-element-page1-Dofbo3">${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-zIQegM">${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-EL4wnk">${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-S8fFii">${eachJob.drivingTime.inMinutes} ${eachJob.drivingTime.inMinutes == 1 ? 'minute' : 'minutes'}</span> </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['title','postedDate','expiryDate','createdDate','atsLastModifieddate','multi_location', 'multi_category', 'descriptionTeaser','location', 'category', 'visibilityType','drivingTime','jobUpdatedDate','createdDateTime','isFeaturedJob'].indexOf(eachAttr.name) == -1)" data-ph-id="ph-page-element-page1-BSdRYn"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-eZ6Qxx">${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-aJI60e"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-Xeckf3"> ${widgetBundle[eachAttr.name] | pht}: </span> <span if.bind="eachJob[eachAttr.name] && isStringValue && isStringValue(eachJob[eachAttr.name])" innerhtml.bind="eachJob[eachAttr.name] | sanitizeHTML" data-ph-id="ph-page-element-page1-U0QGnu"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-page-element-page1-91iiM2">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-page-element-page1-OMdeNm"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-xZPRyb">${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-NOqIjt"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-YSMsgA">${widgetBundle['postedDate'] | pht}: </span> ${eachJob.postedDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="job-expirydate" if.bind="eachAttr.name == 'expiryDate' && eachJob.expiryDate" data-ph-id="ph-page-element-page1-5BOU2M"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-6JRr3D">${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-4xKExc"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-V6Q2BD">${widgetBundle['expiryDate'] | pht}:</span> ${eachJob.expiryDate | dateFormat:getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name}" if.bind="eachJob[eachAttr.name] && (['createdDate','atsLastModifieddate','jobUpdatedDate','createdDateTime'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-W8D3JH"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-kqtWYJ">${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-dwTrcV"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-EnBlap"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name] | dateFormat : getDateFormat(widgetBundle['jobDateFormat'] || "MMDDYYYY_SLASH")} </span> <span class="${eachAttr.name} ${(eachJob[eachAttr.name] == 'Internal' && eachJob['siteType'] == 'internal') ? 'ph-internal' : eachJob['siteType']}" if.bind="eachJob[eachAttr.name] && (['visibilityType'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-mSvlNy"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-page-element-page1-W7YyYQ">${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-nmmCZ2"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-page-element-page1-TfJ1Wp"> ${widgetBundle[eachAttr.name] | pht}: </span> ${eachJob[eachAttr.name]} </span> </span> </p> <!-- End Multilocation display type modal --> <!-- Multilocation display type dropdown button --> <div repeat.for="eachAttr of jobFields" show.bind="(['descriptionTeaser'].indexOf(eachAttr.name)!=-1) || (['location'].indexOf(eachAttr.name) != -1)" data-ph-id="ph-page-element-page1-kGWWDR"> <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-cIvf5y"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 32) ? (eachJob.toggleOpen = !eachJob.toggleOpen):'' || ($event.keyCode === 27)?(eachJob.toggleOpen = false): ''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-KqKozW" id="searchLoc-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpen ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_location.length} locations" data-ph-at-job-multilocation-count="${eachJob.multi_location.length}" instance-id="Zu86eO-DB9eas" data-ph-id="ph-page-element-page1-Wlqtog"> <span data-ph-id="ph-page-element-page1-qM68Rt"> ${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-bgXuKf"></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-vKDux7"> <li class="location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-page-element-page1-P7pR9S"> ${eachLocation} <div if.bind="enabledFields && enabledFields['drivingTime']" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-page-element-page1-hDe09h"> <span if.bind="!enabledFields && enabledFields['drivingTime'].settings.label" class="sr-only" data-ph-id="ph-page-element-page1-Cll1Qz">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields && enabledFields['drivingTime'].settings.label" data-ph-id="ph-page-element-page1-eCj7pH">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-713qP3"></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-VnnxRK">${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-tlx2Yn">${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-yPoVSb">${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-7TMflJ">${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-MRF0iE">${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-8FcX8z"> <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-8l8iq2"> <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-bcP4Vl" id="searchCat-${eachJob.jobSeqNo}" aria-expanded="${eachJob.toggleOpenCat ? 'true' : 'false'}" aria-label="${eachJob.title} ${eachJob.jobSeqNo} Job available in ${eachJob.multi_category.length} categories" data-ph-at-job-multilocation-count="${eachJob.multi_category.length}" instance-id="Zu86eO-pVyd9H" data-ph-id="ph-page-element-page1-HfKPyR"> <span data-ph-id="ph-page-element-page1-GwGhu9"> ${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-n1bkxJ"></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-MosKxy"> <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-rEGhT7"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-page-element-page1-CblDPt"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-page-element-page1-10vxju"> <span data-ph-id="ph-page-element-page1-KCG5jJ"> <span class="sr-only" data-ph-id="ph-page-element-page1-3hxh54"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-page-element-page1-fqLc2X">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-page-element-page1-Jj3m3C">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-SjbSu2">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-page-element-page1-KpdGF1">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-page-element-page1-izZMiK">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-page-element-page1-Zupnmf">${widgetBundle['requirementSentence'] | pht}</span> </span> <i class="icon ${highLightKey == 'skills' ? 'icon-skills' : ''} ${highLightKey == 'education' ? 'icon-education-1' :''} ${highLightKey == 'additionalSkills' ? 'icon-skills' : ''} ${highLightKey == 'additional_skills' ? 'icon-skills' : ''} ${highLightKey == 'requirement_sentence' ? 'icon-responsibilities' : ''} ${highLightKey == 'experience' ? 'icon-career-level-10' : ''}" aria-hidden="true" data-ph-id="ph-page-element-page1-BphGZz"></i> ${eachJob['smartHighlights'][highLightKey]} </span> </span> </p> <div class="smart-highlights-dropdown" show.bind="(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) )" data-ph-id="ph-page-element-page1-OPiSEt"> <button role="button" click.delegate="eachJob.toggleOpenTeaser = !eachJob.toggleOpenTeaser " aria-label="${widgetBundle['smartHighlightsAriaLabel'] | pht} ${eachJob.title}" aria-expanded="${eachJob.toggleOpenTeaser ? 'true' : 'false'}" data-ph-id="ph-page-element-page1-8YS1xy"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-page-element-page1-G18HxR"></i> </button> </div> <p class="job-description ${( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" if.bind="(eachJob.descriptionTeaser && enabledFields['descriptionTeaser'])" innerhtml.bind="eachJob.descriptionTeaser | sanitizeHTML" data-ph-at-id="jobdescription-text" data-ph-id="ph-page-element-page1-xVFJ6b"></p> <div if.bind="jobFits && (jobFits.layout && jobFits.layout[deviceType] == 'bottom' && (eachJob.fitLevel && jobFitPromise && jobFitsSettConfig && jobFitsSettConfig.literalMap && jobFitsSettConfig.literalMap[eachJob.fitLevel] && enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]]))" class="job-match-area ${jobFits.layout && jobFits.layout[deviceType]} ${jobFits.layout && jobFits.layout.style || 'style-1'}" data-ph-id="ph-page-element-page1-TgnFEr"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-page-element-page1-cBvtao"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-page-element-page1-ucJYzR"></i> <span class="tag-label" data-ph-id="ph-page-element-page1-6PjmXr">${widgetBundle[fit.name] | pht : jobJobMatchsData[eachJob['jobSeqNo']][fit.name].data}</span> </span> </div> </div> <div class="actions ${(( eachJob.smartHighlights && enabledFields['pjfSmartHighlights']) && ( (eachJob.descriptionTeaser && enabledFields['descriptionTeaser']) || (enabledActions['applyNow']) ) ) ? 'smart-highlights-present': ''}" data-ph-at-id="job-actions" if.bind="jobActions.length" data-ph-id="ph-page-element-page1-VCjM5o"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-page-element-page1-9kyBdd"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-page-element-page1-Yz3U4j"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-NsyjeX"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title}" data-ph-id="ph-page-element-page1-HKpyTI"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-page-element-page1-Io3b3w">${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-GteLyc"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-page-element-page1-hW39CK"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-page-element-page1-EMoGpH"> <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-E6WcDC"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-page-element-page1-SVBIpL"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-VtMBeD" data-ph-at-id="share-job-button-text" instance-id="Zu86eO-dnKR0A" data-ph-id="ph-page-element-page1-V7vywj">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-page-element-page1-rjw1xC"> <section class="ph-widget" instance-id="6ty93l" data-ph-id="ph-page-element-page1-C9fJxf" view="1663504113595-default" original-view="default" theme="default"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="default-1664207628586" 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-RWJgKa"></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-Xl6oWO"> <div class="savejob-checkbox" data-ph-id="ph-page-element-page1-c30BIC"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-page-element-page1-NXBIvl"> <input type="checkbox" name="save-${eachJob.jobSeqNo}" id="save-${eachJob.jobSeqNo}" checked.bind="eachJob.isJobSaved" change.delegate="handleSaveJob(eachJob)" aria-label="Save ${eachJob.title} ${eachJob.jobId} to job cart" aria-checked="${eachJob.isJobSaved ? 'true' : 'false'}" role="checkbox" data-ph-at-id="save-click" data-ph-id="ph-page-element-page1-CzMMVh" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-page-element-page1-JfmnWa"> <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-TOYRvr"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-M2wbR5"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-OnMlWx">${widgetBundle['addToCartSaveText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht}</span> </span> <span class="label-content" if.bind="eachJob.isJobSaved === true" data-ph-id="ph-page-element-page1-m1I2Vt"> <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-P73yWk"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-page-element-page1-94qTlI"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-Sazc8M">${widgetBundle['addToCartSavedText'] | pht} ${eachJob.title} ${eachJob.jobId} ${widgetBundle['toJobCartText'] | pht} </span> </span> </label> </div> </div> <div if.bind="eachAction.name == 'removeFromCart'" data-ph-id="ph-page-element-page1-TlXz3K"> <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-hdseH2"> <span class="sr-only" data-ph-id="ph-page-element-page1-wJ6xYE">${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-wpxmjn"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-page-element-page1-Vo8OUP"> ${widgetBundle['removeJobText'] | pht} </span> </a> </div> </li> </ul> </div> </div> <div class="popup-modal-backdrop ${ ( eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal') ) ? 'active' : '' } " data-ph-id="ph-page-element-page1-Ga61m7"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-R8gTDZ"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-i2KRF0"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-GNYS2i"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-sQytUn"> <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-I6srxZ" instance-id="Zu86eO-6GN1EJ" data-ph-id="ph-page-element-page1-bVh9lQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-waBDwG"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-2ENj0V"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-Z6jHrA" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-ZgsIpZ" instance-id="Zu86eO-Re9Xkq" data-ph-id="ph-page-element-page1-FpQDl2"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-6wxnvn"> <div class="job-location-count" data-ph-id="ph-page-element-page1-spbmmm"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-Vtn5sr"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-page-element-page1-fN2NnN"> <li class="each-location ${enabledFields && enabledFields['drivingTime'] ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-page-element-page1-3mu91O"> <span data-ph-id="ph-page-element-page1-OSWUwV"> <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-f3ZXXR"></i> </span> <span data-ph-id="ph-page-element-page1-OodVgE"> ${eachLocation} </span> <div if.bind="enabledFields && enabledFields['drivingTime']" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-page-element-page1-touX6t"> <span class="sr-only" data-ph-id="ph-page-element-page1-XLF0s7">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields && enabledFields['drivingTime'].settings.icon}" if.bind="enabledFields && enabledFields['drivingTime'].settings.icon" aria-hidden="true" data-ph-id="ph-page-element-page1-8H7Mcp"></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-jkC0Zj">${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-BGTbF5">${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-4v4f70">${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-BO5fFY">${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-s1YL1n"> ${eachJob.multi_location_array[$index].drivingTime.inMinutes} ${(eachJob.multi_location_array[$index].drivingTime.inMinutes == 1) ? 'minute' : 'minutes'} </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="multi-location-popup multi-category-popup" if.bind="eachJob.categoryPopUpOpen && (enabledFields['category'] && enabledFields['category'].settings && enabledFields['category'].settings.displayType == 'modal')" data-ph-id="ph-page-element-page1-ggFNY3"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="modalHeading" aria-describedby="modalDescription" data-ph-id="ph-page-element-page1-ON33gV"> <div class="modal-dialog" data-ph-id="ph-page-element-page1-J7rfvs"> <div class="popup-content-block" data-ph-id="ph-page-element-page1-QKtdCg"> <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-fKz4qF" instance-id="Zu86eO-KaRH9x" data-ph-id="ph-page-element-page1-nbUkst"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-vLplhd"></i> </button> <div class="heading-block" data-ph-id="ph-page-element-page1-goOqLh"> <div class="job-heading" id="modalHeading" role="heading" aria-level="2" key-role="ph-profile-recommendations-v2-default-c1ykg4-hjxg1c" key-aria-level="ph-profile-recommendations-v2-default-c1ykg4-ZzG4dC" instance-id="Zu86eO-PHw71C" data-ph-id="ph-page-element-page1-Plmu7F"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-page-element-page1-l23US7"> <div class="job-location-count" data-ph-id="ph-page-element-page1-6SFZOL"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-page-element-page1-aPb8Yz"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-page-element-page1-Cp2W3a"> <li class="each-category ${enabledFields && enabledFields['drivingTime'] ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-page-element-page1-Ayt34d"> <span data-ph-id="ph-page-element-page1-eXZ54N"> <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-PClJkZ"></i> </span> <span data-ph-id="ph-page-element-page1-sFN6lV"> ${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-Pn25Aa"> <div aria-atomic="true" aria-live="assertive" instance-id="qwYqo0" data-ph-id="ph-page-element-page1-1bmpkN"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-vSMDeL" 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-MI2lei" data-ph-at-id="seemore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-gQQ7SW" instance-id="qwYqo0-Y0IkN9" data-ph-id="ph-page-element-page1-9ddeCS"> <!-- <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-Jw2jhZ"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-DJmf96"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-3EERZm" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="ph-profile-recommendations-v2-default-c1ykg4-J5YBk8" data-ph-at-id="seeless-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-A2q3go" instance-id="qwYqo0-RoER1n" data-ph-id="ph-page-element-page1-UUzPmk"> <!-- <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-mUtLZ2"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-o7wPpF"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-8KVjLk" 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-eJe1GS" data-ph-at-id="seenext-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-lxbkOZ" instance-id="qwYqo0-6gUhaT" data-ph-id="ph-page-element-page1-3M1taC"> <!-- <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-PmlAB3"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-XsBAM5"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="ph-profile-recommendations-v2-default-c1ykg4-PlHw0j" 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-qsdSRa" data-ph-at-id="seeevenmore-link" role="button" key-role="ph-profile-recommendations-v2-default-c1ykg4-pddcVB" instance-id="qwYqo0-jFVWFN" data-ph-id="ph-page-element-page1-5g6FQ2"> <!-- <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-uHfG1K"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-page-element-page1-QUX8jj"></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-2l512a"> <p data-ph-id="ph-page-element-page1-W2QGhW"> <ppc-content key="ph-profile-recommendations-v2-default-c1ykg4-C29k3v" data-ph-at-id="nodata-text" data-ph-id="ph-page-element-page1-wdPwPp"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1663479082667"><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-page-element-page1-127rIK"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-page-element-page1-SPczGc"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-page-element-page1-LigG85"></div> <div class="content-block upload-resume-block ph-widget-box" phae-ally="aria-hidden#false" aria-hidden="${((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup) ? 'false' : 'true'}" show.bind="((currentStep == 'chooseStep') || isDialogOpen || candidateLoginPopup)" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-K8u6YR" style="background-color: rgba(255,255,255,1) ;"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-HCv9eG"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-page-element-page1-m209mt"> <div class="widget-container" data-ph-id="ph-page-element-page1-M6DoL0"> <div class="upload-resume-tile-container" data-ph-id="ph-page-element-page1-9ZjdjT"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-page-element-page1-qeBSWw"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-page-element-page1-n47DTN"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-GKnANG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-iKecGp" language-overriden="true">Welcome back! </ppc-content> </h2> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-xU14p3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-auhAEO" language-overriden="true"><h1 class="phs-heading" data-ph-id="ph-page-element-page1-7hSn2b" ph-element-dummy-ele="true"><span style="font-family:Montserrat-Regular;"><span class="ph-cc-ms-f-s-40 ph-cc-d-f-s-40 ph-cc-t-f-s-24 ph-cc-m-f-s-16">Let us help you find the perfect job</span></span></h1></ppc-content> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-page-element-page1-XpO5AA"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" phae="ph-find-your-fit-container-v1" phae-type="click" phae-main="1" aria-label="Get started for profile recommendations" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-5iTo1G" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-cJX2Te"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-h4u4c8" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-WgxhOg" 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-RaNIw3"> <div class="widget-container" data-ph-id="ph-page-element-page1-K3b5nn"> <div class="post-login-resume-tile-container" data-ph-id="ph-page-element-page1-fxZMvg"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-page-element-page1-PmKvA7"> <div class="user-profile-icon fs-block" data-ph-id="ph-page-element-page1-i0knyU"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-page-element-page1-OMqmsN"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-page-element-page1-6FBiIs"></i> </span> <span class="sr-only" data-ph-id="ph-page-element-page1-c99Eyw"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-mtcNoB" data-ph-id="ph-page-element-page1-jkt6BU" language-overriden="true"> profile icon </span> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) || ''} </span> <span class="user-name-prefix" aria-hidden="true" if.bind="preferredName && profileData.preferredName || profileData.firstName" data-ph-id="ph-page-element-page1-JASIml"> ${preferredName && profileData.preferredName && profileData.preferredName.substring(0,1) || profileData.firstName.substring(0,1) + profileData.lastName.substring(0,1)} </span> </div> <div id="uploadSuccess" data-ph-id="ph-page-element-page1-5iCegq"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-page-element-page1-3hJS0Z"> <span class="recom-text" data-ph-id="ph-page-element-page1-1xvAQb">${widgetBundle['uploadResumeProfileFirstName'] | pht:{"userFirstName": preferredName && profileData.preferredName || profileData.firstName}}</span> </div> <h2 class="user-profile-info phs-heading ph-a11y-after-close-focus-elem" tabindex="-1" if.bind="isProfileJobsAvailable != undefined" data-ph-id="ph-page-element-page1-BkKeXp"> <span class="recom-text" data-ph-id="ph-page-element-page1-JgAFwk"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="ph-find-your-fit-container-v1-default-ai8eoj-WPeHPy" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-EUmYPu" 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-oEPG6A" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-tXOPiM" language-overriden="true"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="ph-find-your-fit-container-v1-default-ai8eoj-YcHPGb" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-5bNUsT" 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-i9zqC3" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-dod4pD" 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-5Q9wUW" data-ph-id="ph-page-element-page1-InMokr" language-overriden="true"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-page-element-page1-ilSSLB">Sign up</a> <span data-ph-id="ph-page-element-page1-0FtEqL"> 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-tKB1kl"> <div class="action-area-block" data-ph-id="ph-page-element-page1-DQwpId"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-yN5Jas" data-ph-at-id="edit-link" data-ph-id="ph-page-element-page1-r0xgDM"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-page-element-page1-T50NZH"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-RaUhmi"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-page-element-page1-yjuPDu"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-page-element-page1-g6SbDA"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-ygJCIG"> <span data-ph-id="ph-page-element-page1-4lSX1p">${profileData.resumeName && (profileData.resumeName.split('.').slice(0, -1)).join('.')}</span>${profileData.resumeName && ('.'+profileData.resumeName.split('.').pop())} </span> <span class="edit-profile" data-ph-at-id="edit-fyf-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-T3G75f"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-page-element-page1-d7devF"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-page-element-page1-STjzH3"> <ul data-ph-id="ph-page-element-page1-IVTwH5"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-page-element-page1-5buexn"> <button class="completeInfo-btn" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-MtMbNK" click.delegate="openContactDetailsPopup()" data-ph-id="ph-page-element-page1-YWAkE6"> <span class="button-text" data-ph-id="ph-page-element-page1-i6QSx5"> <span class="error-icon action-icon" data-ph-id="ph-page-element-page1-Ph8Spd"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-page-element-page1-3ybxkb"></i></span><ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fGCO1I" data-ph-id="ph-page-element-page1-Ma8PFh" language-overriden="true"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-page-element-page1-EUPabF"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-page-element-page1-qdMu7N"> <span class="action-icon" data-ph-id="ph-page-element-page1-L6cnqk"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-page-element-page1-irSsyL"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-page-element-page1-5u6v3b"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-page-element-page1-UNsjuf"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-page-element-page1-Cp3PBQ" view="1663479082334-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="1663479082334-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-lombeB"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-page-element-page1-zJFZLO"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-BfoFzF" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-VjZSGV"> <span class="action-icon" data-ph-id="ph-page-element-page1-9SjpWd"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-page-element-page1-CZR5UP"></i> </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-OfaxDi" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-page-element-page1-UlKYgR" language-overriden="true">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-page-element-page1-hpSLZO"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-page-element-page1-lvzIcc"> <span class="action-icon" data-ph-id="ph-page-element-page1-ONu1eu"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page1-orTAmE"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-page-element-page1-b07QK1"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-72Ctg6"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-Tp0zfs"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-EA0Mny"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-taGLsy"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-KWvK0h" data-ph-id="ph-page-element-page1-rHYMsZ" 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-z1amKo" data-ph-id="ph-page-element-page1-pfPUfz"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-jKAIVZ" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-3J1nM4" 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-nzGKYS"> <div class="action-area-block" data-ph-id="ph-page-element-page1-p84qOs"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-4EcrQt" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-page-element-page1-IvrCQs"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-6NvY92" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-VMBgUs" language-overriden="true"> Edit profile </ppc-content> </button> <div class="reset-block" data-ph-id="ph-page-element-page1-nt7Wo7"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-cXGY3h" data-ph-at-id="edit-profile-dropdown-reset-link" data-ph-id="ph-page-element-page1-Z8ormp"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-page-element-page1-9G1jtA"></i> <span data-ph-id="ph-page-element-page1-n6mon4"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-sco7Ou" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-page-element-page1-jWePZq" language-overriden="true"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-page-element-page1-fwgWEi"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-page-element-page1-mAq5Y3"> <span class="sr-only" data-ph-id="ph-page-element-page1-R57SOq">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-page-element-page1-A7JKzp"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-page-element-page1-vVqsFu"> ${socialProvider} </span> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-KWvK0h" data-ph-id="ph-page-element-page1-aXHZqy" 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-z1amKo" data-ph-id="ph-page-element-page1-X72dvK"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-jKAIVZ" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-page-element-page1-skxtIp" 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-55ISMK"> <button class="upload-action-btn btn default-button ph-a11y-start-btn" click.delegate="chooseUploadOrQuest('event')" aria-label="start the job personalization" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-pAODni" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-page-element-page1-0vASVR"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-h4u4c8" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-page-element-page1-taLqxR" 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-7XKsYi"> <div class="action-area-block" data-ph-id="ph-page-element-page1-cuQSYR"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-4EcrQt" data-ph-id="ph-page-element-page1-ANhV8N"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-NqprAZ" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-page-element-page1-AtMqlJ" 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-3cgAoB"> <div class="widget-container" data-ph-id="ph-page-element-page1-FAiWzt"> <div class="inner-content" data-ph-id="ph-page-element-page1-G5Kt8P"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-page-element-page1-OI2ng1"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-pe3AJM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-OpoOR4" language-overriden="true"> Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-page-element-page1-cs6X6x"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-PW8qXI" data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-jMhSxE" 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-86F9tF"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-page-element-page1-YNZeBm"> <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-5HVKId"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-uFwDKa" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-rlDNZB" language-overriden="true"> Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-page-element-page1-NL1FUc"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-19oqMK" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-ZA1G6F" language-overriden="true"> or </ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-page-element-page1-HNVfpq"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-page-element-page1-uAyqJb" view="1663479082335-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="1663479082335-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-IHWkqJ"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-page-element-page1-Iif0Ox"> <p class="or-text" data-ph-id="ph-page-element-page1-QyxdmY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-19oqMK" data-ph-at-id="or-text" data-ph-id="ph-page-element-page1-xORtsh" 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-OzHRNr"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-uFwDKa" data-ph-at-id="answers-questions-text" data-ph-id="ph-page-element-page1-tz3bnf" 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-5q26gj"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-klkNxO"> <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-QJPagy" data-ph-id="ph-page-element-page1-90r8O7"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-sGzbWq"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-aG58hN"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-NzsCtI"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-QJPagy" data-ph-at-id="checkbox-button-text" data-ph-id="ph-page-element-page1-TMFWen" 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-g18G3W" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-b4DJJJ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-pmaTss"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-page-element-page1-N9Ip4o"> <span if.bind="chooseSteps" data-ph-id="ph-page-element-page1-KXKHZc"> Choose your path </span> </span> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-page-element-page1-G7yRLQ"> <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-x85tjy"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-page-element-page1-Mqk0Y9"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-page-element-page1-dfxarH"> <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-MbSaCA"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-7b9YkD"></i> </button> </div> <div class="modal-body" data-ph-id="ph-page-element-page1-vJBmpM"> <h2 class="heading-block" data-ph-id="ph-page-element-page1-Ke73Ve"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="ph-find-your-fit-container-v1-default-ai8eoj-Wxc61b" data-ph-id="ph-page-element-page1-ySwe8K" language-overriden="true"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-page-element-page1-RIlaQT"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="ph-find-your-fit-container-v1-default-ai8eoj-c52sEn" data-ph-id="ph-page-element-page1-ei8oQw" language-overriden="true"> In order to process your resume and provide job recommendations you must agree to our privacy policy and terms of service </ppc-content> </div> <div class="checkbox-wrapper" if.bind="!(piiConsentData && piiConsentData.length)" data-ph-id="ph-page-element-page1-RtN5CK"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-page-element-page1-HI03sS"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-8PA2fy"> <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-R8gbsK" aria-required="true" data-ph-id="ph-page-element-page1-UnFWIn"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-JAeW0g"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-ykDOQU"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-FwQNTc"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-h4L5DA" data-ph-id="ph-page-element-page1-WVNaok" 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-7JiCHy"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-OjyJZU">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-YtWKRm">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-page-element-page1-jecJlX"> <ppc-content class="cd-terms-policy-block" key="ph-find-your-fit-container-v1-default-ai8eoj-h4L5DA" data-ph-id="ph-page-element-page1-rkNSy4" 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-7JiCHy"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-page-element-page1-OjyJZU">terms of use</a> <span class="mandatory-star" data-ph-id="ph-page-element-page1-YtWKRm">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-page-element-page1-mr4laa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-2slzZa" data-ph-id="ph-page-element-page1-nlHT7c" language-overriden="true"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-page-element-page1-NaLmIt"> <label class="input-checkbox-label" data-ph-id="ph-page-element-page1-4X7tO4"> <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-15pvYk" data-ph-id="ph-page-element-page1-rtesTn"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-bwXVQE"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-vLkIE4"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-KOttN3"> <ppc-content data-ph-at-id="checkbox-button-text" key="ph-find-your-fit-container-v1-default-ai8eoj-3ZjMsg" data-ph-id="ph-page-element-page1-MtaCEt" language-overriden="true">Save my resume and contact me for jobs that I may be a fit for</ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-page-element-page1-fv3yJI"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-page-element-page1-W5jkzJ"> <input type="checkbox" class="pii-consent-input" aria-labelledby="${'checkbox-label-fyfcont' + $index}" aria-describedby="${!eachConsent.optional ? 'consent-error-fyfcont' : '' }" checked.bind="eachConsent.isChecked" aria-checked="${eachConsent.isChecked?'true':'false'}" change.delegate="isButtonDisabled()" aria-required="${!eachConsent.optional ? 'true': false}" data-ph-id="ph-page-element-page1-GfxLUE"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-page-element-page1-73CJuI"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-page-element-page1-b9KAU2"></span> <span class="checkbox-text" data-ph-id="ph-page-element-page1-E8l5W8"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-page-element-page1-K9UoZ9"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-page-element-page1-z8Lrhf">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-XdLdrG"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-page-element-page1-ORER0o"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <button class="btn primary-button" disabled.bind="piiConsentData && piiConsentData.length ? isDisabled : !acceptTerms" click.delegate="!isDisabled || acceptTerms ? submitResume() : false" ph-tevent="pii-consent-submit" data-ph-id="ph-page-element-page1-lpBbCd"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Pi7ozK" data-ph-id="ph-page-element-page1-68pKp7" language-overriden="true"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-page-element-page1-JJSnPg"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" aria-labelledby="resume-info-heading" aria-describedby="resume-info-subheading" data-ph-id="ph-page-element-page1-2g6PdS"> <div class="modal-dialog resume-step" data-ph-id="ph-page-element-page1-eIqqJk"> <button class="ph-a11y-popup-start-focus close" click.delegate="activeStep != 'cancel' ? changeActiveStep('cancel') : closeResumeInfoPopup()" aria-label="${widgetBundle['contactDetailsPopupCloseAriaLabel'] | pht }" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-UwzYqR"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-page-element-page1-ald6lR"></i> </button> <div class="modal-body" data-ph-id="ph-page-element-page1-VlgIhT"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-page-element-page1-mRwRAM"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-YEeMBj"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-q6GIjT"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-lSa2or"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-page-element-page1-9C2rwZ"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-page-element-page1-6BBcIy"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-page-element-page1-SDuTXp"> <div data-ph-id="ph-page-element-page1-rrxLkh"> <label for="preferredName" data-ph-id="ph-page-element-page1-60Dv25"> <span class="sr-only" data-ph-id="ph-page-element-page1-MAoVaX"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-QzzubT"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-28Y3gt"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-7SoZ28"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-JmjUSM"> <input type="text" class="form-control ph-a11y-form-control-config-preferred-name fs-block" id="preferredName" placeholder=" ${widgetBundle['contactDetailsAreaPreferredNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="contactDetails.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" aria-required="true" data-ph-id="ph-page-element-page1-rElLvc"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-oGZKMW"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-DRIWOJ"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page1-lG96RY"> ${widgetBundle['contactDetailsAreaPreferredNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.preferredName.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-AVs0h7"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-Qh3l2q"> <div data-ph-id="ph-page-element-page1-V2TMJH"> <label for="name" data-ph-id="ph-page-element-page1-YnIHaR"> <span class="sr-only" data-ph-id="ph-page-element-page1-msVBcJ"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-BrohGc"> <span data-ph-at-id="name-text" data-ph-id="ph-page-element-page1-Lm1sfK"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-XDIXCI"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-cYU9yU"> <input type="text" class="form-control ph-a11y-form-control-config-name fs-block" id="name" placeholder=" ${widgetBundle['contactDetailsAreaNamePlaceholder'] | pht}" aria-describedby="ph-a11y-contact-name-field-error" value.bind="contactDetails.name" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('name')" aria-required="true" data-ph-id="ph-page-element-page1-yiUfQK"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-nlyQiJ"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-page-element-page1-MP2D5Z"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-page-element-page1-QiBFQk"> ${widgetBundle['contactDetailsAreaNameInputErrorText'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.name.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-tmiU84"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-dQyECB"> <div data-ph-id="ph-page-element-page1-o7zf6l"> <label for="email" data-ph-id="ph-page-element-page1-lAaaej"> <span class="sr-only" data-ph-id="ph-page-element-page1-FhEIeq"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-OcWw1o"> <span data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-z16VsY"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-page-element-page1-o5Q6IL"> * </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-FDEsKx"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder=" ${widgetBundle['contactDetailsAreaEmailPlaceholder'] | pht}" aria-describedby="ph-a11y-contact-email-field-error" value.bind="contactDetails.email" autocomplete="email" data-ph-at-id="email-input" change.delegate="fieldValidation('email')" aria-required="true" data-ph-id="ph-page-element-page1-Qu048q"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-xdjB4x"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-yzXY1l"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page1-1HgZkP"> ${widgetBundle['contactDetailsAreaEmailInputErrorText'] | pht} </span> </span> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E102'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-Bpy9S6"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page1-1ehEKS"> ${widgetBundle['contactDetailsAreaEmailInputErrorCorrentFormat'] | pht} </span> </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.email.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-c5SZvw"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-3ipB3O"> <div data-ph-id="ph-page-element-page1-aNixdZ"> <label for="phone" data-ph-id="ph-page-element-page1-YfslGH"> <span class="sr-only" data-ph-id="ph-page-element-page1-FzAtH4"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-SqDkpY"> <span data-ph-at-id="phone-text" data-ph-id="ph-page-element-page1-LMSxFj"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-jZcK0R"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="${widgetBundle['contactDetailsAreaPhonePlaceHolder'] | pht }" aria-describedby="ph-a11y-contact-phone-field-error" value.bind="contactDetails.phone" autocomplete="tel" data-ph-at-id="phone-input" change.delegate="fieldValidation('phone')" data-ph-id="ph-page-element-page1-L0rPk5"> <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-GLJXOE"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page1-2aSq18"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-page-element-page1-lh94Tk"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-page-element-page1-XHjScI"> <div data-ph-id="ph-page-element-page1-glhZfR"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-page-element-page1-FNQVa1"> <span data-ph-id="ph-page-element-page1-tzdQy9"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-page-element-page1-yaI0r1"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page1-pk5BPZ"> <span data-ph-id="ph-page-element-page1-KOnRv0"> ${widgetBundle['contactDetailsAreaSubmitBtnText'] | pht } </span> </button> </div> </div> </div> </div> </div> <!-- Cancel Popup area --> <div if.bind="activeStep == 'cancel'" class="cancel-contact-details" data-ph-at-id="cancel-contact-details-block" data-ph-id="ph-page-element-page1-C3cQvL"> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-uPCZ7c"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-mZ3ECH"> <span data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-9d206H"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-49GLq9"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-page-element-page1-wsrkRp"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-page-element-page1-Gcdg5H"> <div data-ph-id="ph-page-element-page1-Bow58N"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-page-element-page1-iBDlx0"> <span data-ph-id="ph-page-element-page1-z53Xq9"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-page-element-page1-kLxH5Y"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-page-element-page1-Uw41Fh"> <span data-ph-id="ph-page-element-page1-3ZOLqz"> ${widgetBundle['resumeCancelPopupContinueBtn'] | pht} </span> </button> </div> </div> </div> </div> <!-- Job Title area --> <div if.bind="activeStep == 'jobTitles'" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page1-DnPnQA"> <div class="job-title-inner-wrapper" data-ph-id="ph-page-element-page1-UE9UVX"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-129DbB"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-oWXxTl"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-page-element-page1-lFRb2L"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-page-element-page1-1nqi4m"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-page-element-page1-yTKKXu"> <div class="input-group" data-ph-id="ph-page-element-page1-ozZYJX"> <input type="text" id="jobTitle" aria-haspopup="listbox" aria-owns="jobTitle-list" class="form-control search-box" name="jobTitles" showresultsonfocus="false" ph-a11y-autocomplete="" data-ph-autocomplete-input="jobTitle" autocomplete="off" placeholder="${widgetBundle['resumeJobTitleSearchPlaceholder'] | pht}" aria-autocomplete="list" aria-controls="jobTitle-list" aria-labelledby="job-title-label" value.bind="resumeInfo.jobTitles.value" data-ph-at-id="input-search-box" data-ph-id="ph-page-element-page1-p01hYB"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-kiFt3g"></i> </input></div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-page-element-page1-K9ML5T"> <li role="option" repeat.for="eachTitle of resumeInfo.jobTitles.searchTitles" class="results-listitem ph-autocomplete-input-listbox-item search-list-item ${eachTitle.aria.selected ? 'phs-focus':''} title_${$index} ${resumeInfo.jobTitles.selectedTitles.indexOf(eachTitle.title) != -1 ?'selected':''}" id="jobTitle-result-item-${$index}" aria-label="${eachTitle.title}" data-ph-at-id="suggested-data-list-item" data-ph-at-job-title-text="${eachTitle.title}" innerhtml.bind="eachTitle.title_html | sanitizeHTML" data-ph-id="ph-page-element-page1-uE8dIC"> </li> <li class="search-noresults" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value" data-ph-at-id="no-suggested-results" data-ph-id="ph-page-element-page1-NM75Lf"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-SpWsy4"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page1-gXdhqY"> <span data-ph-id="ph-page-element-page1-gg7yiv"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-page-element-page1-DiekJY"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.jobTitles.searchTitles.length} ${resumeInfo.jobTitles.searchTitles.length > 1 ? widgetBundle['resumeJobTitlePlural'] : widgetBundle['resumeJobTitleSingular']} </div> </div> </div> </div> </div> <div show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-block selected-titles-block" data-ph-at-id="selectedtitles-block" data-ph-id="ph-page-element-page1-V7ePPH"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-page-element-page1-nN0g0K"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-eDa8go"> <h3 class="job-titles-heading" data-ph-id="ph-page-element-page1-FXZmIi"> ${widgetBundle['resumeJobTitleSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.jobTitles.selectedTitles.length > 0" class="tags-list ph-common-slection-area" id="selected-titles" ph-role="data.bind:resumeInfo.jobTitles.selectedTitles" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'list' : false}" data-ph-at-id="selected-title-list" data-ph-at-data-count="${resumeInfo.jobTitles.selectedTitles.length}" data-ph-id="ph-page-element-page1-FxFz6w"> <li class="each-tag" show.bind="resumeInfo.jobTitles.selectedTitles.length" role="${resumeInfo.jobTitles.selectedTitles.length > 1 ? 'listitem' : false}" repeat.for="selectedTitle of resumeInfo.jobTitles.selectedTitles" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page1-x2QKcc"> ${selectedTitle} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('jobTitles',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedTitle}" data-ph-at-id="title-delete-link" data-ph-at-title-name-text="${selectedTitle}" data-ph-id="ph-page-element-page1-53dVFO"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-LQLVO1"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page1-2IPD4i"> <div class="skills-inner-wrapper" data-ph-id="ph-page-element-page1-rONaqV"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-M5uDCN"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-GdjuNj"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-page-element-page1-XnhPhh"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-page-element-page1-7GV31H"> <div class="input-group" data-ph-id="ph-page-element-page1-knJwgP"> <input type="text" aria-haspopup="listbox" aria-owns="skills-list" class="form-control search-box" placeholder="${widgetBundle['resumeSkillSetSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="skills" name="skills" data-ph-autocomplete-input="skills" autocomplete="off" aria-autocomplete="list" aria-controls="skills-list" value.bind="resumeInfo.skills.value" data-ph-at-id="input-search-box" aria-labelledby="search-skill-label" data-ph-id="ph-page-element-page1-FgTTPF"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-g4BlOs"></i> </input></div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-page-element-page1-1IirYV"> <li role="option" repeat.for="eachSkill of resumeInfo.skills.skillsList" class="results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.skills.selectedSkills.indexOf(eachSkill.skill) >= 0 || eachSkill.isSkillSelected) ?'selected':''}" id="skills-result-item-${$index}" aria-label="${eachSkill.skill}" data-ph-at-id="suggested-data-list-item" data-ph-at-skill-name-text="${eachSkill.skill}" innerhtml.bind="eachSkill.skill_html | sanitizeHTML" data-ph-id="ph-page-element-page1-xwZFGi"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown" data-ph-id="ph-page-element-page1-2dPLIY"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-nYRKot"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-swIGPN"> <span data-ph-id="ph-page-element-page1-R4hFWl"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-page-element-page1-hQDuqT"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.skills.skillsList.length} ${resumeInfo.skills.skillsList.length > 1 ? widgetBundle['resumeSkillSetPlural'] : widgetBundle['resumeSkillSetSingular']} </div> </div> <div show.bind="resumeInfo.skills.selectedSkills.length > 0" class="tags-block" data-ph-at-id="selectedskills-block" data-ph-id="ph-page-element-page1-rr28y1"> <a href="javascript:void(0);" class="skip-selected each-tag" click.delegate="handleSkip(true)" if.bind="resumeInfo.skills.selectedSkills.length > 10" data-ph-id="ph-page-element-page1-0daXzv"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-6Knhr3"> <h3 class="skills-heading" data-ph-id="ph-page-element-page1-l7poIt"> ${widgetBundle['resumeSkillSetSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.selectedSkills.length > 0" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-skills" data-ph-at-id="selected-data-list" tabindex="-1" ph-role="data.bind:resumeInfo.skills.selectedSkills" data-ph-at-data-count="${resumeInfo.skills.selectedSkills.length}" data-ph-id="ph-page-element-page1-0mBloC"> <li class="each-tag" show.bind="resumeInfo.skills.selectedSkills.length" role="${resumeInfo.skills.selectedSkills.length > 1 ? 'listitem' : false}" repeat.for="selectedSkill of resumeInfo.skills.selectedSkills" data-ph-at-id="selected-data-list-item" data-ph-id="ph-page-element-page1-JPq7Ej"> ${selectedSkill} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('skills',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedSkill}" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${selectedSkill}" data-ph-id="ph-page-element-page1-ynGOco"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-3IBnTu"></i> </a> </li> </ul> </div> <div class="tags-block" if.bind="resumeInfo.skills.suggestedSkills.length" data-ph-at-id="skills-suggestions-data-block" data-ph-at-data-count="${resumeInfo.skills.suggestedSkills.length}" data-ph-id="ph-page-element-page1-uBknJ0"> <div data-ph-id="ph-page-element-page1-VGnyDg"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-page-element-page1-NQNQae"> ${widgetBundle['resumeSkillSetSuggestedHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.skills.suggestedSkills.length > 0" ph-role="data.bind:resumeInfo.skills.suggestedSkills" class="tags-list suggestions-list" id="suggested-skills" data-ph-id="ph-page-element-page1-JKNXRJ"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-page-element-page1-hkC4C2"> <button class="suggestions-btn" role="link" click.delegate="resumeInfo.selectSuggestions(eachSkill.skill,$index)" data-ph-at-id="skills-suggest-link" data-ph-at-skill-name-text="${eachSkill.skill}" aria-label="${widgetBundle['resumeAddText'] | pht } ${eachSkill.skill}" data-ph-id="ph-page-element-page1-gAN7gZ"> <span data-ph-id="ph-page-element-page1-jZofk6">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-page-element-page1-9e1rpU"></i> </button> </li> </ul> </div> </div> </div> </div> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page1-dro8it"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page1-Adw3kp"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-VvEQch"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-hm5IaE"> ${widgetBundle['resumeExperienceSubHeading'] | pht } </p> <fieldset class="exp-block" data-ph-at-id="exp-block" data-ph-at-data-count="${resumeInfo.experienceData.length}" data-ph-id="ph-page-element-page1-hf8geB"> <legend class="sr-only" data-ph-id="ph-page-element-page1-ijDxtQ"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-page-element-page1-4uVba4"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-page-element-page1-k78P7P"> <input name="experience" model.bind="exp" id="exp_${$index}" checked.bind="resumeInfo.workExperience.selectedExp" type="radio" data-ph-at-id="exp-link" data-ph-at-exp-text="${exp.displayName}" data-ph-id="ph-page-element-page1-rsZgmZ"> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-page-element-page1-uUn6zg"> <span data-ph-id="ph-page-element-page1-OUhYej">${exp.displayName} </span> <span data-ph-id="ph-page-element-page1-wTPmrw"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </input></span> </div> </fieldset> </div> </div> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-page-element-page1-Gg6TX2"> <div class="work-experience-inner-wrapper" data-ph-id="ph-page-element-page1-kRSTUG"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-page-element-page1-ZKEwWV"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-page-element-page1-24DpBi"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-page-element-page1-lmo04g"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-page-element-page1-yFAvZ7"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-page-element-page1-aIixoa"> <input type="text" aria-haspopup="listbox" aria-owns="locations-list" class="location ph-a11y-location-box" placeholder="${widgetBundle['resumeLocationSearchPlaceholder'] | pht}" showresultsonfocus="false" ph-a11y-autocomplete="" id="preferredLocation" name="preferredLocation" data-ph-autocomplete-input="locations" autocomplete="off" aria-autocomplete="list" aria-controls="locations-list" value.bind="resumeInfo.preferredLocation.value" data-ph-at-id="input-search-box" aria-labelledby="preferred-location-label" data-ph-id="ph-page-element-page1-J8MXCR"> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-page-element-page1-5URPEN"></i> </input></div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-page-element-page1-lEkYHX"> <li role="option" repeat.for="eachLocation of resumeInfo.preferredLocation.locationsList" class="combobox-results-listitem ph-autocomplete-input-listbox-item search-list-item title_${$index} ${(resumeInfo.preferredLocation.selectedLocations.indexOf(eachLocation.location_display) >= 0 || eachLocation.isLocationSelected) ?'selected':''}" id="preferredLocation-result-item-${$index}" data-ph-at-id="suggested-data-list-item" aria-label="${eachLocation.location_display}" data-ph-at-locations-name-text="${eachLocation.location_display}" innerhtml.bind="eachLocation.location_html | sanitizeHTML" data-ph-id="ph-page-element-page1-xh1FiC"> </li> <li class="no-results" ref="noResults" data-ph-at-id="no-data" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown" data-ph-id="ph-page-element-page1-8hm0dE"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-WrfmpI"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-aN4E22"> <span data-ph-id="ph-page-element-page1-vUi66g"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </span> </div> <div class="sr-only" if.bind="resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-page-element-page1-MDLN3k"> ${widgetBundle['resumeShowingText'] | pht } ${resumeInfo.preferredLocation.locationsList.length} ${resumeInfo.preferredLocation.locationsList.length > 1 ? widgetBundle['resumeLocationPlural'] : widgetBundle['resumeLocationSingular']} </div> </div> </div> <div show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" class="tags-block selected-locations-block" data-ph-at-id="selectedlocations-block" data-ph-id="ph-page-element-page1-kjfc6v"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-page-element-page1-yFgq6b"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-page-element-page1-kAgVqw"> <h3 class="location-heading" data-ph-id="ph-page-element-page1-N3aYAv"> ${widgetBundle['resumeLocationSuggestionsHeading'] | pht } </h3> </div> <ul show.bind="resumeInfo.preferredLocation.selectedLocations.length > 0" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'list' : false}" class="tags-list ph-common-slection-area" id="selected-locations" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${resumeInfo.preferredLocation.selectedLocations.length}" data-ph-id="ph-page-element-page1-8dGzYf"> <li class="each-tag" show.bind="resumeInfo.preferredLocation.selectedLocations.length" role="${resumeInfo.preferredLocation.selectedLocations.length > 1 ? 'listitem' : false}" repeat.for="selectedLocation of resumeInfo.preferredLocation.selectedLocations" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page1-DyxEwv"> ${selectedLocation} <a href="javascript:void(0)" class="remove-tag" click.delegate="resumeInfo.removeSelectedData('preferredLocation',$index)" aria-label="${widgetBundle['resumeRemoveText']} ${selectedLocation}" data-ph-at-id="location-delete-link" data-ph-at-location-name-text="${selectedLocation}" data-ph-id="ph-page-element-page1-6cUYJR"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-page-element-page1-Z3rhii"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-page-element-page1-I96M0T"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-page-element-page1-LQDYgc"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-page-element-page1-GcLIAM"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-page-element-page1-PP7caP"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-page-element-page1-Uh3TP4"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-page-element-page1-iBmOo5"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-page-element-page1-QtUEYh"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-page-element-page1-0jAE0M"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-page-element-page1-0Eyrjr"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-uuz3EC"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-page-element-page1-65JWfv"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-page-element-page1-EsoVjO"> <div class="modal fade in show ph-a11y-modal-area" role="dialog" tabindex="-1" aria-modal="true" show.bind="isDialogOpen" aria-label.bind="isDeleteResume? 'reset personalization' : ''" data-ph-id="ph-page-element-page1-tBNjqG"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-page-element-page1-xvFCqJ"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-page-element-page1-w7HFXw"> <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-Esftmp" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-vPbFSk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ZFQBDD"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-page-element-page1-Y0rcbG"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-page-element-page1-jD149h"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-SxQk9o" class="sr-only" data-ph-id="ph-page-element-page1-omUlH9" language-overriden="true">Failure icon</span> </div> <div data-ph-id="ph-page-element-page1-ObV4QQ"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-page-element-page1-aOL4dY"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-JlbMLp" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-T16eF8" language-overriden="true"> Oops invalid format... </ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-page-element-page1-9xVJ6f"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-BdSddj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-xYNCHw" language-overriden="true"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-page-element-page1-m5d1TR"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-qFeJvC" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-M5m5SE" language-overriden="true"> Please upload one of the following file formats: pdf, docx, txt </ppc-content> </p> <p if.bind="!isFileSupported && limitExceeded && widgetBundle['uploadFileSizeError']" data-ph-id="ph-page-element-page1-dJx07V"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page1-Lj7urU"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-fdDgOs" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-vcj5YF" language-overriden="true"> Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-page-element-page1-Q6tqBQ"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-0Rn6nX" data-ph-at-id="error-text" data-ph-id="ph-page-element-page1-lB5Ejz" 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-79KBY2"> <div class="upload-again" data-ph-id="ph-page-element-page1-dlP80M"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-page-element-page1-HLnxS6" view="1663479082345-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="1663479082345-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-SVwUN1"> <div class="ph-dropzone-area" data-ph-id="ph-page-element-page1-8gzUgo"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-page-element-page1-WalXWM"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-M2D4i2" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-page-element-page1-26P35E" 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-D8TRju"> <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-0vnyh7" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-eqIwtk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-23b2N7"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-page-element-page1-s8RsnL"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-page-element-page1-Mpr5Hd"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-page-element-page1-KVJD1a"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-c0OYQV" data-ph-at-id="description-error-text" data-ph-id="ph-page-element-page1-NM0tmi" 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-AV8pUs"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-njS5rM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-5eG5m7" language-overriden="true"> But we noticed below information is missing from it. <br data-ph-id="ph-page-element-page1-cVuTu1" /> Please complete the following: <br /></ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-page-element-page1-uAOUoP"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-apf5bz" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-HtWVRv" language-overriden="true"> We noticed below information is missing from it. <br data-ph-id="ph-page-element-page1-5zBq8Y" /> Please complete the following: <br /></ppc-content> </h2> <div data-ph-id="ph-page-element-page1-1l5Tgb"> <form role="form" aria-label="contact details" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-ARTskE" data-ph-id="ph-page-element-page1-wJupB8"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-YRY6gA"> <div data-ph-id="ph-page-element-page1-f9T5oA"> <label for="email" data-ph-id="ph-page-element-page1-qTMIod"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-bLE7v8" class="sr-only" data-ph-id="ph-page-element-page1-4aVLQO" language-overriden="true"> Email </span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-SEigMj"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-bLE7v8" data-ph-at-id="email-text" data-ph-id="ph-page-element-page1-pU8vEe" language-overriden="true"> Email </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-qMPUCX"> <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-Ivuj0T" 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-hYzb9D"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-page-element-page1-chzKDL"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-page-element-page1-VPUFHR"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-vSTjbc" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-page-element-page1-L8Rwzr" 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-0FX3rC"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-dV1TiH" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-page-element-page1-A6JKlv" 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-hWohM2"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-page-element-page1-gIGBfZ"> <div data-ph-id="ph-page-element-page1-m9QNzh"> <label for="phone" data-ph-id="ph-page-element-page1-WeCaYZ"> <span key="ph-find-your-fit-container-v1-default-ai8eoj-llfiJP" class="sr-only" data-ph-id="ph-page-element-page1-E8GPH9" language-overriden="true">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-page-element-page1-jy8PCb"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-QEQgMP" data-ph-at-id="phone-text" data-ph-id="ph-page-element-page1-7oxZAg" language-overriden="true"> Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-page-element-page1-eJz6ZK"> <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-1tlMyM" 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-HPFj79"> <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-SLLjIS"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-ne7bcp" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-page-element-page1-wuuaKq" 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-q6LGXK"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-page-element-page1-7pkL6e"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-page-element-page1-sP6yfa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-gNLCSh" data-ph-id="ph-page-element-page1-LGUzNF" 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-fSgaf0"> <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-rB0Avr" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-lDqmvs"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-gmiw45"></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-jLSOmr"> <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-JrUauV"> <p data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-9ZltvP"> ${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-pFlXPU"> <h2 class="phs-heading" data-ph-id="ph-page-element-page1-SGvpUw"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-k1pUWq" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page1-SyZwQI" 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-Pjc4UO" view="1663479082346-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="1663479082346-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-page-element-page1-YzeZKk"></div> </section> <div class="signin-info" data-ph-id="ph-page-element-page1-ysdqDG"> <span data-ph-id="ph-page-element-page1-p9YGtJ"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-page-element-page1-hu5DOt"></i> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-XSyINw" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-page-element-page1-J49JFf" 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-EbPUbv"> <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-JVVRKH"> <div class="failure-img-block" data-ph-id="ph-page-element-page1-s4LN65"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-page-element-page1-516lvQ"></i> <span key="ph-find-your-fit-container-v1-default-ai8eoj-Enshed" class="sr-only" data-ph-id="ph-page-element-page1-Q5XYRd" language-overriden="true">success icon </span></div> <div data-ph-id="ph-page-element-page1-hADoY3"> <h3 class="heading" data-ph-id="ph-page-element-page1-7ERkyq"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-EmmWdD" data-ph-at-id="sucess-text" data-ph-id="ph-page-element-page1-i94bmI" language-overriden="true"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-page-element-page1-r1V1YT"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-TUCVWv" data-ph-at-id="sucess-desc1" data-ph-id="ph-page-element-page1-Zt3zBg" language-overriden="true"> Your file is successfully uploaded </ppc-content> </div> <div class="p-text" data-ph-id="ph-page-element-page1-zgFc3n"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-hBEEpm" data-ph-at-id="sucess-desc2" data-ph-id="ph-page-element-page1-tbKAZx" 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-7ycNoN"> <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-eZv5in" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-sblMq2"> <span class="btn primary-button" data-ph-id="ph-page-element-page1-meRf7o"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-t7vNHk" data-ph-at-id="close-link-text" data-ph-id="ph-page-element-page1-kqqTiu" 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-qiFshR"> <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-YwV1BV" data-ph-at-id="close-link" data-ph-id="ph-page-element-page1-hceFvL"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page1-ga6xMX"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-page-element-page1-gTuQBu"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-page-element-page1-ckN1qP"></i> <span class="sr-only" key="ph-find-your-fit-container-v1-default-ai8eoj-TpA32e" data-ph-id="ph-page-element-page1-Quzg7x" language-overriden="true">reset icon</span> </div> <div data-ph-id="ph-page-element-page1-Kv3kum"> <div class="p-text" data-ph-id="ph-page-element-page1-qNlaa0"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-Nqpjbh" data-ph-at-id="description-text" data-ph-id="ph-page-element-page1-o3VWej" language-overriden="true"> By resetting personalization <br data-ph-id="ph-page-element-page1-PTPfPx" />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-jIFafr"> <div class="delete-link" data-ph-id="ph-page-element-page1-WIeTaH"> <button class="btn warning-button" aria-label="Reset" key-aria-label="ph-find-your-fit-container-v1-default-ai8eoj-nobxN0" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-page-element-page1-FnNZsa"> <ppc-content key="ph-find-your-fit-container-v1-default-ai8eoj-GhRhiI" data-ph-id="ph-page-element-page1-jkWs1n" language-overriden="true"> Reset </ppc-content> </button> </div> </div> </div> </div> </div> </div> </div> <!-- Find your fit --> <section class="ph-widget phcriticalhide" instance-id="6ty93o" if.bind="isFyfEnabled" data-ph-id="ph-page-element-page1-OC4Gt6" view="1663479082357-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="1663479082357-default" original-view="default" data-ph-id="ph-page-element-page1-oqn46T"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-7rPufm"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-page-element-page1-3CRVA1"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-page-element-page1-6Xfak5" view="1663479082618-default" original-view="default" theme="default"> <div as-element="ph-candidate-login-v1" flow-type="signUp" data-widget="ph-candidate-login-v1" widget-context.bind="candidatePopupData" class="ph-candidate-login-v1-default-default ph-widget-target" view="default-1663491051851" instance-id="fyf2" original-view="default" data-ph-id="ph-page-element-page1-6cwUdU"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-c9nhx6"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-page-element-page1-d38jaJ"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-page-element-page1-WQ8tSP"> resume uploading </div> </div> </div></script><script type="text/javascript">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">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1659020793429.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/tenantcss/main-1722873563540.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/tenantcss/color-css-1681492307590.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript"> phApp.pageId = "page1";</script><script id="page_dynamic_literals"> 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","google":"Sign in with Google","privacyPolicyCheckboxText":"I have read and agree to the ","linkedIn":"Sign in with LinkedIn","privacyPolicyLink":"javascript:void(0);","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found","termsOfUseText":"Terms of Use","duplicateProfileInfo":"{{profileCount}} duplicate profiles found","termsLink":"javascript:void(0);","privacyPolicyText":"Privacy Policy","google-sign":"Sign in with Google","privacyPolicyCheckboxSeparatorText":" and ","mergeCount":"Merge selected ({{profileCount}})"},"ph-find-your-fit-container-v1-default":{"contactDetailsAreaCancelBtnText":"Cancel","resumeResetDropDownText":"Reset","contactDetailsAreaHeadingText":"Confirm Personal Details","resumeLocationSuggestionAriaLabel":"Job Location suggestions","contactDetailsAreaName":"Name ","resumeSkillSet":"Skill Set (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeCancelPopupSubHeading":"In 60 seconds we will find you the right job","resumeExperienceSubHeading":"Verify and update your details.","resumeSkillSetSuggestionsHeading":"Your skills","contactDetailsAreaNamePlaceholder":"Enter Your Name","resumeLocationSubHeading":"Verify and update your details","resumeLocationPlural":"locations","contactDetailsAreaEmailInputErrorCorrentFormat":"Enter a vaild email adress ","resumeJobTitleSuggestionAriaLabel":"Recent job title suggestions","resumeStepsSubmitText":"Submit","resumeCancelPopupCancelBtn":"Cancel Site Personalization","resumeResetDropDownAriaLabel":"Reset Personalization","resumeSkillSetSingular":"skill","resumeEditDropDownBtnAriaLabel":"Edit your resume","contactDetailsAreaNameInputErrorText":"Name should not empty","resumeExperienceLegendText":"Experience","contactDetailsAreaPhoneInputErrorText":"Please enter correct phone number","resumeCancelPopupHeading":"Are you sure you want to cancel?","resumeJobTitlePlural":"Job titles","contactDetailsAreaEmailPlaceholder":"your@mail.com","resumeLocationSingular":"location","contactDetailsAreaSubmitBtnText":"Submit","uploadResumeProfileFirstName":"Hi {{userFirstName}},","removeSelectionIcon":"icon-cancel-1","resumeLocation":"Location (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“","resumeLocationSuggestionsHeading":"Your preferred locations","contactDetailsAreaEmailInputErrorText":"Email should not be empty","resumeExperienceYearsText":"years","resumeEditDropDownText":"Edit","resumeLocationSearchPlaceholder":"Search to Add Locations","resumeCancelPopupContinueBtn":"Continue Site Personalisation","resumeJobTitleSearchPlaceholder":"Search to Add Titles","resumeSkillSetSuggestedHeading":"Select suggested skills","resumeSkillSetNoResults":"No results found","resumeLocationSearchLabel":"Search locations here (You can enter multiple values)","uploadFileSizeError":"Upload file size should not exceed {{fileSize}} mb","resumeJobTitleSingular":"Job title","resumeJobTitleSearchLabel":"Search Job title here (You can enter multiple values)","resumeStepsPrevText":"Previous","resumeJobTitleSubHeading":"Verify and update your details.","contactDetailsAreaEmail":"Email","resumeSkillSetSubHeading":"Verify and update your details.","resumeJobTitleSuggestionsHeading":"Your job titles","resumeSkipThisSection":"Skip this section","contactDetailsAreaPopupCloseAriaLabel":"Contact details popup close","resumeLocationNoResultsText":"No results found","resumeJobTitleNoResults":"No results found","resumeSkillSetPlural":"skills","resumeSkillSetSuggestionAriaLabel":"Skill Set suggestions","resumeSkillSetSearchPlaceholder":"Search to Add Skills","resumeExperience":"Experience (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeSkillSetSearchLabel":" Search skill set here (You can enter multiple values)","resumeEditFYfDropDownText":"Edit profile","resumeShowingText":"Showing","resumeJobTitle":"Job Title (Step {{activeStepIndex}}/{{resumeConformationSteps}})","resumeRemoveText":"Remove","resumeNewResumeDropDownAriaLabel":"Upload new file","contactDetailsPopupCloseAriaLabel":"Close Popup","resumeNewResumeDropDownText":"Use new resume","contactDetailsAreaPhone":"Phone Number","resumeStepsNextText":"Next","resumeAddText":"Add","contactDetailsAreaPhonePlaceHolder":"Enter your phone number"},"ph-candidate-login-v1-default":{"forgotPasswordPopUpSubHeading":"Enter your email and we'll send you link to reset your password","signInIcon":"icon icon-user-4","validEmailIcon":"icon icon-check-mark-thick-1","validPasswordIcon":"icon icon-check-mark","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy Policy","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Sign in","forgotPasswordLinkText":"Forgot your password?","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","signInButtonLabel":"Already have an account?","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","privacyPolicyCheckboxText":"I have read and agree to the ","signInEmailFormPlaceHolder":"name@mail.com","createAccountPopUpSubHeading":"","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","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","personalAccountLinkText":"View profile","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","closePopUpButtonIcon":"icon icon-cancel","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":"javascript:void(0);","termsOfUseText":"Terms of Use","showPasswordText":"Show password","signInAgreementTextPartTwo":"and","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","staySignedInCheckboxAriaLabel":"Stay signed in","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Sign in","createAccountFormPlaceHolder":"Your Password","salutationText":"Hi","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","resentEmailButtonLabel":"Didn't receive the mail?","passwordErrorRequirementText":"Password did not meet the requirements for","termsLink":"javascript:void(0);","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-social-connect-v1-view4":{"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 in with Google","google-sign":"Sign in with Google","linkedIn":"Sign in with LinkedIn","mergeCount":"Merge selected ({{profileCount}})","duplicateProfileInfoSingler":"{{profileCount}} duplicate profile found"},"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","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Sign in","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInButtonLabel":"Already have an account?","createAccErrorStatement3":"one number,","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your Password","accCreated2Error":"Please continue with","signInPasswordFormLabel":"Password","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@mail.com","returnSigninText":"Return to Sign in","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","createAccountButtonText":"Sign up","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalised profile","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","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","staySignedInCheckboxText":"Stay signed in","fyfFlowSignUpHeading":"Sign up to save your personalised profile","errorSrOnly":"error:","createAccountButtonLabel":"Don’t have an account?","passwordVisibleSrOnly":"Password is visible","privacyPolicyLink":"javascript:void(0);","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","errorIncorrectPassword":"Your password is incorrect. Please try again","seperatorText":"or use your social account","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":"javascript:void(0);","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-find-your-fit-v1-default":{"fyfRecentTitlePlaceHolderText":"Your most recent job title","suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","socialSigninStepText":"social sign in","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfLocationPlaceHolderText":"Your preferred work location","yourSkillsMessage":"Your skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","fyfSkillsPlaceHolderText":"Your skills","JobTitleMessage":"Your job title","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","yourPreferredLocationMessage":"Your preferred location","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","google-plusTitle":"Share via google plus","linkedin":"Share via LinkedIn","instagram":"Share via Instagram","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","hashtagsText":"","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","vkTitle":"Share via vk","whatsappAriaaLabel":"Share via whatsapp","google-plus":"Share via google plus","vkAriaLabel":"Share via vk","instagramTitle":"Share via Instagram","emailTitle":"Share via email","facebook":"Share via Facebook","emailClientSubject":"{{title}} at {{companyName}}","twitterAriaLabel":"Share via twitter","pinterest":"Share via pinterest","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-profile-recommendations-v2-default":{"applyNowText":"View Job","locationText":"location","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","remote":"Remote","title":"Title","type":"Job Type","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","postedDateFormat":"ll","experienceRequired":"Experience","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","payRate":"pay rate","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-global-search-v1-view3":{"globalsearchPlaceholder":"Search for job","noResultFoundText":"No Results Found","globalsearchLocationPlaceholder":"Enter location","globalsearchButtonText":"Search","globalsearchCategoryPlaceholder":"Enter Category"}} </script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143">(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;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NJMQBH8');</script><script id="structural-tag" type="application/ld+json">{"@context": "https://schema.org","@type": "WebPage","inLanguage": "en_us","name": "home","url": "https://careers.sonesta.com/us/en","datePublished": "2024-01-26","dateModified": "2024-01-26"}</script><script id="ph_app_widgetscript_url" type="text/javascript">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script></head> <body class="home-page" data-ph-id="ph-page-element-page1-E1NmEF" style="visibility: hidden;"><noscript snippet_id="GTM-BODY-143"><iframe title="" src="https://www.googletagmanager.com/ns.html?id=GTM-NJMQBH8" 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-f7VH3l"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="SICi6Zpo"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page1-RFmoFX"><section class="ppc-section ph-widget" type="dynamic" instance-id="zl63ds" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1667900240551-7ObDTL"><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-1667900242397" theme="default" original-view="default" instance-id="zl63ds" data-ph-id="ph-widget-element-1667900240551-Qwi1vT"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page1-oQPa6q"> <!-- hero block --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page1-FXUgiX" view="1582207830511-default" original-view="default" instance-id="KFqk8y" theme="default"><div class="ph-geo-location-v1-default-default ph-widget-target" data-ph-id="ph-page-element-page1-3Z7G3Z" as-element="ph-geo-location-v1" data-widget="ph-geo-location-v1" view="1582207830511-default" original-view="default" theme="default" ph-removed="true" instance-id="KFqk8y"></div></section><section class="ppc-section ph-widget" type="static" data-ph-id="-1667904536037" view="1667904536391-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" instance-id="sPmcog" theme="theme1"><div class="ph-hero-block-cc-view7-option2-theme1 ph-widget-target" data-ph-id="-1667904536037-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1667904536391-hero-block-cc-view7-option2" original-view="ph-hero-block-cc-view7-option2" theme="theme1" ph-removed="true" instance-id="sPmcog"><div class="ph-component-cntr ph-widget-box" data-ph-id="ph-widget-element-1667904536391-2"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="sPmcog-ph-hero-block-cc-view7-option2-listRole" data-ph-id="ph-widget-element-1667904536391-3"> <div card-name="ph-hero-block-cc-view7" class="ph-card" key-role="sPmcog-7mclwI-ph-hero-block-cc-view7-option2-listItemRole" instance-id="7mclwI" data-ph-id="ph-widget-element-1667904536391-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-1667904536391-5"> <figure class="image" key-role="sPmcog-7mclwI-oFU8JQ-ph-hero-block-cc-view7-option2-presentationRole" role="presentation" instance-id="7mclwI-oFU8JQ" data-ph-id="ph-widget-element-1667904536391-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-1667904536391-7"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1667904536391-8"> <img src="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/images/cropChild-azhhl-1704311562406.png" key-src="sPmcog-7mclwI-T7gEah-ph-hero-block-cc-view7-option2-image-src" alt="" key-alt="sPmcog-7mclwI-T7gEah-ph-hero-block-cc-view7-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="7mclwI-T7gEah" data-ph-id="ph-widget-element-1667904536391-9" height-val="339" /> </ppc-content> </ppc-container> </figure> <div class="inner-container" data-ph-id="ph-widget-element-1667904536391-12"> <div class="global-search-block" data-ph-id="ph-widget-element-1667904536391-13"> <ppc-container component-content-key="h1-heading" class="heading-one element-center ph-cc-d-p-a-12 ph-cc-d-m-a-37 ph-line-height-1_1 ph-letter-spacing-minus-0_2" data-ph-cid="h1-heading1" data-ph-id="ph-widget-element-1667904536391-14"> <h1 data-ph-id="ph-widget-element-1667904536391-15"> <ppc-content key="sPmcog-7mclwI-kqXapL-ph-hero-block-cc-view7-option2-h1-heading-title-text" instance-id="7mclwI-kqXapL" data-ph-id="ph-widget-element-1667904536391-16"><div><span class="gray-lighter"><span>Welcome,<br />People People.</span><br /><span class="gray-lighter"><span style="font-size: 27px;">We're hiring who you are. And, who you can be.</span></span></span></div></ppc-content> </h1> </ppc-container> <section class="ph-widget" instance-id="yJx6pE" original-view="view3" view="1667904536406-view3" data-ph-id="ph-widget-element-1667904536391-20"> <div as-element="ph-global-search-v1" instance-id="yJx6pE" class="ph-global-search-v1-view3-default ph-widget-target" view="1667904536406-view3" data-widget="ph-global-search-v1" location-placeholder-text.bind="'search for location or zipcode'" placeholder-text.bind="'Search for Job title'" data-mode="loc-less" original-view="view3" data-ph-id="ph-widget-element-1667904536391-21"></div> </section> </div> </div> </div> </div> </div> </div></div></section> <!-- FYF --> <section class="ph-widget" instance-id="ai8eoj" view="ai8eoj-default" original-view="default" data-ph-id="ph-page-element-page1-CI6ogz"> <div class="ph-find-your-fit-container-v1-default-theme2 ph-widget-target" theme="theme2" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" instance-id="ai8eoj" view="default-1663479082667" original-view="default" data-ph-id="ph-page-element-page1-yzes9A"></div> </section> <!--profile recom jobs--> <section class="ph-widget ph-media-cc-view1-option11-theme1" theme="theme1" type="static" view="vtrhg-ph-media-cc-view1-option11" instance-id="vtrhg" original-view="ph-media-cc-view1-option11" data-ph-id="ph-page-element-page1-Vsb9qJ"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="vtrhg-ph-media-cc-view1-option11" original-view="ph-media-cc-view1-option11" type="static" data-ph-id="ph-page-element-page1-hhnGBG" instance-id="vtrhg" class="ph-widget-target ph-media-cc-view1-option11-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box header-center darkar-border" default-cards-count="2" data-ph-id="ph-page-element-page1-PSgGGm" style="background-color: rgba(255,255,255,1) ;"> <div class="inner-container" data-ph-id="ph-page-element-page1-3kYkXO"> <div class="ph-container-heading-block" data-ph-id="ph-page-element-page1-7GQ3Lp"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="BerANz" data-ph-id="ph-page-element-page1-GQVk86"> <div class="heading-block-info" data-ph-id="ph-page-element-page1-JZWze1"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-page-element-page1-55Iazd"> <h2 data-ph-id="ph-page-element-page1-LsvAE9"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-4Z1jmp" instance-id="BerANz-c49XNv" data-ph-id="ph-page-element-page1-nSHRMX"><h2 data-ph-id="ph-page-element-page1-DwwRme" ph-element-dummy-ele="true"><span style="font-family:Montserrat-Regular;">Start Your Sonesta Journey Here!</span></h2></ppc-content> </h2> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-page-element-page1-og3faF"> <ppc-container component-content-key="header-block-primary-action-link" class="header-block-primary-action-link" data-ph-cid="header-block-primary-action-link1" data-ph-id="ph-page-element-page1-YV8Kqn"> <a ph-href="jointalentcommunity" key-ph-href="ph-html-v1-ph-media-cc-view1-option11-vtrhg-FtQnB5" title="Join Our Talent Community!" key-title="ph-html-v1-ph-media-cc-view1-option11-vtrhg-I72uvp" class="action-link" aria-label="Join Our Talent Community" key-aria-label="ph-html-v1-ph-media-cc-view1-option11-vtrhg-l9xc01" ph-tevent="static_content_click" instance-id="BerANz-CLCwz2" data-ph-id="ph-page-element-page1-TdpIis" data-ph-href="jointalentcommunity" hidelinktarget="false"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-cm0YOo" instance-id="BerANz-CLCwz2" data-ph-id="ph-page-element-page1-ZBrYoq">Join Our Talent Community!</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page1-IJ5IfO"></i> </a> </ppc-container> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-page-element-page1-xuG7Oc"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-nsvSjd" data-ph-id="ph-page-element-page1-wNnjPH"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="WGPQzY" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page1-qIYUVZ"> <div class="ph-media-cc-view1 ph-card-block full-card-link gray-darkar-border gray-lighter-bg" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-page-element-page1-pRlAKt" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" aria-label="Corporate Jobs" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="corporate-jobs" data-ph-href="corporate-jobs" key-aria-label="vtrhg-AZY9cH-ph-media-cc-view1-option11-" key-title="vtrhg-AZY9cH-ph-media-cc-view1-option11-" key-ph-href="vtrhg-AZY9cH-ph-media-cc-view1-option11-#categoryName#-jobs" instance-id="AZY9cH" data-ph-id="ph-widget-element-7214594813292451-BFr4CE"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page1-Vge6LX"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page1-fcImJ0"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page1-1GzQ2u"> <figure class="image" role="presentation" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-5iFMHs" instance-id="WGPQzY-lXJblk" data-ph-id="ph-page-element-page1-KsSDqv"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms ph-img-fit-to-card" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page1-RCPOau"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page1-i1u3fT"> <img src="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/images/cropChild-zLBGk-1704312949771.png" key-src="ph-html-v1-ph-media-cc-view1-option11-vtrhg-qHQHj9" alt="" key-alt="ph-html-v1-ph-media-cc-view1-option11-vtrhg-4zoH2C" unique-img="true" data-ph-cid="primary-image1" instance-id="WGPQzY-wUdJSp" data-ph-id="ph-page-element-page1-wbkOEM" height-val="209" crop-size="fit" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page1-9z7Xbq"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-DK1bhx"> <ppc-container component-content-key="meta-label" class="meta element-center" data-ph-cid="meta-label1" data-ph-id="ph-page-element-page1-LMf1N2" style="font-family: NunitoSans-Bold;"> <span key-aria-level="ph-html-v1-ph-media-cc-view1-option11-vtrhg-MFbZ3k" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-iLU5x0" instance-id="WGPQzY-eoyDzK" data-ph-id="ph-page-element-page1-JJKUlA"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-XJOGkp" data-ph-at-id="meta-text" instance-id="WGPQzY-eoyDzK" data-ph-id="ph-page-element-page1-cmlhZE"><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"><strong><span class="darkar">Corporate Jobs</span></strong></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link link-button element-center" data-ph-cid="primary-action-link1" data-ph-id="ph-page-element-page1-1M3y5J"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-page-element-page1-DgtKFO"> <a role="link" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-sL41lb" class="action-link" ph-href="corporate-jobs" key-ph-href="ph-html-v1-ph-media-cc-view1-option11-vtrhg-aLSz7b" title="Corporate Jobs" key-title="ph-html-v1-ph-media-cc-view1-option11-vtrhg-JO77GZ" aria-label="Corporate Jobs" key-aria-label="ph-html-v1-ph-media-cc-view1-option11-vtrhg-RBaQuN" ph-tevent="static_content_click" instance-id="WGPQzY-VkqFms" data-ph-id="ph-page-element-page1-KzlfN1" previous-z-index="" style="z-index: 3; position: relative; pointer-events: all;" ph-external-link-enabled="one-trust-disabled" data-ph-href="corporate-jobs" hidelinktarget="false" target="_self"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-JliJtw" data-ph-at-id="link-text" instance-id="WGPQzY-VkqFms" data-ph-id="ph-page-element-page1-NlD8eK">Click to Discover Your Next Job</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page1-q8a0KH"></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" instance-id="5cmQxT" card-container-style="background-image:'url()'" data-ph-id="ph-page-element-page1-Tex5K2"> <div class="ph-media-cc-view1 ph-card-block full-card-link gray-darkar-border gray-lighter-bg" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-page-element-page1-ZesvWD" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" aria-label="Hotel Jobs" title="" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="hotel-jobs" data-ph-href="hotel-jobs" key-aria-label="vtrhg-yUI7JG-ph-media-cc-view1-option11-" key-title="vtrhg-yUI7JG-ph-media-cc-view1-option11-" key-ph-href="vtrhg-yUI7JG-ph-media-cc-view1-option11-#categoryName#-jobs" instance-id="yUI7JG" data-ph-id="ph-widget-element-7214995936531085-Vo2VAi"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-page-element-page1-c2xJJj"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-page-element-page1-H0Ab8y"> <div ph-card-block-num="1" data-ph-id="ph-page-element-page1-hWaRCH"> <figure class="image" role="presentation" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-VcpgSx" instance-id="5cmQxT-wa5IA9" data-ph-id="ph-page-element-page1-HUPNxx"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page1-a7ob9I"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page1-bk3Qnm"> <img src="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/images/cropChild-EUSNE-1704313066966.png" key-src="ph-html-v1-ph-media-cc-view1-option11-vtrhg-JCRyCy" alt="" key-alt="ph-html-v1-ph-media-cc-view1-option11-vtrhg-lFL0In" unique-img="true" data-ph-cid="primary-image1" instance-id="5cmQxT-MSXA86" data-ph-id="ph-page-element-page1-tqGTNh" height-val="209" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-page-element-page1-ZN4yFD"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-page-element-page1-wkeWyO"> <ppc-container component-content-key="meta-label" class="meta element-center" data-ph-cid="meta-label1" data-ph-id="ph-page-element-page1-i1m0pG" style="font-family: NunitoSans-Bold;"> <span key-aria-level="ph-html-v1-ph-media-cc-view1-option11-vtrhg-yZehr3" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-FYvOxj" instance-id="5cmQxT-8WjCJ9" data-ph-id="ph-page-element-page1-dFPmv1"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-eg4wX2" data-ph-at-id="meta-text" instance-id="5cmQxT-8WjCJ9" data-ph-id="ph-page-element-page1-fISNhX"><div><span class="darkar"><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">Hotel Jobs</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link link-button element-center" data-ph-cid="primary-action-link1" data-ph-id="ph-page-element-page1-D14KHj"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-page-element-page1-MrYbzH"> <a role="link" key-role="ph-html-v1-ph-media-cc-view1-option11-vtrhg-2ebugr" class="action-link" ph-href="hotel-jobs" key-ph-href="ph-html-v1-ph-media-cc-view1-option11-vtrhg-klX6o5" title="Hotel Jobs" key-title="ph-html-v1-ph-media-cc-view1-option11-vtrhg-ARyldq" aria-label="Hotel Jobs" key-aria-label="ph-html-v1-ph-media-cc-view1-option11-vtrhg-D7dkdX" ph-tevent="static_content_click" instance-id="5cmQxT-2iHSkx" data-ph-id="ph-page-element-page1-jKIZ5x" previous-z-index="" style="z-index: 3; position: relative; pointer-events: all;" data-ph-href="hotel-jobs" hidelinktarget="false"> <ppc-content key="ph-html-v1-ph-media-cc-view1-option11-vtrhg-rYeGuW" data-ph-at-id="link-text" instance-id="5cmQxT-2iHSkx" data-ph-id="ph-page-element-page1-Uuk4Mt">Click to Discover Your Next Job</ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-page-element-page1-AA2wCk"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!-- video popup --> <!-- category --> <!-- testimonial slider --> <!-- We are global--> <section class="ph-widget" instance-id="c1ykg4" view="c1ykg4-default" original-view="default" data-ph-id="ph-page-element-page1-aXT9ff"> <div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" theme="theme28" max-display-count="6" jobs-display-mode="seeMore" instance-id="c1ykg4" view="default-1663504113622" original-view="default" data-ph-id="ph-page-element-page1-02wuhH"></div> </section> <!-- Why work here --> <!--recom job histroy--> <!--recently viewd jobs--> <!--nearbyjbs--> <!-- glassdoor --> <!-- find out more --> <!-- A glimpse into Phenom life --> </div> <pcs-widget class="ph-widget" data-ph-widget-id="8f7e8fd8faaed24ac813be530eea4981" instance-id="NxOis3" data-ph-ft="nps" data-ph-id="ph-widget-element-1672155412623-LTP9wJ"></pcs-widget></div> <div class="ph-footer" data-ph-id="ph-page-element-page1-UCwetv"><div class="footer-layout" type="footer-layout"> <pcs-widget data-ph-widget-id="a0eed55411fc833cb94a38f266fb4ec2" instance-id="fpwiff" data-ph-content-id="YuBLHSet"></pcs-widget> </div></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/SHXSHUUS/en_us/desktop/assets/scripts/1676979003980-custom.js" data-ph-id="ph-page-element-page1-tq8kXA" async=""></script> <script id="platform_script_polyfill" type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/vendor/minified.js" nomodule="" defer=""></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" defer=""></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" defer=""></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=""> </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/SHXSHUUS/en_us/desktop/page1/caas-platform/page-views-1706282178055.js" defer></script></body> </html><div id='csrfToken' style='display:none'>03dfa26ec60048de8e033a4d9339f650</div>