CINXE.COM
<!DOCTYPE html> <html lang="en" data-ph-id="ph-page-element-page7-9hbeft" class="desktop en_ca external"> <!--<![endif]--> <head data-ph-id="ph-page-element-page7-ggWHkM"><link rel="preconnect" href="https://cdn.phenompeople.com" /><link rel="preconnect" href="https://assets.phenompeople.com" /><link rel="preload" as="image" importance="high" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/Untitleddesign65-1623806861709.png" id="ph_image_preload" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@Bell Canada" /><meta name="twitter:creator" content="@Careers - Bell Canada" /><meta name="twitter:image" content="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/social/bell-twitter-1622168700804.jpg" page-seo-overriden="true" /><meta name="twitter:title" content="Careers at Bell Canada | Bell Canada jobs" /><meta name="twitter:description" content="Join our team. With you, Bell just got better. Select your career journey. Join a team that delivers faster and better than anyone else." /><meta name="layout" content="site-layout" data-ph-id="ph-page-element-page7-wUtHUV" /><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" data-ph-id="ph-page-element-page7-L64sIJ" /> <link type="image/x-icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/favicon.ico" rel="icon" data-ph-id="ph-page-element-page7-uO017I" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/h/apple-touch-icon.png" data-ph-id="ph-page-element-page7-gxmOrC" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/m/apple-touch-icon.png" data-ph-id="ph-page-element-page7-siiSoK" /> <link rel="apple-touch-icon-precomposed" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/l/apple-touch-icon-precomposed.png" data-ph-id="ph-page-element-page7-LZJfHA" /> <link rel="shortcut icon" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/l/apple-touch-icon.png" data-ph-id="ph-page-element-page7-KvGQEU" /> <link rel="apple-touch-startup-image" href="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/images/l/splash.png" data-ph-id="ph-page-element-page7-GLNzMg" /> <script type="text/javascript" nonce="">/*<!--*/ var phApp = phApp || {"widgetApiEndpoint":"https://jobs.bell.ca/widgets","country":"ca","deviceType":"desktop","locale":"en_ca","absUrl":true,"refNum":"BECACA","cdnUrl":"https://cdn.phenompeople.com/CareerConnectResources/pp","baseUrl":"https://jobs.bell.ca/ca/en/","baseDomain":"https://jobs.bell.ca","phenomTrackURL":"jobs.bell.ca/ca/en/phenomtrack.min.js","pageName":"home","siteType":"external","rootDomain":"https://jobs.bell.ca","pageId":"page7"}; phApp.ddo = {"fyfTokenStatus":{"tokenAvailable":false},"siteConfig":{"status":"success","errorCode":null,"errorMsg":null,"data":{"thirdPartyLibraries":{"internal":["heap-analytics","open-replay"]},"lqipImage":"https://assets.phenompeople.com/CareerConnectResources/common/assets/images/gray.png","navItems":{"showExternalEvents":true,"candidateHome":true,"cdnCaasContentUrl":"https://content-ca.phenompeople.com/api/content-delivery/caasContentV1","eventsEnabled":false,"audPxConfig":{"newVersion":"4.0","oldVersion":"2.0"},"blogsEnabled":true,"navMenuItems":["blogs","candidateHome"],"cdnCaasContentEnabled":true,"showExternalBlogs":true,"navMenuItemsData":{"blogs":{"url":"https://jobs.bell.ca/ca/en/blog"},"events":{"url":"https://jobs.bell.ca/ca/en/events"}}},"imageLoadType":{"desktop":"lazy","mobile":"lazy"},"ignoreCovidWidgetPagesList":["chatbot"],"uniqueEventSubsList":["getUserProfileData"],"smoothAnchorSettings":{"ignore":true,"isLazyIgnored":true},"embedScriptVersion":"0.9.4","locale":"en_ca","siteLevelWidgetBindables":{"97e696f90c1e5c417da8b4484b49c7b0":{"locationSearch":true},"ad204a0c40fc1a98d614669f1bc50ab3":{"locationSearch":true}},"phwPxScrVerionUrl":"common/js/canvas/vendor/phw-px-hadlr-1.3.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"},"isUrlLowerForSeo":false,"ally":{"layerEnabled":true,"cdnUrl":"/common/js/ally/ph-ally-v1.1.js","allyScript":"/common/js/ally/ph-ally-layer-v1.18.js","allySkipToContent":{"isEnabled":true,"selectors":"#skip-content, #ph-skip-content"},"reorderCookie":true,"userAgent":"AudioEye"},"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,"pxScrVerionUrl":"common/js/vendor/ph-px-hadlr-1.15.js","ignoreCookiePages":["chatbot"],"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"],"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"}}]},"oauth":{"indeed":{"clientId":"9d7219aebf5c1d2fdcc2f09ddb2c960187372b68637b8542faeff787920e1deb"},"xing":{"clientId":"c3bdfb74291c0e358e89"},"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"752xe1cieo8utv","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":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.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":"181118625820023","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"},"globalManagedWidgetIds":["8b82bfdaafd4d8504005407db933c9a6"],"botEnabled":false,"maps":{"google":{"apiScript":"https://maps.googleapis.com/maps/api/js","clusterJsScript":"markerclusterer-v1.js","gmapsInfoBoxScript":"gmaps-infobox-v1.js","apiKey":"AIzaSyBqM-rW0r-sR9PerNAvvsmzbBeoFu3Ycz8"},"mapbox":{"mapboxScript":"mapbox-gl.js","superClusterJsScript":"supercluster.min.js","apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Mpna1KIqU8Gj6zjPy4iygw"},"mapboxCN":{"mapboxScript":"mapbox-gl-v1.1.0.js","superClusterJsScript":"supercluster.min.js","mapboxTurf":"mapbox-turf.min-v1.js","mapboxSearch":"mapbox-gl-geocoder.min.js","mapboxDirections":"mapbox-gl-directions.js","enableDirections":true,"apiKey":"pk.eyJ1IjoicGhlbm9tcGVvcGxlIiwiYSI6ImNqa3dreDVkZDB4YWEzam9hMXp0eWVqbXgifQ.Srl2-pw3xDRilymEjEoeig","baseApiUrl":"https://api.mapbox.cn"}},"ignoreLinkedInStateParam":false,"fetchBlogShareSettingsFromSiteconfig":false,"oneTrust":{"class":["ot-sdk-show-settings"]},"videoScreeningGlobalStyles":"https://pp-cdn.phenompeople.com/CareerConnectResources/st/common/video-platform/js/ph-vs-global-styles-v1.css","googleMapApiKey":"AIzaSyCWCCLv_lb4qm3CgyhYWZSdmxKLTUa87H4","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-ca.phenompeople.com","pageNameLevelDdos":[],"pageIdlevelDdos":[]},"mapBoxGlScript":"mapbox-gl-v1.1.0.js","urlMap":{"home":"home","category":"c/:category","job":"job/:jobSeqNo/:title","service":"service/:jobId/:title","jobcart":"jobcart","search-results":"search-results","glassdoor-reviews":"glassdoor-reviews","event":"event/:eventScheduleId/:title","events":"events","jobalert":"jobalert","locations":"locations","my-profile":"myprofile","saved-jobs":"savedjobs","settings":"settings","social-networks":"socialnetworks","team-profile":"teamprofile","blogarticle":"blogarticle/: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","gigs_manage":"gigs/manage","gigs_applications":"gigs/applications","gigs_applicants":"gigs/applicants/:gigId","events_event":"events/event/:eventScheduleId/:title","events_home":"events/home","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":{"BECACA_Sales":"c/sales-jobs","BECACA_Other":"c/other-jobs","BECACA_Corporate_Services":"c/corporate-services-jobs","BECACA_HR_Corporate_Services":"c/hr-corporate-services-jobs","BECACA_Campus":"c/campus-jobs","BECACA_Media":"c/media-jobs","BECACA_Technicians":"c/technicians-jobs","BECACA_Students_Graduates":"c/students-graduates-jobs","BECACA_Operations_IT_Infrastructure":"c/operations-it-infrastructure-jobs","BECACA_Marketing_Communications":"c/marketing-communications-jobs","BECACA_Customer_Experience":"c/customer-experience-jobs","BECACA_Technology":"c/technology-jobs","BECACA_Marketing_and_Communications":"c/marketing-and-communications-jobs"},"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|Googlebot|Googlebot/2.1|Chrome-Lighthouse","siteSettings":{"glassdoor":{},"glassdoorReviews":{},"twitter":{},"refineSearch":{"enabledFacets":["category","phenomJobFunction","hireType","jobType","country","state","city"],"facetDisplayNames":{"category":"Category","phenomJobFunction":"Sub category","hireType":"Job status","jobType":"Job type","country":"Country","state":"Province","city":"City"},"facetPlaceholderNames":{"category":"Search in category","phenomJobFunction":"Search in sub category","hireType":"Search in job status","jobType":"Search in job type","country":"Search in country","state":"Search in province","city":"Search in city"},"defaultFacetsToOpen":["category"]},"globalSearchFeature":{"mobileSearch":false},"linkedIn":{"apiKey":"752xe1cieo8utv"},"googleMapApiKey":"AIzaSyAPoqeLpXXx4tqiWHMYJkY42yDS_f3gNJs","oauth":{"linkedIn":{"apiKey":"752xe1cieo8utv","clientId":"752xe1cieo8utv","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"},"facebook":{"loginUrl":"https://www.facebook.com/dialog/oauth","logoutUrl":"","clientId":"181118625820023","redirectUri":"/socialAuth/fb","scope":"email public_profile","response_type":"code"},"google":{"loginUrl":"https://accounts.google.com/o/oauth2/auth","logoutUrl":"https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout","clientId":"414699307979-nk6l179efm95vfqt0n0fgt05jjmk04tj.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"}},"gdpr":{"cookieType":"persistent","showCookieSettings":true,"showDecline":false,"enabled":true}},"size":"10","refNum":"BECACA","siteVariant":"external","isNativeEmailClientForBlog":true,"iscdnEnabled":true,"isNativeEmailClient":true,"calendarApiKey":{"clientId":"aPuJFtcvVzuUHrqeLmPL36170","apiToken":"api1514482884HylDN8tqa6mgQxWCpnjo36170","userZone":true},"trackingConfig":{"ddoDataPath":{"jobDetail":"data.job"},"job_category_click":{"trait14":"key"},"job_category_search_click":{"trait14":"key"},"play_click":{"trait260":"videotype","videoId":"videoid"},"pause_click":{"trait260":"videotype","videoId":"videoid"},"similar_job_click":{"trait12":"jobSeqNo","related":{"ddo":[{"name":"jobDetail","data":{"trait5":"jobSeqNo","trait14":"category"}}]}},"linkedin_recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recently_viewed_job_click":{"trait5":"jobSeqNo","trait14":"category"},"recommended_job_click":{"trait5":"jobSeqNo","trait14":"category"},"next_click":{"trait254":"stepName","typedValue":"typedValue","selected_values":"selected_values"},"ddo_failure":{"trait254":"stepName","response":"response","ddoKey":"ddoKey"},"ddo_error":{"trait254":"stepName","error":"error","ddoKey":"ddoKey"},"skip_questions_click":{"trait254":"stepName"},"previous_click":{"trait254":"stepName"},"registration_submit":{"trait27":"email","trait15":"firstName","trait24":"phone"},"edit_profile_information":{},"resume_remove_click":{},"profile_questions_click":{},"resume_upload_click":{},"create_profile_click":{},"upload_new_file_click":{},"clear_text_click":{"trait6":"clearSearchValue"},"send_feedback_click":{"userFeedback":"userFeedback"},"submit_rating_click":{"userRating":"userRating"},"near_job_click":{"trait5":"jobSeqNo","trait14":"category"},"suggestions":{"stepName":"stepName","typed_values":"typed_values","selected_values":"selected_values"},"fyf_step_loaded":{"step":"step"},"fyf_options_closed":{},"favorite_job_click":{"trait5":"jobSeqNo","trait14":"category"},"job_added_to_jobcart":{"trait5":"jobSeqNo","trait14":"category"},"job_unfavorited":{"trait5":"jobSeqNo","trait14":"category"},"job_favorite_delete_click":{"trait5":"jobSeqNo","trait14":"category"},"type_ahead_search":{},"similar_job_see_more_click":{},"linkedin_login_click":{},"linkedin_logout_click":{},"view_all_glassdoor_reviews_click":{},"homepage_category_click":{"trait14":"key"},"category_click":{"trait14":"key"},"job_click":{"trait5":"jobSeqNo","trait14":"category"},"previous_job_click":{"trait5":"jobSeqNo"},"next_job_click":{"trait5":"jobSeqNo"},"linkedin_recommended_category_click":{"trait14":"category"},"back_to_search_results_click":{},"share_event":{"trait269":"eventScheduleId","trait213":"provider"},"blog_click":{"trait283":"url"},"blog_category_click":{"trait14":"categoryName"},"next_blog_click":{"trait283":"url"},"previous_blog_click":{"trait283":"url"},"blog_details_view":{"trait283":"blog"},"navigate_to_tweet_click":{"tweetUrl":"tweetUrl"},"fit_level_loaded":{"jobsFitLevel":"jobsFitLevel","totalJobs":"totalJobs","availableFitLevelCount":"availableFitLevelCount"},"smart_tags_loaded":{"smartJobTags":"smartJobTags","totalJobs":"totalJobs","availableJobTagCount":"availableJobTagCount"},"edit_role_click":{"trait13":"trait13"},"select_role_click":{"trait13":"trait13","trait260":"trait260"},"app_download_click":{"trait260":"appName","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_decline_click":{"trait5":"videoScreenId","trait14":"category","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"user_accept_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"accept_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"reject_practice_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_record_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_submit_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"answer_retake_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_continue_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"answer_review_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId","videoScreenQuestionId":"videoScreenQuestionId"},"submit_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"export_videos_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"restart_application_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"start_now_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"continue_process_click":{"trait5":"videoScreenId","trait14":"category","trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"contact_recruiter_click":{"trait261":"userId","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"agree_click":{"videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"submit_feedback_click":{"rating":"rating","feedback":"feedback","videoScreenId":"videoScreenId","videoScreenInterviewId":"videoScreenInterviewId"},"video-upload-error":{"url":"url","status":"status","questionId":"questionId","response":"response"},"apply_thank_you_loaded":{"hvhConfig":"hvhConfig"},"hvh_asset_initiated":{"thankYouUri":"thankYouUri"},"hvh_asset_res":{"res":"res"}}},"reqData":null},"caasLazyLoadWidgetVersions":{"status":"success","errorCode":null,"errorMsg":null,"data":{"pcs-card-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-card-v1/pcs-card-v1-1620286894383.js","pcs-content-v1":"https://cdn.phenompeople.com/CareerConnectResources/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-1696334560770.js","pcs-blog-list-overview-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-blog-list-overview-v1/pcs-blog-list-overview-v1-1694708553477.js","pcs-component-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-component-v1/pcs-component-v1-1617346843242.js","pcs-social-connect-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-social-connect-v1/pcs-social-connect-v1-1669873248000.js","pcs-header-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-header-v1/pcs-header-v1-1718969442490.js","pcs-menu-list-v1":"https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/pcs-menu-list-v1/pcs-menu-list-v1-1652962143089.js","pcs-job-cart-count-v1":"https://cdn.phenompeople.com/CareerConnectResources/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-1708498827032.js"},"reqData":null},"flashParams":{}}; phApp.experimentData = {}; phApp.inlinePreview = false;phApp.pxSegmentState = 'stranger';phApp.pxPageState = 'stranger';phApp.eagerLoadDDOs = ["jobwidgetsettings","siteConfig","fyfTokenStatus"];; phApp.sessionParams = {"pxSegmentState":"stranger","csrfToken":"0dd5cdc32f144d969dc637285edca390","pxPageState":"stranger","jdsource":""}; /*-->*/</script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><meta charset="UTF-8" /><meta content="en" /><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="canonical" href="https://jobs.bell.ca/ca/en/home" /><meta name="description" content="Join our team. With you, Bell just got better. Select your career journey. Join a team that delivers faster and better than anyone else." key-description="default-home-description" /><meta name="keywords" content="Careers at Bell Canada, Bell Canada jobs, job opportunities in Bell Canada, job openings, career opportunities" key-keywords="default-home-keywords" /><link rel="alternate" href="https://jobs.bell.ca/ca/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/pp/BECACA/social/bell-og-1622168847218.jpg" /><meta property="og:site_name" content="Bell Canada" /><meta property="og:url" content="https://jobs.bell.ca/ca/en/home" /><meta property="og:title" content="Careers at Bell Canada | Bell Canada jobs" /><meta property="og:description" content="Join our team. With you, Bell just got better. Select your career journey. Join a team that delivers faster and better than anyone else." /><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-page7-qASpak" key="default-home-title">Careers at Bell Canada | Bell Canada jobs</title><script id="ph_app_page_id" type="text/javascript" nonce=""> phApp.pageId = "page7"</script><script type="application/ld+json" nonce="">{"@context": "http://schema.org","@type": "WebSite","url": "https://jobs.bell.ca/","potentialAction": {"@type": "SearchAction","target": "https://jobs.bell.ca/ca/en/search-results?keywords={search_term_string}","query-input": "required name=search_term_string"}}</script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/bluebird.min-1.0.js" defer="" nomodule="" platform_id="platform_bluebird" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-basic-4.30.js" defer="" module="" platform_id="platform_basic" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/require-4.1.js" defer="" platform_id="platform_require" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part1-4.1.js" defer="" platform_id="platform_vendorBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/vendor-bundle-part2-4.1.js" defer="" platform_id="platform_vendorBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part1-4.63.js" defer="" platform_id="platform_phCommonBundleJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/common/ph-common-bundle-part2-4.63.js" defer="" platform_id="platform_phCommonBundleJs_part2" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BECACA/en_ca/desktop/page7/ph-page-page7-1727795679385.js" defer="" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/vendor/ph-loader-4.21.js" defer="" platform_id="platform_loader" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/ph-tracking-1.2.js" defer="" platform_id="platform_phTrackingJs" nonce=""></script> <script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/common/js/appConfig/ph-app-config-1.14.js" defer="" platform_id="platform_phAppConfigJs" nonce=""></script> <script type="text/x-ph-tmpl" id="ph-geo-location-v1-1582207830511-default" nonce=""></script><script type="text/x-ph-tmpl" id="ph-global-search-v3-default-1591100216727" nonce=""><form class="phs-global-search-area phs-global-sr-container ph-widget-box ph-mobile-search-backdrop" keyup.delegate="arrowKeyUp($event)" novalidate="" action="" title="${widgetBundle['globalSearchFormTitle'] | pht}" data-ph-id="ph-page-element-page7-CbpO8j"> <!-- <card type="ph-header-block-v1-view2"> <component class="hide" data-ph-name="h1-heading" data-ph-cid="h1-heading1" value="Do what you love"> </component> <component class="hide" data-ph-name="header-block-sub-content" data-ph-cid="header-block-sub-content1" value="Search jobs"></component> </card> --> <div class="form-group phs-global-search ph-search-group" data-ph-id="ph-page-element-page7-N7bLhE"> <button class="ph-header-search-icon hide" aria-label="${widgetBundle['globalsearchAriaLabelText'] | pht}" type="button" data-ph-id="ph-page-element-page7-kmmOHx"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-C4Ody6"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page7-J00gMm"></i> </ppc-content> </button> <div class="input-group ${showDropDown ? 'dropdown-open': 'dropdown-close'}" data-ph-id="ph-page-element-page7-0SEos7"> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="!hasFeature && !hasFeature('auto-complete', 'a11y')" data-ph-id="ph-page-element-page7-bhnM4a"> <div data-ph-id="ph-page-element-page7-IeHqW8"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-4L08gs" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-page-element-page7-tLMaW0"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-kwlg33"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-RLZxO6" click.delegate="clearBackdrop($event)" data-ph-id="ph-page-element-page7-o62NSd"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-gKa62O"></i> </a> <label class="sr-only" for="phsKeywords" data-ph-id="ph-page-element-page7-cUDHh0"> ${widgetBundle['inputLabelText'] | pht} </label> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" if.bind="getWidgetBundleValue" key-placeholder="ph-global-search-v3-default-xsrdse-EnVjCU" aria-label="${widgetBundle['inputAriaLabelText'] | pht}" placeholder="Enter Job Title or Location" ref="typehead" placeholder.bind="getWidgetBundleValue('globalsearchPlaceholder', 'placeholder', typehead)" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-page-element-page7-nyYABE"> <input type="text" name="phsKeywords" id="phsKeywords" focus.trigger="handleFocus($event)" key-placeholder="ph-global-search-v3-default-xsrdse-H8uh0a" aria-label="Enter Job Title or Location" key-aria-label="ph-global-search-v3-default-xsrdse-pd1t0p" placeholder="Enter Job Title or Location" if.bind="!getWidgetBundleValue" class="form-control phs-keywords input-lg ph-input-search" value.bind="searchValue & debounce:100" autocomplete="off" data-ph-at-id="globalsearch-input" data-ph-id="ph-page-element-page7-kknpPX"> <span class="search-sym" data-ph-id="ph-page-element-page7-BlXkZ8"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-lhoUOb"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page7-OKIZ57"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0)" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="ph-global-search-v3-default-xsrdse-7LJWYp" data-ph-id="ph-page-element-page7-6MlrLt"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-6rncTN"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-zykJqr"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-page7-il8wPZ"> <ppc-content key="ph-global-search-v3-default-xsrdse-0uTLzs" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-page7-UxRoEu" language-overriden="true">Clear text </ppc-content> </span> </a> </input></input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="searchSuggest" aria-label="Search suggestions" aria-hidden="${!showDropDown ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-miOHVN"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-page-element-page7-9yiCHc"> <div class="phs-search-categories" data-ph-id="ph-page-element-page7-s6XYYT"> <div data-ph-id="ph-page-element-page7-BwttKL"> <h2 data-ph-id="ph-page-element-page7-P6iT0L"> <ppc-content key="ph-global-search-v3-default-xsrdse-uhKKyq" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-eRVEsw" language-overriden="true">Job Categories </ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" data-ph-at-id="category-list" role="presentation" data-ph-at-total-data-count="${allJobCategories.length}" data-ph-id="ph-page-element-page7-QXsvbg"> <li repeat.for="category of allJobCategories" class="job-search-keyblock job-container-category_${$parent.$index}_${$index}" data-ph-at-id="category-list-item" data-ph-id="ph-page-element-page7-2i2QEv"> <a ph-tevent="job_category_search_click" aria-label="${category.key} ${category.total_count} ${category.total_count > 1 ? 'jobs':'job'}" id="phs-lia_${$parent.$index}_${$index}" ref="linkEle" data-presentation-title="${category.key}" href.bind="getUrl(linkEle, 'category', category)" role="link" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-page-element-page7-clxzgT"> <span class="sr-only" data-ph-id="ph-page-element-page7-2GBrlT"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-page-element-page7-Kgm7Hv">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-page-element-page7-XEtXQH"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-page-element-page7-jvHHcb">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-page-element-page7-o0A4AO">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-page-element-page7-jtX3AT"> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page7-iCiRDg"> <h2 data-ph-id="ph-page-element-page7-UwKQC0"> <ppc-content key="ph-global-search-v3-default-xsrdse-BwEv68" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-ynGAiz" language-overriden="true"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-ZTcOlt"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-n8OXlu"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-page-element-page7-XU3IeY"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-9HmoZO"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-page-element-page7-JcvsDB"> <ppc-content key="ph-global-search-v3-default-xsrdse-Nxd70E" data-ph-at-id="no-data-text" data-ph-id="ph-page-element-page7-cZfBy8" language-overriden="true"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" aria-label="Job Suggestions" data-ph-id="ph-page-element-page7-OKbBTL"> <!--Jobs--> <div class="phs-jobs-suggested" if.bind="allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-page-element-page7-cK2IdC"> <h2 data-ph-id="ph-page-element-page7-2IWTXC"> <ppc-content key="ph-global-search-v3-default-xsrdse-7tyULj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-NkX6FM" language-overriden="true">Jobs</ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.jobs.length}" aria-hidden="${!allSuggestions.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-vJP6Sv"> <li repeat.for="eachJob of allSuggestions.jobs" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-mYqL6Q"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'job', eachJob)" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-option-title="${eachJob.title}" aria-label="Job title ${eachJob.title} ${eachJob.location ? 'Location' : ''} ${eachJob.location} ${eachJob.category ? 'Category' : ''} ${eachJob.category}" data-title="${eachJob.title}" data-jobid="${eachJob.id}" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-id="suggested-data-link" data-ph-at-job-id-text="${eachJob.id}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-category-text="${eachJob.category}" data-ph-at-job-location-text="${eachJob.location}" data-ph-id="ph-page-element-page7-dnAOP0"> <div class="phs-job-title" data-ph-id="ph-page-element-page7-HRGNkO"> <!-- <span class="sr-only"><ppc-content key="catogeryJobTitleText" data-ph-at-id="jobtitle-text">Job title</ppc-content></span> --> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-kQN2uW"></span> </div> <div class="phs-job-info" if.bind="eachJob.location" data-ph-at-id="job-info" data-ph-id="ph-page-element-page7-23TuCh"> <span class="phs-job-location" data-ph-id="ph-page-element-page7-iBnEdP"> <!-- <span class="sr-only"><ppc-content key="headerJobLocationsText" data-ph-at-id="joblocation-text">Location</ppc-content></span> --> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-page-element-page7-UtPo57"> <!-- <span class="sr-only"> <ppc-content key="headerJobCatogeryText" data-ph-at-id="jobcategory-text">Category</ppc-content> </span> --> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page7-jwr12u"> <h2 data-ph-id="ph-page-element-page7-82wW7o"> <ppc-content key="ph-global-search-v3-default-xsrdse-jlyJQw" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-rz40GN" language-overriden="true"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-6kKlQD"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-WKx3oZ"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-page-element-page7-hOO1RL"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-RZGsAS"></span> </a> </li> </ul> </div> <!--Location--> <div class="phs-locations-suggested" if.bind="(allSuggestions.show.locations && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedLocations')))) && (allSuggestions.locations.city.length || allSuggestions.locations.state.length || allSuggestions.locations.country.length)" data-ph-at-id="suggested-locations" data-ph-id="ph-page-element-page7-QJvRFQ"> <h2 data-ph-id="ph-page-element-page7-Y5XPRP"> <ppc-content key="ph-global-search-v3-default-xsrdse-JsYCHY" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-RjGk9l" language-overriden="true"> Locations </ppc-content> </h2> <ul class="phs-locations-suggested-list" role="region" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.locations.length}" aria-hidden="${!allSuggestions.locations.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-eTWlET"> <li repeat.for="eachCity of allSuggestions.locations.city" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" data-ph-id="ph-page-element-page7-4yMh5n"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_1_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCity, 'qcity='+eachCity.city+'&qstate='+eachCity.state+'&qcountry='+eachCity.country)" data-ph-tevent-attr-trait59="location" aria-label="${eachCity.locationName} ${eachCity.count} ${eachCity.count > 1 ? 'jobs' : 'job'}" data-ph-tevent-attr-trait60="${eachCity.name}" data-option-title="${eachCity.name}" data-category="${eachCity.name}" data-ph-at-data-count="${eachCity.count}" data-ph-at-data-text="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page7-Vp73gu"> <span innerhtml="${(eachCity.locationName_html ? eachCity.locationName_html : eachCity.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page7-6TctSD"></span> <span if.bind="eachCity.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page7-F9XzY6"> <ppc-content key="ph-global-search-v3-default-xsrdse-qugt4B" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page7-gH1qaC" language-overriden="true"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCity.count}" data-ph-id="ph-page-element-page7-JAULII"> ${(widgetBundle['eachCityCount'] || '{{totalCityCount}}') | pht:{'totalCityCount':eachCity.count}} </span> </a> </li> <li repeat.for="eachState of allSuggestions.locations.state" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-states-list-item" data-ph-id="ph-page-element-page7-3d8NPb"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_2_${$index}" href.bind="getUrl(linkEle, 'search-results', eachState, 'qstate='+eachState.state+'&qcountry='+eachState.country)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachState.name}" data-option-title="${eachState.name}" aria-label="${eachState.locationName} ${eachState.count} ${eachState.count > 1 ? 'jobs' : 'job'}" data-category="${eachState.name}" data-ph-at-data-count="${eachState.count}" data-ph-at-data-text="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page7-cSJUrL"> <span innerhtml="${(eachState.locationName_html ? eachState.locationName_html : eachState.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page7-zRu7yh"></span> <span if.bind="eachState.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page7-g4fUDY"> <ppc-content key="ph-global-search-v3-default-xsrdse-L955nX" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page7-BpdS4C" language-overriden="true"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachState.count}" data-ph-id="ph-page-element-page7-zS1Z6s"> ${(widgetBundle['eachStateCount'] || '{{totalStateCount}}') | pht:{'totalStateCount':eachState.count}} </span> </a> </li> <li repeat.for="eachCountry of allSuggestions.locations.country " class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-countries-list-item" data-ph-id="ph-page-element-page7-iXatW5"> <a ph-tevent="type_ahead_search" ref="linkEle" id="phs-lia_3_${$index}" href.bind="getUrl(linkEle, 'search-results', eachCountry, 'qcountry='+eachCountry.name)" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachCountry.name}" data-option-title="${eachCountry.name}" data-category="${eachCountry.name}" data-ph-at-data-count="${eachCountry.count}" aria-label="${eachCountry.locationName} ${eachCountry.count} ${eachCountry.count > 1 ? 'jobs' : 'job'}" data-ph-at-data-text="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-data-link" data-ph-id="ph-page-element-page7-OnMvT7"> <span innerhtml="${(eachCountry.locationName_html ? eachCountry.locationName_html : eachCountry.locationName) | sanitizeHTML}" data-ph-at-id="suggested-location" data-ph-id="ph-page-element-page7-EmtPVF"></span> <span if.bind="eachCountry.isSuggested" class="suggested-location" data-ph-id="ph-page-element-page7-FwUfsr"> <ppc-content key="ph-global-search-v3-default-xsrdse-6E0Ihs" data-ph-at-id="suggested-location-text" data-ph-id="ph-page-element-page7-pe2TW7" language-overriden="true"> . suggested location </ppc-content> </span> <span class="phs-jobs-count phs-${eachCountry.count}" data-ph-id="ph-page-element-page7-tHg5w7"> ${(widgetBundle['eachCountryCount'] || '{{totalCountryCount}}') | pht:{'totalCountryCount':eachCountry.count}} </span> </a> </li> </ul> </div> <!--Category--> <div class="phs-categorys-suggested" if.bind="allSuggestions.show.categories && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-page-element-page7-7i4ueC"> <h2 data-ph-id="ph-page-element-page7-RpV7hQ"> <ppc-content key="ph-global-search-v3-default-xsrdse-LRoMtR" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-LW2Rnv" language-overriden="true">Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.categories.length}" aria-hidden="${!allSuggestions.categories.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-B9WxAq"> <li repeat.for="eachCategory of allSuggestions.categories" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-95e4cS"> <a ph-tevent="type_ahead_search" id="phs-lia_0_${$index}" ref="linkEle" href.bind="getUrl(linkEle, 'category', eachCategory)" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-option-title="${eachCategory.category}" aria-label="${eachCategory.category} ${eachCategory.count} ${eachCategory.count > 1 ? 'jobs' : 'job'}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-page-element-page7-Jry6vE"> ${eachCategory.category} <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-page-element-page7-IR6Gna"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <!--Recent Searches--> <div class="phs-recentsearches-suggested" if.bind="allSuggestions.show.searched && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-page-element-page7-ktSeW7"> <h2 data-ph-id="ph-page-element-page7-W564qX"> <ppc-content key="ph-global-search-v3-default-xsrdse-bMGMVv" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-dHPLyG" language-overriden="true">Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-aZxtmv"> <li repeat.for="eachKeyword of allSuggestions.searched" data-ph-at-id="suggested-data-list-item" show.bind="$index < 3" data-ph-id="ph-page-element-page7-XV7LML"> <a ph-tevent="type_ahead_search" id="phs-lia_4_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" aria-label="${eachKeyword}" data-ph-id="ph-page-element-page7-hzPEO0">${eachKeyword}</a> </li> </ul> </div> <!--Suggested Keywords--> <div class="phs-suggested-keywords-suggested" if.bind="allSuggestions.show.keywords && !allSuggestions.show.jobs && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page7-oppMbp"> <h2 data-ph-id="ph-page-element-page7-CskQxv"> <ppc-content key="ph-global-search-v3-default-xsrdse-qEoNqI" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-dzuIg9" language-overriden="true"> suggested keywords </ppc-content> </h2> <ul class="phs-suggested-keywords-list" click.delegate="handleSelection($event)" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.keywords.length}" aria-hidden="${!allSuggestions.keywords.length ? 'true' : 'false'}" data-ph-id="ph-page-element-page7-lkZNAb"> <li repeat.for="eachKeyword of allSuggestions.keywords" show.bind="$index < 3" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-olBO1l"> <a ph-tevent="type_ahead_search" id="phs-lia_5_${$index}" ref="linkEle" data-ajax="false" data-option-title="${eachKeyword}" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href.bind="inlineSearch ? 'javascript:void(0)' : getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" aria-label="${eachKeyword}" data-ph-id="ph-page-element-page7-yC77va"> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <div class="job-filter ph-suggestion-focus-block ph-search-group" data-ph-at-id="keyword-category-location" if.bind="hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-id="ph-page-element-page7-b6P0kr"> <div aria-owns="typehead-listbox" aria-haspopup="listbox" data-ph-id="ph-page-element-page7-9kRuKq"> <a if.bind="!isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-4rvaWO" click.delegate="clearBackdrop($event)" ph-scroll="#ph-search-backdrop" data-ph-id="ph-page-element-page7-QMCncG"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-F4Q69a"></i> </a> <!-- added to avoid scroll effect when header search icon is present--> <a if.bind="isHeadSearchEnabled" class="mobile-back-button" role="button" href="javascript:void(0);" aria-label="back" key-aria-label="ph-global-search-v3-default-xsrdse-Axf7wc" click.delegate="clearBackdrop($event)" data-ph-id="ph-page-element-page7-50O55B"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-page-element-page7-JCZYv1"></i> </a> <!-- <span class="sr-only">Please navigate the suggestions using the tab key</span> --> <label for="typehead" class="sr-only" data-ph-id="ph-page-element-page7-6rs1ty">${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}</label> <input type="text" class="ph-a11y-search-box form-control phs-keywords input-lg ph-input-search" focus.trigger="handleFocus($event)" value.bind="searchValue" placeholder="${isMilitarySearch ? widgetBundle['militarysearchPlaceholder'] : widgetBundle['globalsearchPlaceholder']}" autocomplete="off" ph-a11y-autocomplete="" aria-autocomplete="list" aria-controls="typehead-listbox" data-ph-at-id="globalsearch-input" showresultsonfocus="${isMilitarySearch ? false : true}" name="typehead" id="typehead" data-ph-id="ph-page-element-page7-lskBKV"> <span class="search-sym" data-ph-id="ph-page-element-page7-iSp5bZ"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-PWS7ls"><i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page7-rvw3Uk"></i></ppc-content> </span> <a tabindex="0" ph-tevent="clear_searches_click" class="phs-keysearch-clear" role="button" click.trigger="clearSearch($event)" show.bind="searchValue" href="javascript:void(0);" data-ph-at-id="clear-globalsearch-link" aria-label="Clear text" key-aria-label="ph-global-search-v3-default-xsrdse-FVmg1R" data-ph-id="ph-page-element-page7-qNbwtr"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-SmboWJ"><i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-page-element-page7-cVZeyr"></i></ppc-content> <span class="sr-only" data-ph-id="ph-page-element-page7-1KrDgV"> <ppc-content key="ph-global-search-v3-default-xsrdse-kzbRpl" data-ph-at-id="clear-globalsearch-text" data-ph-id="ph-page-element-page7-RP5oyU" language-overriden="true">Clear text </ppc-content> </span> </a> </input></div> <div class="phs-search-suggestions" show.bind="showDropDown" id="typehead-listbox" aria-label="Search suggestions" role="listbox" tabindex="-1" aria-hidden="${!showDropDown ? 'true' : 'false'}" aria-labelledby="typehead-listbox" data-ph-id="ph-page-element-page7-ngcMMG"> <div class="phs-search-type-ahead phs-onclick-category" if.bind="showAllJobCategories && !isMilitarySearch && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('allCategories')))" data-ph-at-id="onclick-category" data-ph-id="ph-page-element-page7-Aj6xMG"> <div class="phs-search-categories" data-ph-id="ph-page-element-page7-ydLnFL"> <div data-ph-id="ph-page-element-page7-cdmxsZ"> <h2 data-ph-id="ph-page-element-page7-nSiQNq"> <ppc-content key="ph-global-search-v3-default-xsrdse-YQmfgZ" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-Bpkv5F" language-overriden="true">Job Categories</ppc-content> </h2> </div> <ul class="phs-search-category-list" show.bind="allJobCategories.length" data-ph-at-id="category-list" data-ph-at-total-data-count="${allJobCategories.length}" aria-hidden="${!allJobCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-o8haLu"> <li repeat.for="category of allJobCategories" class="job-container-category_${$index}" data-ph-at-id="category-list-item" role="option" data-ph-id="ph-page-element-page7-FMqqSL"> <a ph-tevent="job_category_search_click" tabindex="-1" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" data-ph-at-id="category-link" data-ph-at-data-text="${category.key}" data-ph-at-data-count="${category.total_count}" data-ph-id="ph-page-element-page7-y74594"> <span class="sr-only" data-ph-id="ph-page-element-page7-41BDT2"> ${widgetBundle['categorySrText'] || "Category"} </span> <span class="phs-${category.key}" data-ph-id="ph-page-element-page7-Pk8lTQ">${category.key}</span> <span class="phs-jobs-count phs-${category.total_count}" data-ph-id="ph-page-element-page7-xaasO4"> ${(widgetBundle['categoryCount'] || '{{totalCount}}') | pht:{'totalCount':category.total_count}} </span> <span class="sr-only" if.bind="category.total_count == 1" data-ph-id="ph-page-element-page7-GuKVV8">${widgetBundle['globalsearchJobsCountSingler'] | pht}</span> <span class="sr-only" if.bind="category.total_count > 1" data-ph-id="ph-page-element-page7-3YxnJy">${widgetBundle['globalsearchJobsCountPlural'] | pht}</span> </a> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="isMilitarySearch && searchValue.length" data-ph-id="ph-page-element-page7-oeQO7P"> <div class="phs-suggested-keywords-suggested" if.bind="searchValue.length" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page7-ft2SUq"> <h2 data-ph-id="ph-page-element-page7-7uk66T"> <ppc-content key="ph-global-search-v3-default-xsrdse-WYg7gS" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-h8mcHD" language-overriden="true"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" data-ph-at-data-count="${suggestedMOSKeywords.length}" role="presentation" data-ph-id="ph-page-element-page7-ZUJX3D"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-MazubK"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-page-element-page7-Tellc9"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-k9ChQj"></span> </a> </li> <li data-ph-at-id="no-data" if.bind="!suggestedMOSKeywords.length" data-ph-id="ph-page-element-page7-f4f0Q3"> <ppc-content key="ph-global-search-v3-default-xsrdse-cSpitS" data-ph-at-id="no-data-text" data-ph-id="ph-page-element-page7-pNTOPF" language-overriden="true"> No results found </ppc-content> </li> </ul> </div> </div> <div class="phs-keyword-suggestions" if.bind="showJobSuggestions && !isMilitarySearch" phfc="${setKeywordSuggested(['suggestedJobs','suggestedLocations', 'suggestedCategories', 'keywordsSearched', 'suggestedKeywords'])}" data-ph-id="ph-page-element-page7-IG8IaM"> <div class="phs-jobs-suggested" if.bind="suggestedJobs.length && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedJobs')))" data-ph-at-id="suggested-jobs" data-ph-id="ph-page-element-page7-DpIQBV"> <h2 class="ph-a11y-header" aria-hidden="true" data-ph-id="ph-page-element-page7-HwhiEf"> <ppc-content key="ph-global-search-v3-default-xsrdse-fQXkQj" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-6qxXva" language-overriden="true"> Jobs </ppc-content> </h2> <ul class="phs-jobs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedJobs.length}" aria-hidden="${!suggestedJobs.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-0XjaaD"> <li repeat.for="eachJob of suggestedJobs" role="option" data-ph-at-id="suggested-data-list-item" class="phsJobsSuggested_${$index}" aria-setsize="${suggestedJobResults.length}" aria-posinset="${$index + 1}" data-ph-id="ph-page-element-page7-SQz5Xs"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'job', eachJob)}" data-ph-tevent-attr-trait59="jobId" data-ph-tevent-attr-trait60="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" data-title="${eachJob.title_raw}" data-jobid="${eachJob.id}" tabindex="-1" data-ph-at-id="suggested-data-link" data-ph-at-job-title-text="${eachJob.title}" data-ph-at-job-id-text="${eachJob.jobId}" data-ph-at-job-seqno-text="${eachJob.jobSeqNo}" data-ph-at-job-location-text="${eachJob.location}" data-ph-at-job-category-text="${eachJob.category}" data-ph-id="ph-page-element-page7-vUTiGU"> <div class="phs-job-title" data-ph-id="ph-page-element-page7-ekmdBu"> <span class="sr-only" data-ph-id="ph-page-element-page7-Eapujd"> <ppc-content key="ph-global-search-v3-default-xsrdse-rknb0Y" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-GVXwQK" language-overriden="true"> Job title </ppc-content> </span> <span innerhtml="${eachJob.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-heqoeY"></span> </div> <div class="phs-job-info" data-ph-at-id="job-info" data-ph-id="ph-page-element-page7-A5lKM1"> <span class="phs-job-location" data-ph-id="ph-page-element-page7-yO4i4r"> <span class="sr-only" data-ph-id="ph-page-element-page7-pzFsBO"> <ppc-content key="ph-global-search-v3-default-xsrdse-MYLCLe" data-ph-at-id="joblocation-text" data-ph-id="ph-page-element-page7-dGm514" language-overriden="true"> location </ppc-content> </span> ${eachJob.location} </span> <span class="phs-job-category" data-ph-id="ph-page-element-page7-EZUhYn"> <span class="sr-only" data-ph-id="ph-page-element-page7-DZORdu"> <ppc-content key="ph-global-search-v3-default-xsrdse-QA9Uxv" data-ph-at-id="jobcategory-text" data-ph-id="ph-page-element-page7-agRyue" language-overriden="true"> category </ppc-content> </span> ${eachJob.category} </span> </div> </a> </li> </ul> </div> <!-- Military jobs --> <div class="phs-suggested-keywords-suggested military" data-ph-at-id="suggested-keywords" if.bind="suggestedMOSKeywords.length" data-ph-id="ph-page-element-page7-B8J0cZ"> <h2 data-ph-id="ph-page-element-page7-mquV3E"> <ppc-content key="ph-global-search-v3-default-xsrdse-ZbhUGM" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-WSicR9" language-overriden="true"> Military Code </ppc-content> </h2> <ul class="phs-suggested-keywords-list phs-suggested-mos-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedMOSKeywords.length}" aria-hidden="${!suggestedMOSKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-JPetQW"> <li repeat.for="eachKeyword of suggestedMOSKeywords" role="option" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-page-element-page7-sSopOr"> <a class="phs-mos-keyword" ph-tevent="type_ahead_search" data-ph-tevent-attr-trait59="recent_keyword" title="${eachKeyword.title}" data-ph-tevent-attr-trait60="${eachKeyword.key}" click.delegate="setMOSKeyword(eachKeyword, $event)" data-ph-id="ph-page-element-page7-1jRNrI"> <span innerhtml="${eachKeyword.title_html | sanitizeHTML}" data-ph-at-id="jobtitle-text" data-ph-id="ph-page-element-page7-ijCWqq"></span> </a> </li> </ul> </div> <div class="phs-locations-suggested" if.bind="suggestedLocations.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedLocations')))" data-ph-at-id="suggested-locations" data-ph-id="ph-page-element-page7-x4WSk2"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page7-iPqfwR"> <ppc-content key="ph-global-search-v3-default-xsrdse-XBnjOy" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-xLhzyy" language-overriden="true"> Location </ppc-content> </h2> <ul class="phs-locations-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedLocations.length}" aria-hidden="${!suggestedLocations.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-wsj8Bb"> <li repeat.for="eachLocation of suggestedLocations" role="option" class="phsLocationsSuggested_${$index}" data-ph-at-id="suggested-data-cities-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + $index + 1}" data-ph-id="ph-page-element-page7-Ac2t4V"> <a href="${getUrl(linkEle, 'search-results', eachLocation, 'qcity='+eachLocation.city+'&qstate='+eachLocation.state+'&qcountry='+eachLocation.country)}" ph-tevent="type_ahead_search" ref="linkEle" tabindex="-1" data-ph-tevent-attr-trait59="location" data-ph-tevent-attr-trait60="${eachLocation.name}" data-category="${eachLocation.name}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachLocation.name}" data-ph-at-data-count="${eachLocation.count}" data-ph-id="ph-page-element-page7-34dAir"> <span class="sr-only" data-ph-id="ph-page-element-page7-Gbg2SZ"> <ppc-content key="ph-global-search-v3-default-xsrdse-xbxULi" data-ph-at-id="joblocation-text" data-ph-id="ph-page-element-page7-LEu5j6" language-overriden="true"> location </ppc-content> </span> ${eachLocation.locationName} <!-- <span class="phs-jobs-count">${eachLocation.count}</span> --> <span class="phs-jobs-count phs-${eachLocation.count}" data-ph-id="ph-page-element-page7-uPW0iR"> ${(widgetBundle['eachLocationCount'] || '{{totalLocationCount}}') | pht:{'totalLocationCount':eachLocation.count}} </span> </a> </li> </ul> </div> <div class="phs-categorys-suggested" if.bind="suggestedCategories.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedCategories')))" data-ph-at-id="suggested-categories" data-ph-id="ph-page-element-page7-ZXc5mw"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page7-ZTfPsb"> <ppc-content key="ph-global-search-v3-default-xsrdse-4cwHgG" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-GMrMkb" language-overriden="true">Category </ppc-content> </h2> <ul class="phs-categorys-suggested-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedCategories.length}" aria-hidden="${!suggestedCategories.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-LwWLgg"> <li repeat.for="eachCategory of suggestedCategories" role="option" class="phsCategorySuggested_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + $index + 1}" data-ph-id="ph-page-element-page7-wHiehg"> <a ph-tevent="type_ahead_search" ref="linkEle" href="${getUrl(linkEle, 'category', eachCategory)}" data-ph-tevent-attr-trait59="category" data-ph-tevent-attr-trait60="${eachCategory.category}" data-category="${eachCategory.category}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachCategory.category}" tabindex="-1" data-ph-at-data-count="${eachCategory.count}" data-ph-id="ph-page-element-page7-cVi5FS"> <span class="sr-only" data-ph-id="ph-page-element-page7-ygPbgK"> <ppc-content key="ph-global-search-v3-default-xsrdse-vMd7dy" data-ph-at-id="jobcategory-text" data-ph-id="ph-page-element-page7-39KmsC" language-overriden="true"> category </ppc-content> </span> ${eachCategory.category} <!-- <span class="phs-jobs-count">${eachCategory.count}</span> --> <span class="phs-jobs-count phs-${eachCategory.count}" data-ph-id="ph-page-element-page7-y8IeWM"> ${(widgetBundle['eachCategoryCount'] || '{{totalCategoryCount}}') | pht:{'totalCategoryCount':eachCategory.count}} </span> </a> </li> </ul> </div> <div class="phs-recentsearches-suggested" if.bind="showRecentSearches && (!enableSuggestionResults || (enableSuggestionResults.length &&!isSuggestionVisible('suggestedRecentSearches')))" data-ph-at-id="suggested-recentsearches" data-ph-id="ph-page-element-page7-uTI0BX"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page7-lX7NBz"> <ppc-content key="ph-global-search-v3-default-xsrdse-8Vz5zm" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-yXnmOQ" language-overriden="true">Recent Searches </ppc-content> </h2> <ul class="search-recentsearchs-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${allSuggestions.searched.length}" show.bind="allSuggestions.searched.length" aria-hidden="${!allSuggestions.searched.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-Plet5L"> <li repeat.for="eachKeyword of allSuggestions.searched" role="option" show.bind="$index < 3" class="phsRecentSearchList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + $index + 1}" data-ph-id="ph-page-element-page7-UKLweg"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" tabindex="-1" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-page-element-page7-ibIFVS"> <span class="sr-only" data-ph-id="ph-page-element-page7-sjVPBz"> <ppc-content key="ph-global-search-v3-default-xsrdse-XSRnP1" data-ph-at-id="recentsearch-text" data-ph-id="ph-page-element-page7-RDSzHD" language-overriden="true"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> <div class="phs-suggested-keywords-suggested" if.bind="suggestedKeywords.length > 0 && (!enableSuggestionResults || (enableSuggestionResults.length && !isSuggestionVisible('suggestedKeywords')))" data-ph-at-id="suggested-keywords" data-ph-id="ph-page-element-page7-jGuf8N"> <h2 aria-hidden="true" class="ph-a11y-header" data-ph-id="ph-page-element-page7-QVdKgX"> <ppc-content key="ph-global-search-v3-default-xsrdse-cHl2Im" data-ph-at-id="heading-text" data-ph-id="ph-page-element-page7-APZlHa" language-overriden="true"> suggested keywords </ppc-content> </h2> <ul class="phs-suggested-keywords-list" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${suggestedKeywords.length}" aria-hidden="${!suggestedKeywords.length ? 'true' : 'false'}" role="presentation" data-ph-id="ph-page-element-page7-FT2rf3"> <li repeat.for="eachKeyword of suggestedKeywords" role="option" show.bind="$index < 3" class="phsSuggestedList_${$index}" data-ph-at-id="suggested-data-list-item" aria-setsize="${suggestedJobResults.length}" aria-posinset="${suggestedJobs.length + suggestedLocations.length + suggestedCategories.length + allSuggestions.searched.length + $index + 1}" data-ph-id="ph-page-element-page7-CFWZRt"> <a ph-tevent="type_ahead_search" ref="linkEle" data-ajax="false" click.delegate="updateLocalStrWithRecentSearchDetails(eachKeyword)" tabindex="-1" href="${getUrl(linkEle, 'search-results', {keyword: eachKeyword}, 'keywords='+eachKeyword)}" data-ph-tevent-attr-trait59="recent_keyword" data-ph-tevent-attr-trait60="${eachKeyword}" data-ph-at-id="suggested-data-link" data-ph-at-data-text="${eachKeyword}" data-ph-id="ph-page-element-page7-0lBlnK"> <span class="sr-only" data-ph-id="ph-page-element-page7-sJeqUf"> <ppc-content key="ph-global-search-v3-default-xsrdse-OC1o1u" data-ph-at-id="suggestedkeyword-text" data-ph-id="ph-page-element-page7-IUqHiF" language-overriden="true"> Recent Search </ppc-content> </span> ${eachKeyword} </a> </li> </ul> </div> </div> </div> </div> <span class="input-group-btn ${searchBoxBackdrop ? 'blur-background':''}" data-ph-id="ph-page-element-page7-zLGeDz"> <button type="submit" submit.delegate="handleSubmitClick()" click.delegate="handleSubmitClick()" class="btn primary-button btn-lg phs-search-submit " data-ph-at-id="globalsearch-button" role="button" aria-label="${widgetBundle['globalsearchButtonAriaLabelText'] | pht}" id="ph-search-backdrop" data-ph-id="ph-page-element-page7-l4TgQ9"> <ppc-content type="icon" data-ph-id="ph-page-element-page7-EPTPTu"> <i class="icon icon-search-icon" aria-hidden="true" data-ph-id="ph-page-element-page7-GAkk7u"></i> </ppc-content> <span data-ph-id="ph-page-element-page7-AcbPV6"> ${widgetBundle['globalsearchButtonText'] | pht}</span> </button> </span> </div> </div> <span aria-live="polite" aria-atomic="true" class="sr-only" data-ph-id="ph-page-element-page7-Wz5vfU"> <span if.bind="resultsUpdated" data-ph-id="ph-page-element-page7-NUoeQj"> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && !gsClrTxt" key="ph-global-search-v3-default-xsrdse-mNOErB" data-ph-id="ph-page-element-page7-0gTOWz" language-overriden="true"> Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="showDropDown && !isMilitarySearch && showAllJobCategories && !searchValue.length && gsClrTxt" key="ph-global-search-v3-default-xsrdse-JpndJn" data-ph-id="ph-page-element-page7-Yi4kVz" language-overriden="true"> Text cleared. Suggested Job categories available. Use arrow keys to access the categories. </span> <span if.bind="!isMilitarySearch && showDropDown && searchValue.length && suggestedJobResults.length > 0" key="ph-global-search-v3-default-xsrdse-EFqKxt" data-ph-id="ph-page-element-page7-7AcE3F" language-overriden="true"> ${suggestedJobResults.length} suggestions available, navigate to the list to select suggestion. </span> <span if.bind="!isMilitarySearch && searchValue.length && !suggestedJobResults.length" key="ph-global-search-v3-default-xsrdse-EtjJZJ" data-ph-id="ph-page-element-page7-CPgFDw" language-overriden="true"> No suggestions available </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && suggestedMOSKeywords && suggestedMOSKeywords.length > 0" key="ph-global-search-v3-default-xsrdse-jr41ZV" data-ph-id="ph-page-element-page7-8dBRUC" language-overriden="true"> Military job suggestions available, navigate to the list to select suggestion. </span> <span if.bind="isMilitarySearch && !searchValue.length && !gsClrTxt && isSearchInFocus" key="ph-global-search-v3-default-xsrdse-dkj8o2" data-ph-id="ph-page-element-page7-a1ZliN" language-overriden="true"> press any key for military job suggestions </span> <span if.bind="isMilitarySearch && !searchValue.length && gsClrTxt && isSearchInFocus" key="ph-global-search-v3-default-xsrdse-aDxmGJ" data-ph-id="ph-page-element-page7-v4tkgj" language-overriden="true"> text cleared press any key for military job suggestions </span> <span if.bind="showDropDown && isMilitarySearch && searchValue.length && !suggestedMOSKeywords.length" key="ph-global-search-v3-default-xsrdse-y3vTfr" data-ph-id="ph-page-element-page7-9UoxO1" language-overriden="true"> No results found </span> </span> </span> </form></script><script type="text/x-ph-tmpl" id="ph-email-job-v1-1646931261504-view3" nonce=""><!-- 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-widget-element-1646931261504-2"> <!-- <div class="modal-backdrop fade in"></div> --> <div class="modal fade in show" role="dialog" data-ph-id="ph-widget-element-1646931261504-3"> <div class="modal-dialog" role="document" data-ph-id="ph-widget-element-1646931261504-4"> <div class="modal-content" data-ph-id="ph-widget-element-1646931261504-5"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1646931261504-6"> <!--<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-widget-element-1646931261504-7"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1646931261504-8"></i> <span class="sr-only" data-ph-id="ph-widget-element-1646931261504-9"><ppc-content key="dCuPUO-ph-email-job-v1-view3-closePopupText" data-ph-at-id="close-the-popup-text" data-ph-id="ph-widget-element-1646931261504-10">Close the popup</ppc-content></span> </button> <h2 data-ph-id="ph-widget-element-1646931261504-11"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-widgetHeadingText" data-ph-at-id="email-this-job-heading-text" data-ph-id="ph-widget-element-1646931261504-12"> Email this Job </ppc-content> </h2> <p class="phs-widget-sub-title" data-ph-id="ph-widget-element-1646931261504-13"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-widgetSubHeadingText" data-ph-at-id="email-this-job-sub-title-text" data-ph-id="ph-widget-element-1646931261504-14"> 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-widget-element-1646931261504-15"> <div class="content-block" data-ph-id="ph-widget-element-1646931261504-16"> <form role="form" submit.delegate="emailThisJob()" class="form-inline" data-ph-id="ph-widget-element-1646931261504-17"> <div class="form-group ${errors.name.error ? 'error focus':''}" data-ph-id="ph-widget-element-1646931261504-18"> <label for="name" data-ph-id="ph-widget-element-1646931261504-19"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-nameLabelText" data-ph-at-id="name-label-text" data-ph-id="ph-widget-element-1646931261504-20"> 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="dCuPUO-ph-email-job-v1-view3-nameInputPlaceholderText" title="Your name" key-title="dCuPUO-ph-email-job-v1-view3-recipientNameTitleText" data-ph-at-id="name-input" data-ph-id="ph-widget-element-1646931261504-21"> <span class="error" id="ph-a11y-email-job-name-field-error" if.bind="errors.name.error && errors.name.code == 'E101'" data-ph-id="ph-widget-element-1646931261504-22"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-nameErrorText" data-ph-at-id="name-validation-text" data-ph-id="ph-widget-element-1646931261504-23"> Name should not be empty </ppc-content> </span> </input></div> <div class="form-group ${errors.email.error ? 'error focus':''}" data-ph-id="ph-widget-element-1646931261504-24"> <label for="email" data-ph-id="ph-widget-element-1646931261504-25"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-emailLabelText" data-ph-at-id="email-label-text" data-ph-id="ph-widget-element-1646931261504-26"> 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="dCuPUO-ph-email-job-v1-view3-recipientEmailAddressTitleText" autocomplete="off" data-ph-at-id="email-input" data-ph-id="ph-widget-element-1646931261504-27"> <span class="error" id="ph-a11y-email-job-email-field-error" data-ph-id="ph-widget-element-1646931261504-28"> <span class="sr-only" data-ph-id="ph-widget-element-1646931261504-29">Error</span> <span if.bind="errors.email.error && errors.email.code == 'E101'" data-ph-id="ph-widget-element-1646931261504-30"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-emailErrorText" data-ph-at-id="email-empty-validation-text" data-ph-id="ph-widget-element-1646931261504-31"> Email should not be empty </ppc-content> </span> <span if.bind="errors.email.error && errors.email.code == 'E102'" data-ph-id="ph-widget-element-1646931261504-32"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-emailValidErrorText" data-ph-at-id="email-invalid-validation-text" data-ph-id="ph-widget-element-1646931261504-33"> Please enter valid Email </ppc-content> </span> </span> </input></div> <div class="form-group" data-ph-id="ph-widget-element-1646931261504-34"> <button type="submit" class="btn primary-button ph-a11y-email-submit" tabindex="0" data-ph-at-id="send-button" data-ph-id="ph-widget-element-1646931261504-35"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendButtonText" data-ph-at-id="send-text" data-ph-id="ph-widget-element-1646931261504-36"> ${widgetBundle['sendEmailButtonText'] | pht} </ppc-content> </button> </div> </form> <div class="feedbackText sr-only" tabindex="-1" blur.trigger="onBtnBlurHandler($event)" data-ph-id="ph-widget-element-1646931261504-37"> <span show.bind="showEmailSuccess" data-ph-id="ph-widget-element-1646931261504-38"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendSuccessDescription1" data-ph-at-id="send-success-descript1" data-ph-id="ph-widget-element-1646931261504-39">Email has successfully sent</ppc-content> </span> <span show.bind="showEmailFailure" data-ph-id="ph-widget-element-1646931261504-40"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendFailureDescription1" data-ph-at-id="send-failure-descript1" data-ph-id="ph-widget-element-1646931261504-41">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-widget-element-1646931261504-42"> <div class="phs-email-this-job-area ph-widget-box success-hdlr popup-modal-backdrop" role="dialog" data-ph-id="ph-widget-element-1646931261504-43"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog()"></div> --> <div class="hdlr-block" tabindex="0" data-ph-id="ph-widget-element-1646931261504-44"> <i class="icon icon-check" data-ph-id="ph-widget-element-1646931261504-45"></i> <h3 data-ph-id="ph-widget-element-1646931261504-46"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendSuccessText" data-ph-at-id="send-success-text" data-ph-id="ph-widget-element-1646931261504-47">Success!</ppc-content> </h3> <p data-ph-id="ph-widget-element-1646931261504-48"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendSuccessDescription" data-ph-at-id="send-success-descript" data-ph-id="ph-widget-element-1646931261504-49">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-widget-element-1646931261504-50"> <ppc-content key="XPh2Lx-dCuPUO-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-1646931261504-51">Ok</ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop" show.bind="showEmailFailure" data-ph-id="ph-widget-element-1646931261504-52"> <div class="phs-email-this-job-area ph-widget-box failure-hdlr" role="dialog" data-ph-id="ph-widget-element-1646931261504-53"> <!-- <div class="modal-backdrop fade in" click.delegate="closeEmailDialog(share)"></div> --> <div class="hdlr-block" data-ph-id="ph-widget-element-1646931261504-54"> <i class="icon icon-cancel" data-ph-id="ph-widget-element-1646931261504-55"></i> <h3 data-ph-id="ph-widget-element-1646931261504-56"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendFailedText" data-ph-at-id="send-failed-text" data-ph-id="ph-widget-element-1646931261504-57">Failure!</ppc-content> </h3> <p data-ph-id="ph-widget-element-1646931261504-58"> <ppc-content key="dCuPUO-ph-email-job-v1-view3-sendFailedDescription" data-ph-at-id="send-failed-descript" data-ph-id="ph-widget-element-1646931261504-59">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-widget-element-1646931261504-60"> <ppc-content key="jcvwnJ-dCuPUO-ph-email-job-v1-view3-closePopupButtonText" data-ph-id="ph-widget-element-1646931261504-61">Ok</ppc-content> </button> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-share-v3-1646931261913-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-widget-element-1646931261913-2"> <div class="widget-container" data-ph-id="ph-widget-element-1646931261913-3"> <div class="phs-widget-heading" if.bind="!hideTitle || !hideSubTitle" data-ph-id="ph-widget-element-1646931261913-4"> <div class="heading-block" if.bind="!hideTitle" role="heading" key-role="xCldWx-ph-social-share-v3-default-headingRole" aria-level="headingLevel" key-aria-level="xCldWx-ph-social-share-v3-default-headingLevelAria" data-ph-id="ph-widget-element-1646931261913-5"> <ppc-content key="xCldWx-ph-social-share-v3-default-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1646931261913-6"> Share this Opportunity </ppc-content> </div> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-1646931261913-7"> <ppc-content key="xCldWx-ph-social-share-v3-default-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-1646931261913-8"> We give you the tools you need to discover your perfect job match, and the freedom and support to take your career to the next level. </ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-1646931261913-9"> <ul data-ph-at-id="share-options-list" ph-role="data.bind:shareOption.options" class="share-options icons-per-row${shareOption.iconsPerRow} ${shareOption.widgetStyle} ${shareOption.brandStyle ? 'with-brand-colors' : ''}" data-ph-id="ph-widget-element-1646931261913-10"> <li repeat.for="eachIndicator of shareOption.options" css="padding-right:${shareOption.spacing}px;" data-ph-id="ph-widget-element-1646931261913-11"> <button click.delegate="handlePopup(eachIndicator)" class="${eachIndicator.name}" aria-label="${widgetBundle[eachIndicator['name']+'AriaLabel'] | pht}" css="background-color:${shareOption.backgroundColor}; border-radius: ${shareOption.borderRadius}px; line-height:${shareOption.lineHeight}px;height:${shareOption.height}px; width:${shareOption.width}px; border-width:${shareOption.borderWidth}px; border-color:${shareOption.borderColor}; border-style:${shareOption.borderStyle};" data-ph-at-id="share-${eachIndicator['name']}-link" focus.trigger="closeShareJob($event, true)" blur.trigger="closeShareJob($event, false)" data-ph-id="ph-widget-element-1646931261913-12"> <i class="icon ${eachIndicator['settings']['icon']}" aria-hidden="true" css="color:${shareOption.color}; font-size:${shareOption.size}px;" data-ph-id="ph-widget-element-1646931261913-13"></i> <span class="sr-only" data-ph-id="ph-widget-element-1646931261913-14"> <span data-ph-id="ph-widget-element-1646931261913-15">${widgetBundle[eachIndicator['name']] | pht}</span> </span> </button> </li> <section class="ph-widget" instance-id="dCuPUO" if.bind="showEmailView && shareOption.isInline && isShareEmailFound" original-view="view3" view="1646931261504-view3" data-ph-id="ph-widget-element-1646931261913-16"> <div as-element="ph-email-job-v1" class="ph-email-job-v1-view3-default" data-widget="ph-email-job-v1" job-seq-no.bind="currentJobObj.jobSeqNo" share-handler.call="handlePopup(share)" view="1646931261504-view3" category.bind="currentJobObj.category" is-popup-reqd.bind="false" is-dialog.bind="true" instance-id="dCuPUO" original-view="view3" data-ph-id="ph-widget-element-1646931261913-17"></div> </section> </ul> </div> </div> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1646931261913-18"> <div class="popup-container ph-a11y-popup-selector" role="dialog" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-1646931261913-19"> <div class="custom-popup-wrapper copy-link-wrapper ph-a11y-copyLink-popup" show.bind="selectedPopup == 'copyLinkPopup'" data-ph-id="ph-widget-element-1646931261913-20"> <div class="head-wrapper" data-ph-id="ph-widget-element-1646931261913-21"> <h3 class="head-text" data-ph-id="ph-widget-element-1646931261913-22"> <ppc-content key="xCldWx-ph-social-share-v3-default-copyLinkHeaderText" data-ph-id="ph-widget-element-1646931261913-23">Share job link</ppc-content> </h3> <button type="button" class="btn-close" aria-label="close dialog" key-aria-label="xCldWx-ph-social-share-v3-default-closeDialogAriaLabel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-1646931261913-24"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1646931261913-25"></i> </button> </div> <div class="body-wrapper" data-ph-id="ph-widget-element-1646931261913-26"> <div class="message-wrapper" if.bind="showCopySuccess" data-ph-id="ph-widget-element-1646931261913-27"> <p class="message-text" data-ph-id="ph-widget-element-1646931261913-28"> <ppc-content key="xCldWx-ph-social-share-v3-default-messageText" data-ph-id="ph-widget-element-1646931261913-29">Link copied successfully</ppc-content> </p> </div> <label class="field-label" id="field-label" data-ph-id="ph-widget-element-1646931261913-30"><ppc-content key="xCldWx-ph-social-share-v3-default-internalExternalFieldLabel" data-ph-id="ph-widget-element-1646931261913-31">To your colleagues or friends</ppc-content></label> <input type="text" class="form-control input-copy-link" value.bind="jobLink" readonly="" aria-labelledby="field-label" data-ph-id="ph-widget-element-1646931261913-32" /> </div> <div class="button-wrapper" data-ph-id="ph-widget-element-1646931261913-33"> <button type="button" class="btn-cancel" click.delegate="copyLinkCancelAction()" data-ph-id="ph-widget-element-1646931261913-34"><ppc-content key="xCldWx-ph-social-share-v3-default-cancelButtonText" data-ph-id="ph-widget-element-1646931261913-35">Cancel</ppc-content></button> <button type="button" class="btn primary-button" click.delegate="copyLink()" data-ph-id="ph-widget-element-1646931261913-36"><ppc-content key="xCldWx-ph-social-share-v3-default-copyLinkButtonText" data-ph-id="ph-widget-element-1646931261913-37">Copy Link</ppc-content></button> </div> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-profile-recommendations-v2-1646931261484-default" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" data-ph-id="ph-widget-element-1646931261484-2"></div> <div class="phs-widget-block-area ph-widget-box" role="region" aria-label="Profile recommendations" key-aria-label="YfOHzg-MNmIrb-ph-profile-recommendations-v2-default-widgetHeadingText" show.bind="!showLoader && jobResults.length" data-ph-id="ph-widget-element-1646931261484-3"> <div class="widget-container" data-ph-id="ph-widget-element-1646931261484-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1646931261484-5"> <h2 data-ph-id="ph-widget-element-1646931261484-6"> <ppc-content key="gr66kW-MNmIrb-ph-profile-recommendations-v2-default-widgetHeadingText" data-ph-at-id="heading-text" show.bind="showTitle" data-ph-id="ph-widget-element-1646931261484-7"> Profile recommendations </ppc-content> </h2> </div> <div class="content-block" data-ph-id="ph-widget-element-1646931261484-8"> <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-widget-element-1646931261484-9"> <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-widget-element-1646931261484-10"> <div class="pcs-image-wrapper job-card-image" if.bind=" (eachJob.image && eachJob.image.src)" instance-id="Tw7yYt" data-ph-id="ph-widget-element-1646931261484-11"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-1646931261484-12"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-1646931261484-13"> <img src="${eachJob.image.src.value}" alt="" data-ph-id="ph-widget-element-1646931261484-14" loading="lazy" /> </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-widget-element-1646931261484-15"> <div class="information" data-ph-id="ph-widget-element-1646931261484-16"> <div class="pcs-image-wrapper job-card-logo" if.bind=" (eachJob.badgeImage && eachJob.badgeImage.src)" data-ph-id="ph-widget-element-1646931261484-17"> <figure role="presentation" class="image pcs-component-v1-primary-image-default" data-ph-id="ph-widget-element-1646931261484-18"> <div class="primary-image pcs-fit-cntr-image " data-ph-id="ph-widget-element-1646931261484-19"> <img src="${eachJob.badgeImage.src.value}" alt="${eachJob.badgeImage.alt.value || ''}" data-ph-id="ph-widget-element-1646931261484-20" loading="lazy" /> </div> </figure> </div> <div class="job-smart-tags" data-ph-id="ph-widget-element-1646931261484-21"> <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-widget-element-1646931261484-22"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-1646931261484-23"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-24"></i> <span class="tag-label" data-ph-id="ph-widget-element-1646931261484-25">${widgetBundle[fit.name] | pht}</span> </span> </div> <div class="job-tag-area ${jobTagsConfig && jobTagsConfig.layout && jobTagsConfig.layout.style || 'style-1'}" data-ph-id="ph-widget-element-1646931261484-26"> <span class="featured-job" if.bind="eachJob.featuredJob && (eachJob.featuredJob && eachJob.featuredJob.toLowerCase() =='yes')" data-ph-id="ph-widget-element-1646931261484-27"> ${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-widget-element-1646931261484-28"> <i class="icon ${eachTag.settings.icon}" if.bind="eachTag.settings.icon && eachTag.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-29"></i> <span class="tag-label" data-ph-id="ph-widget-element-1646931261484-30">${widgetBundle[eachTag.name] | pht : jobTagsData[eachJob['jobSeqNo']][eachTag.name].data}</span> </span> </div> </div> <span role="heading" key-role="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-jPoDFR-default-headingRole" aria-level="3" key-aria-level="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-jPoDFR-default-headingAriaLevelValue" instance-id="Tw7yYt-jPoDFR" data-ph-id="ph-widget-element-1646931261484-31"> <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-widget-element-1646931261484-32"> <div if.bind="eachJob.title && eachAttr.name.indexOf('title') != -1" class="job-title" data-ph-id="ph-widget-element-1646931261484-33"> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-34">${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-widget-element-1646931261484-35"></i> <span data-ph-id="ph-widget-element-1646931261484-36">${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-widget-element-1646931261484-37"> <!-- 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-widget-element-1646931261484-38"> <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-widget-element-1646931261484-39"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-40">${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-widget-element-1646931261484-41"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-42">${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-widget-element-1646931261484-43"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-44">${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-widget-element-1646931261484-45"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-46">${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-widget-element-1646931261484-47"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-48">${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-widget-element-1646931261484-49"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-50"> ${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-widget-element-1646931261484-51"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-1646931261484-52">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-1646931261484-53"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-54">${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-widget-element-1646931261484-55"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-56">${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-widget-element-1646931261484-57"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-58">${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-widget-element-1646931261484-59"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-60">${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-widget-element-1646931261484-61"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-62">${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-widget-element-1646931261484-63"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-64"> ${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-widget-element-1646931261484-65"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-66">${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-widget-element-1646931261484-67"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-68"> ${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-widget-element-1646931261484-69"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-70">${widgetBundle[eachAttr.name] | pht}</span> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-71">${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-widget-element-1646931261484-72"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1646931261484-73">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-74">${widgetBundle['drivingTimeInHoursText'] | spht:{"hours":eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1646931261484-75">${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-widget-element-1646931261484-76">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes":eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1646931261484-77">${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-widget-element-1646931261484-78"> <!-- 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-widget-element-1646931261484-79"> <!-- Multi location --> <span class="job-location" if.bind="(eachAttr.name == 'location') && (eachJob.multi_location.length > 1)" data-ph-id="ph-widget-element-1646931261484-80"> <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-widget-element-1646931261484-81"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-82"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-1646931261484-83"> ${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-widget-element-1646931261484-84"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-85">${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-widget-element-1646931261484-86"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-87">${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-widget-element-1646931261484-88"> <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-widget-element-1646931261484-89"> <i class="icon ${eachAttr.settings.icon}" if.bind="eachAttr.settings.icon && eachAttr.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-90"></i> <span class="btn-text-content" data-ph-id="ph-widget-element-1646931261484-91"> ${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-widget-element-1646931261484-92"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-93">${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-widget-element-1646931261484-94"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-95">${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-widget-element-1646931261484-96"> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-97">${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-widget-element-1646931261484-98"></i> <span if.bind="!eachJob.drivingTime.inHours && !eachJob.drivingTime.inMinutes" style="opacity:0.8;" data-ph-id="ph-widget-element-1646931261484-99">${widgetBundle['whenDrivingTimeNotFound'] | pht}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-100">${widgetBundle['drivingTimeInHoursText'] | pht:{"hours" : eachJob.drivingTime.inHours}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inHours" class="sr-only" data-ph-id="ph-widget-element-1646931261484-101">${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-widget-element-1646931261484-102">${widgetBundle['drivingTimeInMinutesText'] | pht:{"minutes" : eachJob.drivingTime.inMinutes}}</span> <span if.bind="eachJob.drivingTime && eachJob.drivingTime.inMinutes" class="sr-only" data-ph-id="ph-widget-element-1646931261484-103">${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-widget-element-1646931261484-104"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-105">${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-widget-element-1646931261484-106"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-107"> ${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-widget-element-1646931261484-108"></span> <span if.bind="eachJob[eachAttr.name] && (!isStringValue || !isStringValue(eachJob[eachAttr.name]))" data-ph-id="ph-widget-element-1646931261484-109">${eachJob[eachAttr.name]}</span> </span> <span class="job-postdate" if.bind="eachJob.postedDate && eachAttr.name == 'postedDate'" data-ph-id="ph-widget-element-1646931261484-110"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-111">${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-widget-element-1646931261484-112"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-113">${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-widget-element-1646931261484-114"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-115">${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-widget-element-1646931261484-116"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-117">${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-widget-element-1646931261484-118"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-119">${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-widget-element-1646931261484-120"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-121"> ${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-widget-element-1646931261484-122"> <span if.bind="!eachAttr.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-123">${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-widget-element-1646931261484-124"></i> <span if.bind="eachAttr.settings.label" data-ph-id="ph-widget-element-1646931261484-125"> ${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-widget-element-1646931261484-126"> <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-widget-element-1646931261484-127"> <button data-ph-at-id="job-multi-locations-button" ph-tevent="multi_location_click" data-ph-tevent-attr-trait14="${eachJob.category}" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" keyup.trigger="($event.keyCode === 27)?(eachJob.toggleOpen = false):''" click.delegate="eachJob.toggleOpen = !eachJob.toggleOpen" role="button" key-role="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-9pSDCp-default-multiLocationButtonRole" 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="Tw7yYt-9pSDCp" data-ph-id="ph-widget-element-1646931261484-128"> <span data-ph-id="ph-widget-element-1646931261484-129"> ${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-widget-element-1646931261484-130"></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-widget-element-1646931261484-131"> <li class="location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" aria-label="${eachLocation}" data-ph-at-id="job-multi-location-item" data-ph-at-job-location-text="${eachLocation}" data-ph-id="ph-widget-element-1646931261484-132"> ${eachLocation} <div if.bind="enabledFields.drivingTime" class="ph-cc-d-m-b-8 job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" data-ph-id="ph-widget-element-1646931261484-133"> <span if.bind="!enabledFields.drivingTime.settings.label" class="sr-only" data-ph-id="ph-widget-element-1646931261484-134">${widgetBundle['drivingTime'] | pht}</span> <span if.bind="enabledFields.drivingTime.settings.label" data-ph-id="ph-widget-element-1646931261484-135">${widgetBundle['drivingTime'] | pht}:</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-136"></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-widget-element-1646931261484-137">${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-widget-element-1646931261484-138">${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-widget-element-1646931261484-139">${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-widget-element-1646931261484-140">${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-widget-element-1646931261484-141">${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-widget-element-1646931261484-142"> <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-widget-element-1646931261484-143"> <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="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-nz0Dyf-default-multiCategoryButtonRole" 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="Tw7yYt-nz0Dyf" data-ph-id="ph-widget-element-1646931261484-144"> <span data-ph-id="ph-widget-element-1646931261484-145"> ${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-widget-element-1646931261484-146"></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-widget-element-1646931261484-147"> <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-widget-element-1646931261484-148"> ${eachCategory} </li> </ul> </div> </div> <!-- smart-jobs --> <p class="smart-highlights job-info" show.bind="eachJob['smartHighlightsKeys'] && eachJob.smartHighlights" data-ph-id="ph-widget-element-1646931261484-149"> <span repeat.for="highLightKey of eachJob['smartHighlightsKeys']" show.bind="(eachJob['smartHighlights'][highLightKey])" data-ph-id="ph-widget-element-1646931261484-150"> <span data-ph-id="ph-widget-element-1646931261484-151"> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-152"> <span if.bind="highLightKey == 'skills' && widgetBundle['skills']" data-ph-id="ph-widget-element-1646931261484-153">${widgetBundle['skills'] | pht}</span> <span if.bind="highLightKey == 'education' && widgetBundle['education']" data-ph-id="ph-widget-element-1646931261484-154">${widgetBundle['education'] | pht}</span> <span if.bind="highLightKey == 'additionalSkills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-1646931261484-155">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'additional_skills' && widgetBundle['additionalSkills']" data-ph-id="ph-widget-element-1646931261484-156">${widgetBundle['additionalSkills'] | pht}</span> <span if.bind="highLightKey == 'experience' && widgetBundle['experience']" data-ph-id="ph-widget-element-1646931261484-157">${widgetBundle['experience'] | pht}</span> <span if.bind="highLightKey == 'requirement_sentence' && widgetBundle['requirementSentence']" data-ph-id="ph-widget-element-1646931261484-158">${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-widget-element-1646931261484-159"></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-widget-element-1646931261484-160"> <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-widget-element-1646931261484-161"> <i class="${eachJob.toggleOpenTeaser ? 'icon icon-arrow-up-5' : 'icon icon-arrow-down-5'}" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-162"></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-widget-element-1646931261484-163"></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-widget-element-1646931261484-164"> <span fitscore.bind="fit = (enabledFits[jobFitsSettConfig.literalMap[eachJob.fitLevel]])" class="job-match ${fit.settings.class}" data-ph-id="ph-widget-element-1646931261484-165"> <i class="icon ${fit && fit.settings.icon}" if.bind="fit && fit.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-166"></i> <span class="tag-label" data-ph-id="ph-widget-element-1646931261484-167">${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-widget-element-1646931261484-168"> <ul ph-role="data.bind:jobActions" data-ph-id="ph-widget-element-1646931261484-169"> <li repeat.for="eachAction of jobActions" class="${eachAction.name}" data-ph-id="ph-widget-element-1646931261484-170"> <div if.bind="eachAction.name == 'applyNow'" class="${ ( eachJob.toggleOpenTeaser || !( eachJob.smartHighlights && enabledFields['pjfSmartHighlights'])) ? 'show' : 'hide'}" data-ph-id="ph-widget-element-1646931261484-171"> <a ph-tevent="from_data_attribute" data-ph-tevent-name="${eachJob.actionEventName}" href.bind="eachJob.actionUrl" target.bind="eachJob.externalApply!='undefind' && eachJob.externalApply && !clickTojd ? '_blank' : '_self'" class="btn plain-button apply-btn" data-ph-at-id="apply-link" data-ph-tevent-attr-trait5="${eachJob.jobSeqNo}" data-ph-tevent-attr-trait14="${eachJob.category}" aria-label="${widgetBundle['applyNowText'] | pht} for ${eachJob.title} ${widgetBundle['jobIdConnectingText'] | pht} ${eachJob.jobId}" data-ph-id="ph-widget-element-1646931261484-172"> ${widgetBundle['applyNowText'] | pht} <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-173">${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-widget-element-1646931261484-174"></i> </a> </div> <div if.bind="eachAction.name == 'shareJob'" class="share-job" data-ph-id="ph-widget-element-1646931261484-175"> <button class="share-job-button btn" type="button" click.delegate="eachJob.shareToggleOpen = !eachJob.shareToggleOpen" data-ph-id="ph-widget-element-1646931261484-176"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-177"></i> <!-- <i class="icon icon-share" aria-hidden="true"></i> --> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-178"> <ppc-content key="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-V3gfay-default-share${eachIndicator}Text" data-ph-at-id="share-job-button-text" instance-id="Tw7yYt-V3gfay" data-ph-id="ph-widget-element-1646931261484-179">Share Job button</ppc-content> </span> </button> <div class="share-options-dropdown ${eachJob.shareToggleOpen ? 'show' : 'hide'}" data-ph-id="ph-widget-element-1646931261484-180"> <section class="ph-widget" instance-id="xCldWx" original-view="default" view="1646931261913-default" data-ph-id="ph-widget-element-1646931261484-181"> <div as-element="ph-social-share-v3" class="ph-social-share-v3-default-default ph-widget-target" data-widget="ph-social-share-v3" view="1646931261913-default" detail-obj.bind="eachJob" hide-title="true" hide-sub-title="true" is-error-msg-reqd.bind="true" instance-id="xCldWx" original-view="default" data-ph-id="ph-widget-element-1646931261484-182"></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-widget-element-1646931261484-183"> <div class="savejob-checkbox" data-ph-id="ph-widget-element-1646931261484-184"> <label for="save-${eachJob.jobSeqNo}" class="${eachJob.inProgress ? 'disabled' : ''}" data-ph-id="ph-widget-element-1646931261484-185"> <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-widget-element-1646931261484-186" /> <span class="label-content" if.bind="eachJob.isJobSaved === false" data-ph-id="ph-widget-element-1646931261484-187"> <i class="icon ${eachAction.settings.icon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-188"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-189"> ${widgetBundle['addToCartSaveText'] | pht} <!-- <ppc-content key="addToCartSaveText">Save</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-190">${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-widget-element-1646931261484-191"> <i class="icon ${eachAction.settings.activeicon}" if.bind="eachAction.settings.icon && eachAction.settings.icon.length" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-192"></i> <span if.bind="eachAction.settings.label" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-193"> ${widgetBundle['addToCartSavedText'] | pht} <!-- <ppc-content key="addToCartSavedText">Saved</ppc-content> --> </span> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-194">${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-widget-element-1646931261484-195"> <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-widget-element-1646931261484-196"> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-197">${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-widget-element-1646931261484-198"></i> <span if.bind="eachAction.settings.label" data-ph-id="ph-widget-element-1646931261484-199"> ${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-widget-element-1646931261484-200"> <div class="multi-location-popup" if.bind="eachJob.popUpOpen && (enabledFields['location'] && enabledFields['location'].settings && enabledFields['location'].settings.displayType == 'modal')" data-ph-id="ph-widget-element-1646931261484-201"> <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-widget-element-1646931261484-202"> <div class="modal-dialog" data-ph-id="ph-widget-element-1646931261484-203"> <div class="popup-content-block" data-ph-id="ph-widget-element-1646931261484-204"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllLocations(eachJob)" aria-label="Close locations popup" key-aria-label="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-KvP148-default-closePopupAriaLabelText" instance-id="Tw7yYt-KvP148" data-ph-id="ph-widget-element-1646931261484-205"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-206"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-1646931261484-207"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-JcR6Pb-default-headingModalRole" key-aria-level="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-JcR6Pb-default-headingModalAriaLevel" instance-id="Tw7yYt-JcR6Pb" data-ph-id="ph-widget-element-1646931261484-208"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-1646931261484-209"> <div class="job-location-count" data-ph-id="ph-widget-element-1646931261484-210"> ${widgetBundle['multipleLocation'] | pht:{"locationCount" : eachJob.multi_location.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-1646931261484-211"> <ul class="location-list" ph-role="data.bind:eachJob.multi_location" data-ph-id="ph-widget-element-1646931261484-212"> <li class="each-location ${enabledFields.drivingTime ? 'multi-location-driving-time' : '' }" repeat.for="eachLocation of eachJob.multi_location" data-ph-id="ph-widget-element-1646931261484-213"> <span data-ph-id="ph-widget-element-1646931261484-214"> <i class="icon ${enabledFields['location'] && enabledFields['location'].settings.icon}" aria-hidden="true" if.bind="enabledFields['location'] && enabledFields['location'].settings.icon" data-ph-id="ph-widget-element-1646931261484-215"></i> </span> <span data-ph-id="ph-widget-element-1646931261484-216"> ${eachLocation} </span> <div if.bind="enabledFields.drivingTime" class="job-driving ${(!eachJob.multi_location_array[$index].drivingTime.inHours && !eachJob.multi_location_array[$index].drivingTime.inMinutes) ? 'driving-unavailable' : ''}" style="width:100%;" data-ph-id="ph-widget-element-1646931261484-217"> <span class="sr-only" data-ph-id="ph-widget-element-1646931261484-218">${widgetBundle['drivingTime'] | pht}</span> <i class="icon ${enabledFields.drivingTime.settings.icon}" if.bind="enabledFields.drivingTime.settings.icon" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-219"></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-widget-element-1646931261484-220">${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-widget-element-1646931261484-221">${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-widget-element-1646931261484-222">${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-widget-element-1646931261484-223">${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-widget-element-1646931261484-224"> ${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-widget-element-1646931261484-225"> <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-widget-element-1646931261484-226"> <div class="modal-dialog" data-ph-id="ph-widget-element-1646931261484-227"> <div class="popup-content-block" data-ph-id="ph-widget-element-1646931261484-228"> <button class="close ph-a11y-close-multi-location" click.delegate="hideAllCategory(eachJob)" aria-label="Close category popup" key-aria-label="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-4PvAQf-default-closeCategoryPopupAriaLabelText" instance-id="Tw7yYt-4PvAQf" data-ph-id="ph-widget-element-1646931261484-229"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-230"></i> </button> <div class="heading-block" data-ph-id="ph-widget-element-1646931261484-231"> <div class="job-heading" id="modalHeading" role="heading" aria-level="1" key-role="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-cXgkOA-default-headingModalRole" key-aria-level="MNmIrb-ph-profile-recommendations-v2-Tw7yYt-cXgkOA-default-headingModalAriaLevel" instance-id="Tw7yYt-cXgkOA" data-ph-id="ph-widget-element-1646931261484-232"> ${eachJob.title} </div> <div id="modalDescription" data-ph-id="ph-widget-element-1646931261484-233"> <div class="job-location-count" data-ph-id="ph-widget-element-1646931261484-234"> ${widgetBundle['multipleCategory'] | pht:{"categoryCount" : eachJob.multi_category.length}} </div> </div> </div> <div class="content-block" data-ph-id="ph-widget-element-1646931261484-235"> <ul class="category-list" ph-role="data.bind:eachJob.multi_category" data-ph-id="ph-widget-element-1646931261484-236"> <li class="each-category ${enabledFields.drivingTime ? 'multi-category-driving-time' : '' }" repeat.for="eachCategory of eachJob.multi_category" data-ph-id="ph-widget-element-1646931261484-237"> <span data-ph-id="ph-widget-element-1646931261484-238"> <i class="icon ${enabledFields['category'] && enabledFields['category'].settings.icon}" aria-hidden="true" if.bind="enabledFields['category'] && enabledFields['category'].settings.icon" data-ph-id="ph-widget-element-1646931261484-239"></i> </span> <span data-ph-id="ph-widget-element-1646931261484-240"> ${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-widget-element-1646931261484-241"> <div aria-atomic="true" aria-live="assertive" instance-id="DGxGGe" data-ph-id="ph-widget-element-1646931261484-242"> <button class="btn primary-button" aria-label="See more recommended jobs" key-aria-label="MNmIrb-ph-profile-recommendations-v2-DGxGGe-oItqAU-default-seeMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeMore'" click.trigger="seemore()" data-access="showMore" title="" key-title="MNmIrb-ph-profile-recommendations-v2-DGxGGe-oItqAU-default-seemore-link-title-Text" data-ph-at-id="seemore-link" role="button" key-role="MNmIrb-ph-profile-recommendations-v2-DGxGGe-oItqAU-default-button-role-see-more" instance-id="DGxGGe-oItqAU" data-ph-id="ph-widget-element-1646931261484-243"> <!-- <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-widget-element-1646931261484-244"> ${widgetBundle['seeMoreText'] | pht} </span> <i class="icon icon-down-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-245"></i> </button> </div> <button class="btn primary-button" aria-label="See less recommended jobs" key-aria-label="MNmIrb-ph-profile-recommendations-v2-DGxGGe-wgyEcS-default-seeLessAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === false" click.trigger="seeLess()" title="" key-title="MNmIrb-ph-profile-recommendations-v2-DGxGGe-wgyEcS-default-seeless-link-title-Text" data-ph-at-id="seeless-link" role="button" key-role="MNmIrb-ph-profile-recommendations-v2-DGxGGe-wgyEcS-default-button-role-see-less" instance-id="DGxGGe-wgyEcS" data-ph-id="ph-widget-element-1646931261484-246"> <!-- <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-widget-element-1646931261484-247"> ${widgetBundle['seeLessText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-248"></i> </button> <button class="btn primary-button" aria-label="See next recommended jobs" key-aria-label="MNmIrb-ph-profile-recommendations-v2-DGxGGe-WKfTFH-default-seeNextAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeNext'" click.trigger="seeNext()" data-access="seeNext" title="" key-title="MNmIrb-ph-profile-recommendations-v2-DGxGGe-WKfTFH-default-seenext-link-title-Text" data-ph-at-id="seenext-link" role="button" key-role="MNmIrb-ph-profile-recommendations-v2-DGxGGe-WKfTFH-default-button-role-see-next" instance-id="DGxGGe-WKfTFH" data-ph-id="ph-widget-element-1646931261484-249"> <!-- <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-widget-element-1646931261484-250"> ${widgetBundle['seeNextText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-251"></i> </button> <button class="btn primary-button" aria-label="See even more recommended jobs" key-aria-label="MNmIrb-ph-profile-recommendations-v2-DGxGGe-qz8clX-default-seeEvenMoreAriaLabelText" keyup.trigger="seemoreOnKeyUp($event)" show.bind="showMore === true && jobsDisplayMode == 'seeEvenMore'" click.trigger="seeEvenMore()" data-access="seeEvenMore" title="" key-title="MNmIrb-ph-profile-recommendations-v2-DGxGGe-qz8clX-default-seeevenmore-link-title-Text" data-ph-at-id="seeevenmore-link" role="button" key-role="MNmIrb-ph-profile-recommendations-v2-DGxGGe-qz8clX-default-button-role-see-evenmore" instance-id="DGxGGe-qz8clX" data-ph-id="ph-widget-element-1646931261484-252"> <!-- <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-widget-element-1646931261484-253"> ${widgetBundle['seeEvenMoreText'] | pht} </span> <i class="icon icon-up-arrow" aria-hidden="true" data-ph-id="ph-widget-element-1646931261484-254"></i> </button> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-1646931261484-255"> <p data-ph-id="ph-widget-element-1646931261484-256"> <ppc-content key="MNmIrb-ph-profile-recommendations-v2-default-noRecomJobsInfoText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-1646931261484-257"> No recommendations found </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-category-overview-v3-1625234285936-view2" nonce=""><div class="show-loader" ph-loading-img="show-loader.bind: showLoader" if.bind="showLoader" data-ph-id="ph-widget-element-1625234285936-2"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" key-role="aoTaFK-ph-category-overview-v3-view2-regionRole" aria-label="Explore your future" key-aria-label="k1Zl2y-aoTaFK-ph-category-overview-v3-view2-widgetHeadingText" show.bind="!showLoader" if.bind="!hideWhenEmpty" data-ph-id="ph-widget-element-1625234285936-3"> <div class="widget-container" data-ph-id="ph-widget-element-1625234285936-4"> <div class="phs-widget-heading" data-ph-id="ph-widget-element-1625234285936-5"> <h2 if.bind="!hideTitle" data-ph-id="ph-widget-element-1625234285936-6"> <ppc-content key="3fWNX7-aoTaFK-ph-category-overview-v3-view2-widgetHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-widget-element-1625234285936-7" language-overriden="true"><div><span style="font-family:bell_slim_black;"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16">Browse our job categories</span></span></div></ppc-content> </h2> <p if.bind="!hideSubTitle" data-ph-id="ph-widget-element-1625234285936-8"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-widgetSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-widget-element-1625234285936-9" language-overriden="true"><span class="ph-line-height-1_3" data-ph-style-attr="ph-line-height-1_3" data-ph-process-line-height="true"><span class="gray-darkar"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">With over 50,000 diverse employees across Canada, our innovative teams are thriving in a culture that celebrates bringing game-changing ideas to life.</span></span></span></span></ppc-content> </p> </div> <div class="content-block" data-ph-id="ph-widget-element-1625234285936-10"> <div class="${mode}" data-ph-id="ph-widget-element-1625234285936-11"> <div ph-role="data.bind:categoryViewModel" class="row category-column-${cardsPerRow}" data-ph-at-widget-data-count="${categoryViewModel.length}" data-ph-at-id="category-list-view" data-ph-id="ph-widget-element-1625234285936-12"> <div if.bind="mode == 'slider'" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of currSlideData" data-ph-id="ph-widget-element-1625234285936-13"> <a ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} jobs" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-1625234285936-14"> <div class="category-info" data-ph-id="ph-widget-element-1625234285936-15"> <figure data-ph-id="ph-widget-element-1625234285936-16"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" data-ph-at-id="category-image" data-ph-id="ph-widget-element-1625234285936-17" loading="lazy" /> <img if.bind="category && category.hover_image" src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-1625234285936-18" loading="lazy" /> </figure> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1625234285936-19">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-20"> <span data-ph-id="ph-widget-element-1625234285936-21">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-22"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-23"> <span data-ph-id="ph-widget-element-1625234285936-24">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-25"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-26"> <span data-ph-id="ph-widget-element-1625234285936-27">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-28"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> <div if.bind="(mode != 'slider') && (type != 'subCategory')" class="col-md-${cardStyleClassSuffix} content-list-item" repeat.for="category of categoryViewModel" data-ph-id="ph-widget-element-1625234285936-29"> <a data-access-list-item="${$index}" ph-tevent="job_category_click" ref="linkEle" href="${getUrl(linkEle, 'category', category)}" class="category-${$index + 1} list-item-link" aria-label="${category.key} ${category.total_count} jobs" data-ph-at-id="category-link" data-ph-at-category-text="${category.key}" data-ph-at-category-job-count="${category.total_count}" data-ph-id="ph-widget-element-1625234285936-30"> <figure data-ph-id="ph-widget-element-1625234285936-31"> <img if.bind="category && category.icon_image" src="${category.icon_image}" alt="${category.key}" class="img-responsive ph-image iconImg" data-ph-at-id="category-image" data-ph-id="ph-widget-element-1625234285936-32" loading="lazy"> <img if.bind="category && category.hover_image" src="${category.hover_image}" alt="${category.key}" class="img-responsive ph-image iconHoverImg" data-ph-at-id="category-image-hover" data-ph-id="ph-widget-element-1625234285936-33" loading="lazy"> </img></img></figure> <div class="category-info" data-ph-id="ph-widget-element-1625234285936-34"> <p class="title" title.bind="category.key" data-ph-id="ph-widget-element-1625234285936-35">${category.key}</p> <p class="job-count" if.bind="showEmptyCategories && !category.total_count && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-36"> <span data-ph-id="ph-widget-element-1625234285936-37">0</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-38"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count > 1 && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-39"> <span data-ph-id="ph-widget-element-1625234285936-40">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-41"> ${widgetBundle['categoryCountPlural'] | pht} </span> </p> <p class="job-count" if.bind="category.total_count == 1 && !hideJobCount" data-ph-id="ph-widget-element-1625234285936-42"> <span data-ph-id="ph-widget-element-1625234285936-43">${category.total_count}</span> <span data-ph-at-id="countLabel" data-ph-id="ph-widget-element-1625234285936-44"> ${widgetBundle['categoryCountSingler'] | pht} </span> </p> </div> </a> </div> </div> <!--show when mode is showMore show all --> <div class="actions" if.bind="mode != 'slider'" data-ph-at-id="navigation" iskeyenabled.bind="isKeyPressEnabled = true" data-ph-id="ph-widget-element-1625234285936-45"> <a data-access="showMore" ph-tevent="see_more_click" ref="linkEle" href="javascript:void(0)" role="button" aria-label="View Even More" title="View Even More" class="btn action-btn" keyup.trigger="viewEvenMoreOnKeyup && viewEvenMoreOnKeyup($event)" click.delegate="viewEvenMore()" if.bind="!hideViewEvenMore" key-title="aoTaFK-ph-category-overview-v3-view2-showMoreActionTitleText" key-aria-label="aoTaFK-ph-category-overview-v3-view2-showMoreActionAriaLabelText" key-role="aoTaFK-ph-category-overview-v3-view2-showMoreActionRole" data-ph-at-id="seemore-link" data-ph-id="ph-widget-element-1625234285936-46"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-showMoreActionText" data-ph-at-id="seemore-text" data-ph-id="ph-widget-element-1625234285936-47" language-overriden="true"> Show More </ppc-content> </a> <a data-access="showMore" ph-tevent="view_next_click" ref="linkEle1" href="javascript:void(0)" role="button" aria-label="View Next" title="View Next" class="btn action-btn" keyup.trigger="viewNextOnKeyup && viewNextOnKeyup($event)" click.delegate="viewNext()" if.bind="!hideViewNext" key-title="aoTaFK-ph-category-overview-v3-view2-viewNextActionTitleText" key-aria-label="aoTaFK-ph-category-overview-v3-view2-viewNextActionAriaLabelText" key-role="aoTaFK-ph-category-overview-v3-view2-viewNextActionRole" data-ph-at-id="viewnext-link" data-ph-id="ph-widget-element-1625234285936-48"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-viewNextActionText" data-ph-at-id="viewnext-text" data-ph-id="ph-widget-element-1625234285936-49" language-overriden="true"> View Next </ppc-content> </a> <a data-access="showMore" ph-tevent="view_all_click" ref="linkEle2" href="javascript:void(0)" role="button" aria-label="View All" title="View All" class="btn action-btn" click.delegate="viewAll()" if.bind="!hideViewAll" key-title="aoTaFK-ph-category-overview-v3-view2-viewAllActionTitleText" key-aria-label="aoTaFK-ph-category-overview-v3-view2-viewAllActionAriaLabelText" key-role="aoTaFK-ph-category-overview-v3-view2-viewAllActionRole" data-ph-at-id="viewall-link" data-ph-id="ph-widget-element-1625234285936-50"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-viewAllActionText" data-ph-at-id="viewall-text" data-ph-id="ph-widget-element-1625234285936-51" language-overriden="true"> View All </ppc-content> </a> <a data-access="showMore" ph-tevent="see_less_click" ref="linkEle3" href="javascript:void(0)" role="button" class="btn action-btn" aria-label="Show Less" title="Show Less" keyup.trigger="viewLessOnKeyup && viewLessOnKeyup($event)" click.delegate="viewLess()" if.bind="!hideLess" key-title="aoTaFK-ph-category-overview-v3-view2-showLessActionTitleText" key-aria-label="aoTaFK-ph-category-overview-v3-view2-showLessActionAriaLabelText" key-role="aoTaFK-ph-category-overview-v3-view2-showLessActionRole" data-ph-at-id="seeless-link" data-ph-id="ph-widget-element-1625234285936-52"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-showLessActionText" data-ph-at-id="seeless-text" data-ph-id="ph-widget-element-1625234285936-53" language-overriden="true"> Show Less </ppc-content> </a> </div> <!--show slider actions when mode is slider and mode option loop is true--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && !modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-1625234285936-54"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="currSlide > 0 && modeOptions.prev" title="View Previous Slide" key-title="hnVc3n-aoTaFK-ph-category-overview-v3-view2-previousSlideActionTitleText" key-aria-label="xMoQNn-aoTaFK-ph-category-overview-v3-view2-previousSlideActionAriaLabelText" key-role="npJCKB-aoTaFK-ph-category-overview-v3-view2-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1625234285936-55"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1625234285936-56"></i> <ppc-content key="np4j6b-aoTaFK-ph-category-overview-v3-view2-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1625234285936-57" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="currSlide < totalSlides-1 && modeOptions.next" title="View Next Slide" key-title="xu5Ubq-aoTaFK-ph-category-overview-v3-view2-nextSlideActionTitleText" key-aria-label="bkSatY-aoTaFK-ph-category-overview-v3-view2-nextSlideActionAriaLabelText" key-role="5uim1e-aoTaFK-ph-category-overview-v3-view2-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1625234285936-58"> <ppc-content key="28eCuY-aoTaFK-ph-category-overview-v3-view2-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1625234285936-59" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1625234285936-60"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1625234285936-61"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-1625234285936-62"> </a> </div> </div> <!--show slider actions when mode is slider and mode option loop is false--> <div class="slider-actions ${modeOptions.navPosition}" if.bind="mode == 'slider' && modeOptions.loop" data-ph-at-id="navigation" data-ph-id="ph-widget-element-1625234285936-63"> <a ph-tevent="previous_slider_click" role="button" aria-label="View Previous Slide" href="javascript:void(0)" class="slide-left" data-slide="prev" click.delegate="goToPrevSlide()" if.bind="totalSlides > 1 && modeOptions.prev" title="View Previous Slide" key-title="NlF4L6-aoTaFK-ph-category-overview-v3-view2-previousSlideActionTitleText" key-aria-label="Z6Kldn-aoTaFK-ph-category-overview-v3-view2-previousSlideActionAriaLabelText" key-role="zYgWGt-aoTaFK-ph-category-overview-v3-view2-previousSlideActionRole" data-ph-at-id="sliderprevious-link" data-ph-id="ph-widget-element-1625234285936-64"> <i aria-hidden="true" class="icon icon-left-arrow" data-ph-id="ph-widget-element-1625234285936-65"></i> <ppc-content key="yZPmFT-aoTaFK-ph-category-overview-v3-view2-previousSlideText" data-ph-at-id="sliderprevious-text" data-ph-id="ph-widget-element-1625234285936-66" language-overriden="true"> Previous</ppc-content> </a> <a ph-tevent="next_slider_click" role="button" aria-label="View Next Slide" href="javascript:void(0)" class="slide-right" data-slide="next" click.delegate="goToNextSlide()" if.bind="totalSlides > 1 && modeOptions.next" title="View Next Slide" key-title="8k28BX-aoTaFK-ph-category-overview-v3-view2-nextSlideActionTitleText" key-aria-label="kPhQHy-aoTaFK-ph-category-overview-v3-view2-nextSlideActionAriaLabelText" key-role="yprfID-aoTaFK-ph-category-overview-v3-view2-nextSlideActionRole" data-ph-at-id="slidernext-link" data-ph-id="ph-widget-element-1625234285936-67"> <ppc-content key="CofAza-aoTaFK-ph-category-overview-v3-view2-nextSlideText" data-ph-at-id="slidernext-text" data-ph-id="ph-widget-element-1625234285936-68" language-overriden="true"> Next </ppc-content> <i aria-hidden="true" class="icon icon-arrow-right" data-ph-id="ph-widget-element-1625234285936-69"></i> </a> <div class="slider-indicators" data-ph-id="ph-widget-element-1625234285936-70"> <a ph-tevent="dot_slider_click" role="button" aria-label="View Slide ${$index+1}" href="javascript:void(0)" data-target="#" class="${$index == currSlide ? 'active' : ''}" repeat.for="eachIndicator of totalSlides" if.bind="totalSlides > 1 && modeOptions.indicators" click.delegate="goToSlide($index)" title="Slide ${$index+1}" data-ph-at-id="sliderdot-link" data-ph-id="ph-widget-element-1625234285936-71"> </a> </div> </div> </div> </div> <div class="no-data-view" if.bind="showErrorMsg" data-ph-at-id="nodata-block" data-ph-id="ph-widget-element-1625234285936-72"> <p data-ph-id="ph-widget-element-1625234285936-73"> <ppc-content key="aoTaFK-ph-category-overview-v3-view2-noDataViewText" data-ph-at-id="nodata-text" data-ph-id="ph-widget-element-1625234285936-74" language-overriden="true"> No Categories. </ppc-content> </p> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-language-selector-v1-1686315131313-default" nonce=""><div class="phs-lang-select-area ph-widget-box" data-ph-id="ph-page-element-short-header-a2r6t3-UYypxD"> <span repeat.for="lang of supportedLanguages" class="language-block" data-ph-id="ph-page-element-short-header-a2r6t3-Jdv2v7"> <a href="javascript:void(0)" if.bind="lang.locale != chosenLanguage.locale" click.delegate="languageChanged(lang)" data-ph-at-id="language-link" data-ph-at-locale-text="${lang.locale}" data-ph-at-country-name-text="${lang.countryName}" data-ph-at-language-text="${lang.description}" data-ph-id="ph-page-element-short-header-a2r6t3-pdx52s"> <span if.bind="chosenLanguage.locale== 'en_ca'" title="You will be navigated to french language version of site" key-title="a2r6t3-ph-language-selector-v1-default-english-title-language" data-ph-id="ph-page-element-short-header-a2r6t3-aVRRYB"> <ppc-content key="a2r6t3-ph-language-selector-v1-default-english-language" data-ph-at-id="language-text" data-ph-id="ph-page-element-short-header-a2r6t3-Va3yQM">English</ppc-content> </span> <span if.bind="chosenLanguage.locale== 'fr_ca'" title="Vous serez dirigé vers Version anglaise du site" key-title="a2r6t3-ph-language-selector-v1-default-french-title-language" data-ph-id="ph-page-element-short-header-a2r6t3-Z7HeRR"> <ppc-content key="a2r6t3-ph-language-selector-v1-default-french-language" data-ph-at-id="language-text" data-ph-id="ph-page-element-short-header-a2r6t3-ww9tUJ">French</ppc-content> </span> </a> </span> </div></script><script type="text/x-ph-tmpl" id="ph-job-cart-count-v3-1686315131387-view2" nonce=""><div class="phs-job-cart-area" data-ph-id="ph-page-element-short-header-jkn0zo-lWSQoN"> <a ph-href="jobcart" key-ph-href="jkn0zo-ph-job-cart-count-v3-view2-jobcartUrl" ph-tevent="job-cart-icon-click" data-ph-at-id="jobcart-count" data-ph-at-widget-data-count="${jobCartCount}" aria-atomic="true" aria-live="assertive" aria-label="${jobCartCount} ${widgetBundle['jobCartLinkText']| pht} ${jobCartCount == 1 ? (widgetBundle['jobCartJobSingular']) : (widgetBundle['jobCartJobPlural'])}" data-ph-id="ph-page-element-short-header-jkn0zo-DfDIXX"> <i class="${jobCartCount > 0? (widgetBundle['iconCartLgText']) : (widgetBundle['iconCartText'])}" aria-hidden="true" data-ph-id="ph-page-element-short-header-jkn0zo-5DhEIa"></i> <span class="linkText" data-ph-at-id="heading-text" aria-hidden="true" data-ph-id="ph-page-element-short-header-jkn0zo-kCDZ2F"> ${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-jkn0zo-L8wO0e"> (${jobCartCount}) </span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-container-v1-default-1697627041889" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader && !userConsentPopup" class="show-loader" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Ed2o5X"> </div> <div class="widget-block-area" data-pre-render="" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QOn5QI"> <div class="modal-backdrop phcriticalhide" show.bind="showLoader && !avoidBackDropFirstTime" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3CtCUQ"></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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-NaCrnk"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DZvYQv"> <div class="upload-resume-tile" if.bind="!isLoggedIn && (currentStep == 'chooseStep')" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QKEkbQ"> <div class="widget-container" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AcDJIR"> <div class="upload-resume-tile-container" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-am93Uj"> <div class="resume-info" data-ph-at-id="upload-resume-info" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yputRP"> <h2 class="phs-heading phcriticalhide" if.bind="userState == 'visitor'" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-VR8KNW"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginHeadingVisitorText" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-XJCnrp">Welcome back! </ppc-content> </h2> <h2 class="phs-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zXWzHw"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KexhaY"><div><span style="font-family:Arial-Bold;"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16">Get tailored job recommendations based on your interests.</span></span></div></ppc-content> </h2> </div> <div class="action-btn ph-a11y-action-btn" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ej0151"> <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="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel1" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-VakNWG"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginActionButtonText" phae-ref="1" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Aif2xe"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EFR4TY"> <div class="widget-container" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rcjIPK"> <div class="post-login-resume-tile-container" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-6DPHIV"> <div class="user-info" aria-labelledby="uploadSuccess" data-ph-at-id="profile-info-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KLuNVS"> <div class="user-profile-icon fs-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zMaq4Z"> <span class="user-name-prefix" if.bind="!((preferredName && profileData.preferredName) || profileData.firstName)" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GEYxVy"> <i class="icon icon-user-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Anl5yq"></i> </span> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rFa5zE"> <span key="5RxNrQ-ph-find-your-fit-container-v1-default-profileIconScreenText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ozHnQN"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-q2GR9m"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7l0oPE"> <div class="user-profile-info phs-heading fs-block" role="presentation" if.bind="(preferredName && profileData.preferredName) || profileData.firstName" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-70GHMy"> <span class="recom-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4Y1pUl">${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-oiDNa4"> <span class="recom-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aZOwAm"> <!-- Avoid of showing both messages until recommendations service call made --> <ppc-content if.bind="isProfileJobsAvailable" key="5RxNrQ-ph-find-your-fit-container-v1-default-postLoginProfileHeading" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BWGcjz">Your personalized site and job recommendations are ready.</ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && !isCandidateHomeEnabled" key="5RxNrQ-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-poHUMb"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="!isProfileJobsAvailable && isCandidateHomeEnabled && isProfileDataExists" key="5RxNrQ-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kXXOiP"> Currently we don't have any jobs that fit your interests. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && !isProfileJobsAvailable && !isProfileDataExists" key="5RxNrQ-ph-find-your-fit-container-v1-default-postLoginNoProfileJobsHeading3" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EK486r"> Currently we don’t have enough information to provide personalized job recommendations. </ppc-content> <ppc-content if.bind="isCandidateHomeEnabled && (isActiveSession && isAnonymous)" key="5RxNrQ-ph-find-your-fit-container-v1-default-postLoginSignUpText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gQBiFU"> <a class="ph-a11y-candidateHomeSignUp candidateHomeSignUp" href="javascript:void(0);" click.delegate="triggerSignUpPopup()" data-ph-id="ph-widget-element-1646931256138-38">Sign up</a> <span data-ph-id="ph-widget-element-1646931256138-39"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DW6V1u"> <div class="action-area-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3Ew0Ib"> <button class="edit-resume upload-action-btn ${isDropdownOpen?'selected':''}" aria-expanded="${isDropdownOpen?'true':'false'}" click.delegate="toggleDropDown()" aria-label="Edit profile" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-editUploadOptionAriaLabel1" data-ph-at-id="edit-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-hqLVLw"> <span class="error-icon" show.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation " data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fv60NW"> <i class="icon icon-error" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DDwFBu"></i> </span> <span class="file-icon" show.bind="!isContactDetailsConfigured || (gdprConsent && !savePersonalInfo)" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0C4mGM"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IqGFkb"></i> </span> <span class="resume-name" if.bind="false" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Qf1B3J"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-a5eWP0">${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3TbDTG"> ${widgetBundle['resumeEditFYfDropDownText'] | pht } </span> <i class="icon ${isDropdownOpen ? 'icon-arrow-down-10' : 'icon-arrow-down-10'}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-hW5igq"></i> </button> <div class="action-new-area" if.bind="isDropdownOpen" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aoPatn"> <ul data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YfJqG1"> <li if.bind="isContactDetailsConfigured && !(gdprConsent && !savePersonalInfo) && !resumeInfoConfirmation" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IWLcaI"> <button class="completeInfo-btn" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-" click.delegate="openContactDetailsPopup()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-K1mI2Q"> <span class="button-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-v2RAqk"> <span class="error-icon action-icon" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KsxPY8"><i class="icon icon-error" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FNKqHo"></i></span><ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-completeInformationButtonText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wrLOvO"> Complete resume info </ppc-content> </span> </button> </li> <li if.bind="resumeInfoConfirmation" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-a5MSR7"> <button class="edit-resume-btn" aria-label="${widgetBundle['resumeEditDropDownBtnAriaLabel'] | pht }" click.delegate="editResumeInfo()" ph-tevent="edit-resume" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-CmagRw"> <span class="action-icon" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Nq5aiV"> <i class="icon icon-edit-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZE2ScY"></i> </span> <span class="button-text" data-ph-at-id="upload-resume-edit-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-i4Fm6v"> ${widgetBundle['resumeEditDropDownText'] | pht } </span> </button> </li> <li data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-E4v6wO"> <section class="ph-widget" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-logRYM" view="1697627041225-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="1697627041225-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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wuuUWg"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WI0V9z"> <button id="ph-dropzone" class="upload-btn" aria-label="upload new file" ph-tevent="new-resume" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PzHYya"> <span class="action-icon" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pdSdww"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-B80WFe"></i> </span> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WtSm03">Upload new </ppc-content> </button> </div> </div> </section> </li> <li if.bind="!isSocialLogin && !isSiteLogin" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KgxqEC"> <button class="remove-btn" ph-tevent="delete-resume" aria-label="${widgetBundle['resumeResetDropDownAriaLabel'] | pht }" click.delegate="openDeletePopup()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yeQKf8"> <span class="action-icon" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0VEqkv"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LHb03D"></i> </span> <span data-ph-at-id="upload-resume-reset-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-C6GQwR"> ${widgetBundle['resumeResetDropDownText'] | pht } </span> </button> </li> </ul> </div> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-6u455q"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ovno9w"> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-VgVcuq"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FDcFHl"> ${socialProvider} </span> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-1DzX0M"> 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="5RxNrQ-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LylyO5"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-oADTS9">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DB2DL9"> <div class="action-area-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Z4zlBw"> <button class="questions-btn btn default-button ph-a11y-edit-profile" click.delegate="handleFindYourFit('editProfile')" aria-label="edit profile" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-at-id="edit-profile-dropdown-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-90YnDe"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdationEditText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yU88fH">Edit profile</ppc-content> </button> <div class="reset-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FvgdAq"> <button class="reset-button" click.delegate="resetProfile()" if.bind="!isSocialLogin && !isSiteLogin" aria-label="reset find your fit profile" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdateResetAriaLabel" data-ph-at-id="edit-profile-dropdown-reset-link" ph-tevent="reset_personalization_click" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZqZp0n"> <i class="icon icon-reset-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dZXe07"></i> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-XuMa1e"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdateResetLinkText" data-ph-at-id="edit-profile-dropdown-link-reset-profile-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AMWeZ3"> Reset Personalization </ppc-content> </span> </button> <div if.bind="isSocialLogin" class="social-logout-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eoxUWR"> <span class="sc-icon-block" if.bind="isSocialLogin" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-a75gjn"> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eA9AZg">${socialProvider}</span> <i if.bind="socialProvider" class="icon icon-${socialProvider}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TjTMog"></i> <span if.bind="socialProvider" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-xuBupM"> ${socialProvider} </span> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-edit-profile-social-logout-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9nP8lc"> 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="5RxNrQ-ph-find-your-fit-container-v1-default-fyf-logoutLinkTitleText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AIsg8E"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-fyf-logoutLinkText" data-ph-at-id="edit-profile-social-logout-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zbesZb">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-5L8ktT"> <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="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginActionButtonAriaLabel" data-ph-at-id="upload-resume-start-button" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0I2vzd"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-preLoginActionButtonText" data-ph-at-id="upload-resume-start-button-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-sQapex"> Get Started</ppc-content> </button> </div> <div class="action-area action-btn" if.bind="!isAnonymous && flowType == 'candidateProfile'" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-d32wEP"> <div class="action-area-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-heYyEd"> <a class="questions-btn btn default-button ph-a11y-candidate-edit-profile" ph-href="myprofile#personalisationSettings" aria-label="edit profile" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdateAriaLabel" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BVXvd2"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-profileUpdationEditProfileText" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MwOOGD">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ffV1bo"> <div class="widget-container" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-tdjTAm"> <div class="inner-content" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pCtE3l"> <h2 class="ph-a11y-choose-resume-steps ph-a11y-after-close-focus-elem phs-heading" tabindex="-1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ww3kK4"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-flowChoosingHeadingText" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9eL577">Choose your path! </ppc-content> </h2> <div class="p-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Bf7XZv"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-flowChoosingHeadingSubHeadingText" data-ph-at-id="sub-heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IjmiiH">Either use your resume or tell us a little about yourself</ppc-content> </div> <div class="buttons-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FMyGcm"> <div class="inner-wrapper desktop-hide" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Oe9cTQ"> <button class="btn questions-btn primary-button" click.delegate="handleFindYourFit('profileQues')" data-ph-at-id="answers-questions-mobile-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-SnPCRA"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TvS471">Answer Questions </ppc-content> </button> <p class="or-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PvpOcQ"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wfqjeK">or</ppc-content> </p> </div> <div if.bind="currentStep == 'uploadResume'" class="dropzone-area" aria-hidden="${(resumeInfoPopup || userConsentPopup) ? 'true' : false}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IeGQkl"> <!-- import resume --> <section class="ph-widget" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-2U5DLt" view="1697627041226-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="1697627041226-external-upload-resume" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="external-upload-resume" instance-id="" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-VFDBwX"></div> </section> </div> <div class="inner-wrapper mobile-hide" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kl8joT"> <p class="or-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-CGr2uu"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-chooseOrText" data-ph-at-id="or-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7zpOjL">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-srcWgN"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-fyfStepsHeadingTxt" data-ph-at-id="answers-questions-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MqtG5J">Answer Questions </ppc-content> </button> </div> </div> <div class="checkbox-btn-group" if.bind="!gdprConsent" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-8i2Im5"> <label class="input-checkbox-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MB4E2w"> <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="5RxNrQ-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZxUF56"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gIm1ZS"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YTaHXg"></span> <span class="checkbox-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3loXZK"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-MoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QVZ17K">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="5RxNrQ-ph-find-your-fit-container-v1-default-ChooseSectionCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rCcQpG"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-k0osDo"></i> </button> </div> </div> </div> <span class="sr-only phcriticalhide" aria-live="polite" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rcw7t8"> <span if.bind="chooseSteps" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KqJyKY"> Choose your path </span> </span> <div class="popup-modal-backdrop active email-validation-wrapper phcriticalhide" show.bind="isEmailValidationEnabled && !isVerifiedUser && isShowEmailValidationPopup" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3UnSgP"> <div class="modal fade in show modal-dialog ph-a11y-modal-email-validation-area email-validation-popup" role="dialog" aria-modal="true" aria-labelledby="modal-heading-id" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Bgmedj"> <button class="close-popup close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-clyTQk"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-bcqMZT"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="modal-heading-id" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-u5xfyU"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jBwbNy"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-akuJKx">${profileData.email}</span>${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0o8rpP"> ${tokenExpiryTimeText}.</span></div> <span class="email-send-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-loO3FT">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ujyrHy"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-fyf-email-sent-failed" tabindex="-1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0ELrBp"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aV6RZq"></i> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EWrx8e">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> <div class="popup-modal-backdrop upload-resume-popup phcriticalhide" if.bind="userConsentPopup" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-qu7vga"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Vfwbad"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fjeYoM"> <!-- Close popup button --> <div class="close-popup-btn" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-umvlhJ"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Kp36he"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-r7sGAP"></i> </button> </div> <div class="modal-body" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-XbxxWf"> <h2 class="heading-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-F1OFr1"> <ppc-content class="heading" id="ph-ally-unsaved-popup-heading" key="5RxNrQ-ph-find-your-fit-container-v1-default-unsaved-popup-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-OhahLk"> RESUME UPLOADED! </ppc-content> </h2> <div class="sub-heading-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-5mP4Ng"> <ppc-content class="sub-heading" id="ph-ally-unsaved-popup-subHeading" key="5RxNrQ-ph-find-your-fit-container-v1-default-ally-unsaved-popup-subHeading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jb3RBj"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-b5zCUf"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PUz0tC"> <label class="input-checkbox-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FWuY5t"> <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="5RxNrQ-ph-find-your-fit-container-v1-default-termsAriaLabel" aria-required="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jX8FGh"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YG9RNt"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-now22Y"></span> <span class="checkbox-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-XqTcVo"> <ppc-content class="cd-terms-policy-block" key="5RxNrQ-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7heTK5"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-1646931256138-152"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-1646931256138-153">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-1646931256138-154">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0He1Et"> <ppc-content class="cd-terms-policy-block" key="5RxNrQ-ph-find-your-fit-container-v1-default-cd-terms-policy-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4PUx86"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-1646931256138-152"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-widget-element-1646931256138-153">terms of use</a> <span class="mandatory-star" data-ph-id="ph-widget-element-1646931256138-154">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9cyM0o"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-terms-error" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MNPqmu"> Please accept privacy policy and terms of use. </ppc-content> </div> <div class="checkbox-btn-group" if.bind="!hideUserConsentCheckbox" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PanTiF"> <label class="input-checkbox-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dzRjyM"> <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="5RxNrQ-ph-find-your-fit-container-v1-default-saveResumeAriaLabe" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AU2ofw"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DUSUL8"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Uz4yUg"></span> <span class="checkbox-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wzX6z9"> <ppc-content data-ph-at-id="checkbox-button-text" key="5RxNrQ-ph-find-your-fit-container-v1-default-save-my-checkbox-button-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Lx1Ukk">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Mdr3Mc"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZcBSeo"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-170U2T"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-bySNMT"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rdxJOw"></span> <span class="checkbox-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-c5VvNo"> <span id="${'checkbox-label-fyfcont' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kmZWVf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aHjIY0">*</span> </span> </input></label> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4EWWs6"> <span class="pii-consent-error" id="consent-error-fyfcont" if.bind="piiConsentError" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eHIvWh"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-13527i"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-submitbuttonkey" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QvKnZm"> Submit </ppc-content> </button> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="resumeInfoPopup" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-lwTZcm"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jbFHRv"> <div class="modal-dialog resume-step" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RKhZvO"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Hw7cVx"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-sxbyih"></i> </button> <div class="modal-body" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yRPCOC"> <!-- Contact Details area --> <div if.bind="activeStep == 'contactDetails'" class="upload-contact-details" data-ph-at-id="upload-contact-details-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MWYfRz"> <div class="contact-details-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4ZDgck"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-f2LC4l"> <span data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-C8INrM"> ${widgetBundle['contactDetailsAreaHeadingText'] | pht} </span> </h2> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pFCmOR"> <form role="form" aria-label="${widgetBundle['contactDetailsAreaFormAriaLabel'] | pht}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-SzsO7e"> <div class="form-group ${contactDetails.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-e0grTC"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BzuSQJ"> <label for="preferredName" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-P9Sb76"> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kvcmHH"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZppovR"> <span data-ph-at-id="name-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-cClpUl"> ${widgetBundle['contactDetailsAreaPreferredName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-NOdsyO"> * </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-c5ysQx"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WuZt56"> <span id="ph-a11y-contact-preferred-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-hr3Yj5"> <span if.bind="contactDetailsErrorObj.preferredName.error" data-ph-at-id="name-error-alert" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aCDny5"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-2tHOox"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-qLWv44"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.name.error ? 'error focus':''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-w8IHbB"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-xlv2wd"> <label for="name" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-qVHxvy"> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-m5j5h4"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-sQuyZp"> <span data-ph-at-id="name-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YlEw03"> ${widgetBundle['contactDetailsAreaName'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eZoZL6"> * </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-HhKgWF"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fg6GxD"> <span id="ph-a11y-contact-name-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-emVu4U"> <span if.bind="contactDetailsErrorObj.name.error" data-ph-at-id="name-error-alert" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mqvpV7"> <span data-ph-at-id="upload-resume-name-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-SSSkOV"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Y4hDZA"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7ej4U0"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EiF3kx"> <label for="email" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YZoChB"> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9AaO9H"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GdcS1K"> <span data-ph-at-id="email-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GYD49Q"> ${widgetBundle['contactDetailsAreaEmail'] | pht} </span> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Wcfck3"> * </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GpiHxS"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-31ppFK"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-e6DseQ"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0FVqpV"> <span data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jlGJ6X"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Z0DeQ5"> <span data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rnOrtD"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-spGCmS"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RejKTg"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-V3Gt1l"> <label for="phone" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-SDGNJ0"> <span class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rOynCS"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eO8cU8"> <span data-ph-at-id="phone-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PJxeLz"> ${widgetBundle['contactDetailsAreaPhone'] | pht} </span> </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ZgRHRY"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Nko63O"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-nYgMkj"> <span data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-63E0f5"> ${widgetBundle['contactDetailsAreaPhoneInputErrorText'] | pht} </span> </span> <i class="icon icon-check-mark-thick" if.bind="contactDetailsErrorObj.phone.validField" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-lnOYA8"></i> </input></div> </div> </div> </form> <div class="buttons-confirm-person-details" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MJ4MCm"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WSV6hF"> <button class="btn confirm-cancel-btn " click.delegate="changeActiveStep('cancel')" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-g7UGKs"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-HF7n6Q"> ${widgetBundle['contactDetailsAreaCancelBtnText'] | pht } </span> </button> </div> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UixKf8"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jKUzWl"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7Ok4Yh"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UDMyFS"> <div class="contact-details-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4lxjjX"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QVlvan"> <span data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-tTpiKJ"> ${widgetBundle['resumeCancelPopupHeading'] | pht} </span> </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4DEY64"> <span data-ph-at-id="sub-heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-icaLBN"> ${widgetBundle['resumeCancelPopupSubHeading'] | pht} </span> </p> <div class="buttons-cancel" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yRCrwj"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-HjX4jI"> <button class="btn confirm-cancel-btn " click.delegate="closeResumeInfoPopup()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yc2O6n"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UMFuOz"> ${widgetBundle['resumeCancelPopupCancelBtn'] | pht} </span> </button> </div> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gKX53A"> <button class="btn primary-button" click.delegate="changeActiveStep(previousActiveStep)" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ibw45a"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-F9Zjuq"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IcmxuC"> <div class="job-title-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gAelly"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pAqnDM"> ${widgetBundle['resumeJobTitle'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Uxp775"> ${widgetBundle['resumeJobTitleSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="job-title-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mAf2US"> ${widgetBundle['resumeJobTitleSearchLabel'] | pht } </span> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-J09bzt"> <div class="ph-a11y-job-title" data-ph-at-id="job-title-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zG9Imt"> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7uOkpg"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Lw3xGR" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QKqiTp"></i> </div> <ul role="listbox" aria-labelledby="jobTitle-list" id="jobTitle-list" class="results-list search-dropdown-list" show.bind="resumeInfo.jobTitles.showDropdown" data-ph-at-id="suggested-data-list" aria-label="${widgetBundle['resumeJobTitleSuggestionAriaLabel'] | pht }" data-ph-at-data-count=" ${resumeInfo.jobTitles.searchTitles.length}" tabindex="-1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GOyPeq"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-2Di6HD"> </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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-duvvYK"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-0sbnez"> <div class="sr-only" if.bind="!resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fyoSUS"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-hMjxYC"> ${widgetBundle['resumeJobTitleNoResults'] | pht } </span> </div> <div class="sr-only" if.bind="resumeInfo.jobTitles.searchTitles.length && resumeInfo.jobTitles.value && resultUpdated" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YepkTP"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-JAeo9L"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.jobTitles.selectedTitles.length > 10" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ddZfSX"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ru7X0b"> <h3 class="job-titles-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dVtYiv"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-k9AAXK"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fXSm20"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-a484iX"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ikK2tl"></i> </a> </li> </ul> </div> </div> <!-- Skills --> <div if.bind="activeStep == 'skills'" data-ph-at-id="skills-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IOuUrf"> <div class="skills-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9FmWXt"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-6Omi2N"> ${widgetBundle['resumeSkillSet'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-y8ALHH"> ${widgetBundle['resumeSkillSetSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="search-skill-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EHTJhY"> ${widgetBundle['resumeSkillSetSearchLabel'] | pht } </span> <div class="ph-a11y-skills" data-ph-at-id="skills-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DCHKo0"> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TzdiLh"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eFsqy6" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9PQ2cV"></i> </div> <ul role="listbox" class="search-dropdown-list" show.bind="resumeInfo.skills.showSkillsDropdown && resumeInfo.skills.value" data-ph-at-id="suggested-data-list" id="skills-list" aria-labelledby="skills-list" aria-label="${widgetBundle['resumeSkillSetSuggestionAriaLabel'] | pht }" data-ph-at-data-count="${resumeInfo.skills.skillsList.length}" tabindex="-1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pyPsNO"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WANC75"> </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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RXlPfL"> ${widgetBundle['resumeSkillSetNoResults'] | pht } </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7DLOHs"> <div class="sr-only" if.bind="!resumeInfo.skills.skillsList.length && resumeInfo.skills.value.length && resumeInfo.skills.showSkillsDropdown && resultUpdated" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-1FZjX4"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-y3tWDK"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RZEUSV"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KYuC9o"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-KBFgh0"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EGWHP8"> <h3 class="skills-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-8loP36"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DnAK7v"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Duqgh6"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AkBRbJ"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IyhsoW"></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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zYE4Fz"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-O7GbmM"> <h3 class="suggested-heading" tabindex="-1" id="suggested-skills-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YNAQKO"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-jAhWTy"> <li repeat.for="eachSkill of resumeInfo.skills.suggestedSkills" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Vgs10K"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RpL3YR"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7hzXMy">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-1NbMqz"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- Work Experience --> <div if.bind="activeStep == 'workExperience'" data-ph-at-id="work-experience-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mfOGAL"> <div class="work-experience-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-NpY6ev"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-1s52fw"> ${widgetBundle['resumeExperience'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TIm5po"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RpkzKt"> <legend class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-j2522q"> ${widgetBundle['resumeExperienceLegendText'] | pht } </legend> <div class="radio-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-44KLl4"> <span class="each-radio-button" repeat.for="exp of resumeInfo.experienceData" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RtXd8U"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-oXjWnh" /> <label for="exp_${$index}" class="radio-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eP6nug"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-JYjTIl">${exp.displayName} </span> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UKeJjX"> ${widgetBundle['resumeExperienceYearsText'] | pht } </span> </label> </span> </div> </fieldset> </div> </div> <!-- Preferred Location --> <div if.bind="activeStep == 'preferredLocation'" data-ph-at-id="work-experience-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-C1oHE5"> <div class="work-experience-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-B02kH8"> <h2 class="phs-heading ph-a11y-resume-heading" tabindex="-1" id="resume-info-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-89OXHe"> ${widgetBundle['resumeLocation'] | pht:{"activeStepIndex":activeStepIndex, "resumeConformationSteps":resumeConformationSteps.length}} </h2> <p class="phs-sub-heading" id="resume-info-subheading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gg5tLn"> ${widgetBundle['resumeLocationSubHeading'] | pht } </p> <span class="sr-only hidden-label" id="preferred-location-label" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-HVgSl6"> ${widgetBundle['resumeLocationSearchLabel'] | pht } </span> <div class="preferred-location-block" data-ph-at-id="preferred-location-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eRGquA"> <div class="input-group ph-autocomplete-input-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QZUQqU"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EOqKKb" /> <i class="icon icon-search-2" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-93OIZa"></i> </div> <ul role="listbox" class="combobox-results-list search-dropdown-list" show.bind="resumeInfo.preferredLocation.showLocationDropdown" data-ph-at-id="suggested-data-list" id="locations-list" aria-labelledby="locations-list" aria-label="${widgetBundle['resumeLocationSuggestionAriaLabel'] | pht}" data-ph-at-data-count="${resumeInfo.preferredLocation.locationsList.length}" tabindex="-1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4qbW8q"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ceHWfc"> </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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-r0a01p"> ${widgetBundle['resumeLocationNoResultsText'] | pht} </li> </ul> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RV2bCz"> <div class="sr-only" if.bind="!resumeInfo.preferredLocation.locationsList.length && resumeInfo.preferredLocation.value.length && resumeInfo.preferredLocation.showLocationDropdown && resultUpdated" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-tHTuFN"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3q9SNY"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BZKiko"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-8HDZsC"> <a href="javascript:void(0);" click.delegate="handleSkip()" class="skip-selected each-tag" if.bind="resumeInfo.preferredLocation.selectedLocations.length > 10" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-996ug6"> ${widgetBundle['resumeSkipThisSection'] | pht } </a> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-cDEaMp"> <h3 class="location-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-iSgPYN"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TLJkDR"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DGVOMr"> ${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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-QMXNPp"> <i class="icon ${widgetBundle['removeSelectionIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ylv8fk"></i> </a> </li> </ul> </div> </div> </div> <div class="active-step-prev-next-btns" if.bind="activeStep != 'contactDetails' && activeStep != 'cancel'" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-G6EM94"> <div class="active-step-button-cntr prev" show.bind="activeStepIndex > 1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AnMiCs"> <button class="btn confirm-cancel-btn " click.delegate="resumeInfo.loadPreviousStep()" id="previous-popup-btn" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IlyLOh"> <i class="icon icon-arrow-left-9" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mrjWI7"></i> ${widgetBundle['resumeStepsPrevText'] | pht } </button> </div> <div class="active-step-button-cntr next" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wh8JWQ"> <button id="next-popup-btn" class="btn primary-button" click.delegate="resumeInfo.loadNextStep()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eehYlY"> <span if.bind="activeStepIndex != resumeConformationSteps.length" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BNSOq7"> ${widgetBundle['resumeStepsNextText'] | pht } </span> <span if.bind="activeStepIndex == resumeConformationSteps.length " data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DPlip8"> ${widgetBundle['resumeStepsSubmitText'] | pht } </span> <i class="icon icon-arrow-right-9" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UifRgt"></i> </button> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-r0MXGU"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GK6UqS"> ${selectionRemovalSrText} </div> </div> </div> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UmiUql"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-H2LJSH"> <!-- Upload resume dropzone area --> <div class="modal-dialog" if.bind="!showLoader" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-X35WuM"> <div if.bind="!uploadResumeStatus" class="upload-failure" data-ph-at-id="upload-failure-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BtifDp"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="invalid format resume popup close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-uploadFailurePopupCloseAriaLabel1" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YOgmwx"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LBbiZG"></i> </button> <div class="failure-img-block" data-ph-at-id="upload-failure-img-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-zB7AJB"> <i class="icon icon-sad-file" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pmVRE3"></i> <span key="5RxNrQ-ph-find-your-fit-container-v1-default-sadFileIconText" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-fcRq7l">Failure icon</span> </div> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-rbfmzJ"> <h3 class="heading" if.bind="isFileSupported" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-bVPzOt"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Akt41R"> Oops invalid format...</ppc-content> </h3> <h3 class="heading" if.bind="!isFileSupported" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DqDbtZ"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadErrorHeading" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IYdAWZ"> Oops... </ppc-content> </h3> <p if.bind="isFileSupported" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-hUa8nZ"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadUnsupportedErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LNwDOH"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YFfHkP"> ${widgetBundle['uploadFileSizeError'] | pht:{"fileSize": maxFileSize}} </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-qWKIhv"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadErrorDescription" data-ph-at-id="description-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-5WASjh">Something went wrong. </ppc-content> </p> <p if.bind="!isFileSupported && ((limitExceeded && !widgetBundle['uploadFileSizeError']) || !limitExceeded)" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Pdcy5V"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadErrorUploadAgain" data-ph-at-id="error-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-K3AOOs">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-XgOy4x"> <div class="upload-again" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4Z20WW"> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-lVOdaP" view="1697627041234-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="1697627041234-upload-new" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" original-view="upload-new" instance-id="" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ebLwYX"> <div class="ph-dropzone-area" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aAFn9I"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-T1BJoC"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-8799bS">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eGLLmm"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="contact details popup Close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-wryFRB"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dbXtze"></i> </button> <div class="contact-details-inner-wrapper" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-imWsZG"> <p if.bind="!contactDetailsFailure && contactDetailsFirstTime" class="phs-sub-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MTB364"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> <p if.bind="contactDetailsFailure" class="phs-sub-heading failure-msg" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-c0VJiW"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsErrorText1" data-ph-at-id="description-error-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PrHLq2"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YqF2du"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-p0BZzv"> But we noticed below information is missing from it. <br data-ph-id="ph-widget-element-1646931256138-202" /> Please complete the following:</ppc-content> </h2> <h2 if.bind="!contactDetailsFirstTime" class="phs-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-B8Y9cc"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadContactDetailsHeading2" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-5SsXDj"> We noticed below information is missing from it. <br data-ph-id="ph-widget-element-1646931256138-205" /> Please complete the following: </ppc-content> </h2> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GHWDwF"> <form role="form" aria-label="contact details" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailspopupFormArialLabel1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PWkrKF"> <div class="form-group ${contactDetails.email.error ? 'error focus':''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-UDMdUG"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Cv3uyR"> <label for="email" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-6haTyt"> <span key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsEmail" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-V3ahOG">Email</span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-R6UuZV"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsEmail" data-ph-at-id="email-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aWxzSh">Email </ppc-content> </span> <span class="mandate-field" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-q19Awg"> * </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DVkE64"> <input type="text" class="form-control ph-a11y-form-control-config-email fs-block" id="email" placeholder="your@mail.com" key-placeholder="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsEmailInputPlaceHolder" 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-GNna2v"> <span id="ph-a11y-contact-email-field-error" class="error-msg" aria-atomic="true" aria-live="assertive" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-EoV5MK"> <span if.bind="contactDetailsErrorObj.email.code && contactDetailsErrorObj.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-elXpor"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorText" data-ph-at-id="upload-resume-email-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-yHN9aS"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aQkeag"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsEmailInputErrorCorrectFormat" data-ph-at-id="upload-resume-email-error-alert-text2" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9sKDO3"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-BquOjb"></i> </input></div> </div> </div> <div class="form-group ${contactDetails.phone.error ? 'error focus':''}" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-g2Vpr4"> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-C9HGRp"> <label for="phone" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-OOzzVv"> <span key="5RxNrQ-ph-find-your-fit-container-v1-default-ContactDetailsPhone" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-j5V7Pm">Phone</span> <span class="" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-vaaLwV"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsPhone" data-ph-at-id="phone-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-DIft67">Phone </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-R927eR"> <input type="text" class="form-control ph-a11y-form-control-config-phone fs-block" id="phone" placeholder="Enter your phone number" key-placeholder="5RxNrQ-ph-find-your-fit-container-v1-default-ContactDetailsPhoneInputPlaceHolder1" 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Ttz01p"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kCqTKA"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-contactDetailsPhoneInputErrorText" data-ph-at-id="upload-resume-phone-error-alert-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-whSNfX">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RrfyYO"></i> </input></div> </div> </div> </form> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kSJPPI"> <button class="btn primary-button" click.delegate="configureMoreDetails()" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kIazUy"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-uploadResumeContactDetailsSubtmitText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AbWgGU">Submit</ppc-content> </button> </div> </div> </div> </div> <div class="user-signin-area" if.bind="currentStep == 'userSignIn' && !showLoader && isAnonymous" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ytlUeK"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="social login popup Close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-socialLoginPopupCloseAriaLabelText" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-7Gcm39"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-O60Ymi"></i> </button> <div class="upload-success-social-login" if.bind="isLoggedIn" data-ph-at-id="upload-success-social-login-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-h6NTPT"> <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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-RmE3Bo"> <p data-ph-at-id="sucess-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-xZ8HzB"> ${widgetBundle['resumeUploadedMessage'] | pht:{"resumeName": profileData.resumeName}} </p> </div> <div class="signin-options-area" if.bind="!mergeRequired && isAnonymous && !disableSocialLogin" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ke5sOs"> <h2 class="phs-heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kwRlEY"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadSuccessHeading2" data-ph-at-id="heading-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-89B7sI">Sign in and keep your data for future visits</ppc-content> </h2> <section class="ph-widget" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-TeLXmE" view="1697627041234-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="1697627041234-view4" mode.bind="'CI'" fyf-step-land-info.bind="stepsData" original-view="view4" instance-id="" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-muCKBe"></div> </section> <div class="signin-info" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-AbATGe"> <span data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-VswMnt"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-IDOHde"></i> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadSuccessDesc" data-ph-at-id="resumeUploadSuccessDesc" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-YOc9N9"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Ppjen9"> <div class="upload-success-login-user" if.bind="isLoggedIn" data-ph-at-id="upload-success-login-user-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PB1ESr"> <div class="failure-img-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eGJn16"> <i class="icon icon-happy-file" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-eY7Hgn"></i> <span key="5RxNrQ-ph-find-your-fit-container-v1-default-happyFileIconText" class="sr-only" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-1NbTpl">success icon </span></div> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WwAoPj"> <h3 class="heading" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dtFylM"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessHeading" data-ph-at-id="sucess-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-9Wqt97"> Great! </ppc-content> </h3> <div class="p-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-oyYKQD"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes1" data-ph-at-id="sucess-desc1" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-3fdCY3">Your file is successfully uploaded</ppc-content> </div> <div class="p-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-dwcj4Z"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadSocialSuccessDes3" data-ph-at-id="sucess-desc2" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-tP22Am">Enjoy your personalized jobs</ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Furdgc"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="file upload success popup close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-socialLoginSuccessCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ljELkC"> <span class="btn primary-button" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-kC3XkV"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-socialLoginCloseText" data-ph-at-id="close-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-umu21q">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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Q6ISvu"> <button class="ph-a11y-popup-start-focus close" click.delegate="closePopup()" aria-label="reset popup close" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-resetPopupCloseAriaLabel" data-ph-at-id="close-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-gLIF6e"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-vYfiDU"></i> </button> <div class="delete-img-block" data-ph-at-id="upload-delete-img-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LBB6VU"> <i class="icon icon-remove-file" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-osWvzo"></i> <span class="sr-only" key="5RxNrQ-ph-find-your-fit-container-v1-default-removeFileIconText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-e2sVxM">reset icon</span> </div> <div data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-L965VZ"> <div class="p-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mCXXma"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-resumeUploadDeletDescription" data-ph-at-id="description-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-OMonxl">By resetting personalization <br data-ph-id="ph-widget-element-1646931256138-276" />you will lose your personalized job recommendations </ppc-content> </div> <div class="social-login-close" data-ph-at-id="social-login-close-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-ir1ZAp"> <div class="delete-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-MFGEXN"> <button class="btn warning-button" aria-label="Reset" key-aria-label="5RxNrQ-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteAriaLabel" click.delegate="deleteResume()" data-ph-at-id="delete-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-LbHxEo"> <ppc-content key="5RxNrQ-ph-find-your-fit-container-v1-default-deleteResumePopupDeleteButtonText" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-4p8BKu"> 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-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-stIuvJ" view="1697627041245-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="default-1697627196604" original-view="default" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-2MNny1"></div> </section> <!-- Candidate login mobile view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-mpMyYx"> </div> <!-- Candidate login desktop view --> <div class="phcriticalhide" show.bind="candidateLoginPopup" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WB4cmj"> <section class="ph-widget" instance-id="fyf2" hide-on-mobile="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Cg72WB" view="1697627041766-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-1697627286434" instance-id="fyf2" original-view="default" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-tlWncq"></div> </section> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-Earq8I"> <div class="sr-only" if.bind="uploadSronly" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-FwPzTz"> resume uploaded </div> <div class="sr-only" if.bind="uploadingSronly" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-i6Uur6"> resume uploading </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697627041234-upload-new" nonce=""> <div class="ph-dropzone-area" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-aAFn9I"> <button id="ph-dropzone" class="upload-btn btn primary-button" data-ph-at-id="upload-resume-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-T1BJoC"> <ppc-content key="ph-import-resume-v1-upload-new-resumeUploadTryAgainText" data-ph-at-id="upload-try-again-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-8799bS">Try again</ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697627041225-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WI0V9z"> <button id="ph-dropzone" class="upload-btn" aria-label="Use new resume" ph-tevent="new-resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-PzHYya"> <span class="action-icon" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-pdSdww"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-B80WFe"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontext" data-ph-at-id="upload-resume-link-text" data-ph-id="ph-1646931256138-default-ph-find-your-fit-container-v15RxNrQ-WtSm03"> Use new resume </ppc-content> </button> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627041234-view4" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view4-ph-social-connect-v1d4YLmm"> </div> <div class="phs-widget-block-area ph-widget-box" role="region" data-is-popup-view="true" data-ph-id="ph-view4-ph-social-connect-v1cJaDOh"> <!-- 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-view4-ph-social-connect-v1e7uPjB"> <div class="ph-widget-container" data-ph-at-id="social-connect-container" data-ph-id="ph-view4-ph-social-connect-v1sLpbWr"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view4-ph-social-connect-v1MnmGvb"> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view4-ph-social-connect-v17mzFrP"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view4-ph-social-connect-v140GUuX"> <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-privacyDataConsentCheckboxText" data-ph-id="ph-view4-ph-social-connect-v1R1kyy7"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view4-ph-social-connect-v1znImqL"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view4-ph-social-connect-v1KyhJi9"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view4-ph-social-connect-v1cZpAHC"> <ppc-content key="rJMgF0-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view4-ph-social-connect-v1xkWaO4"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1l05TkH"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v113nL4Q"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view4-ph-social-connect-v1lRfHzb"> <span class="social-checkbox-btn-text" data-ph-id="ph-view4-ph-social-connect-v1l3qyDn"> <ppc-content key="xKD8T1-ph-social-connect-v1-view4-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view4-ph-social-connect-v1HwD5vH"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view4-ph-social-connect-v1l05TkH"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view4-ph-social-connect-v113nL4Q"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view4-ph-social-connect-v16F7OUN"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view4-ph-social-connect-v1yGToUn"> <span class="social-alert-msg" data-ph-id="ph-view4-ph-social-connect-v1tc4PSs"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view4-listRole" data-ph-id="ph-view4-ph-social-connect-v1DuL1hB"> <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-listItemRole" data-ph-id="ph-view4-ph-social-connect-v1o9csPg"> <a href="javascript:void(0);" class="btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-view4-ph-social-connect-v12gfbJ7"> <div class="icon-block" data-ph-id="ph-view4-ph-social-connect-v1BS0vIt"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view4-ph-social-connect-v1aKrH1t"></i> </div> <div class="text-block" data-ph-id="ph-view4-ph-social-connect-v1ntPM3L"> ${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-import-resume-v1-1697627041226-external-upload-resume" nonce=""><div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-external-upload-resume-ph-import-resume-v1QFj2RD"> <button id="ph-dropzone" class="dropzone active btn plain-button" aria-label="Use My Resume" key-aria-label="CxeiZg-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button" data-ph-id="ph-external-upload-resume-ph-import-resume-v1nNJqaU"> <div class="dropzone-content" data-ph-id="ph-external-upload-resume-ph-import-resume-v1Dd3Btg"> <div class="content-holder" data-ph-id="ph-external-upload-resume-ph-import-resume-v1wPhp44"> <span data-ph-id="ph-external-upload-resume-ph-import-resume-v1SpFZgb"> <ppc-content key="gOCVzd-ph-import-resume-v1-external-upload-resume-importResumeButtonText" data-ph-at-id="upload-resume-button-text" data-ph-id="ph-external-upload-resume-ph-import-resume-v1ymRt1b">Use My Resume</ppc-content> </span> </div> </div> </button> </div></script><script type="text/x-ph-tmpl" id="ph-find-your-fit-v1-default-1697627196604" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ATMC4q"> <div class="widget-container" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-h95fju"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GJR2fG"></div> <div class="ph-container-content-block" show.bind="!showLoader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-82wqxe"> <div class="fyf-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-m9s1fy"> <div class="phs-aseertive sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Xax50b"> </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-1697627041245-default-ph-find-your-fit-v16ty93o-DvmWx2"></div> <div class="fyf-step-container" if.bind="fyfStepConfig.stepType == 'authorise'" data-ph-at-id="authorize-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-seHEOz"> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-owDLra"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-A0M4mK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetMainHeading2" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-y3ueyV"> Sign in to save your information for future visits </ppc-content> </h2> <div class="sub-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-zdeC1n"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6NZTb7"></i> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-04p2ax"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-widgetsubHeading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9x1I89"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-7OxF2G" view="1697627196385-view5" original-view="view5" theme="default"> <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="1697627196385-view5" mode.bind="'CI'" fyf-step-land-info.bind="stepLandingInfo" original-view="view5" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-m5mSQN"></div> </section> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EpvR2R"> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1dDiDG"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lymv4T"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sqXMsm"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Og9a2p"></i> </span> </button> </div> </div> </div> <!-- End authorise Step --> <!-- Categories Step --> <div class="categories-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'categories' && !showLoader" data-ph-at-id="categories-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4cDufg"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EPvbZb"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8zVGoe"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sWUTY7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kS9qzc">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-1697627041245-default-ph-find-your-fit-v16ty93o-WpJlFx"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XvmzfZ">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-1697627041245-default-ph-find-your-fit-v16ty93o-5x5ccK"> <legend class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KDTWrX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mjX9LO">What are you interested in?</ppc-content> </legend> <div if.bind="noCategories" class="no-data-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XofpKu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WtJ410">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-1697627041245-default-ph-find-your-fit-v16ty93o-OH1t0f"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-1fn8Mr" /> <span class="cat-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VOoFkV">${eachCategory.category}</span> <span class="check-mark" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QLIsVz"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-hzJBmj"></i> </span> </label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wrT1TK"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VeOi6G"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OQq0NW"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.categories.selectedCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bpCvEj">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.categories.selectedCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-74VbP5">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.categories.selectedCategories.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qlbIf4"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XITmbh">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IKToA9"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-yDnTsr"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5PzpCC"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eoOiTj"></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-1697627041245-default-ph-find-your-fit-v16ty93o-H8nppN"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-T6OAhO"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wrCeyt"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GUUGGK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bBLpYh">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-1697627041245-default-ph-find-your-fit-v16ty93o-9fXdc8"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCategoryHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-THEkz6">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="6ty93o-ph-find-your-fit-v1-default-subCategoriesBlockRoleText" aria-labelledby="phFyfSubCategories" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-3qdIv8"> <div if.bind="noSubCategories" class="no-data-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tXAay3"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNoSubCategoriesText" data-ph-at-id="nodata-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AMUWlY">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-1697627041245-default-ph-find-your-fit-v16ty93o-2EPH6I"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-YRH91U" /> <span class="cat-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kNac8x">${eachSubCategory.subCategory}</span> <span class="check-mark" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z8zcqh"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sATXQx"></i> </span> </label> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-U3549V"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-LMn2hj"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DsF090"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.subCategories.selectedSubCategories.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7gZARf">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.subCategories.selectedSubCategories.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-L7cf64">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.subCategories.selectedSubCategories.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qCz42d"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-s0zs05">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-X9LzHg"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-0qppYg"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UzpHtH"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-60x4Aq"></i> </span> </button> </div> </div> </div> <!-- End SubCategories Step --> <!-- RecentTitle Step --> <div class="recent-title-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'recentTitle' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="recenttitle-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ErGUSA"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qDlUV5"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-Qa0Ltd"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Vu9rvZ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-iTtxiu">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-1697627041245-default-ph-find-your-fit-v16ty93o-d1j9ph"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DLYtP6">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-1697627041245-default-ph-find-your-fit-v16ty93o-rCzee5"> <label for="recentTitles" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-V5ML9v"> ${widgetBundle['JobTitleMessage'] | pht} </label> <div class="ph-autocomplete-input-wrapper ph-combobox-dropdown-area" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EDPsXJ"> <div aria-owns="recenttitle-list" aria-haspopup="listbox" aria-label="What is your most recent job title?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepTwoLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OhRMTc"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleSearchBoxAriaLabel" 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-1697627041245-default-ph-find-your-fit-v16ty93o-3Op3Vx"> </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="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-D0GmQy"> <i aria-hidden="true" class="icon icon-cancel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CSM4Pd"></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-1697627041245-default-ph-find-your-fit-v16ty93o-sQgarb"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-ORpYE5"></li> <li class="search-noresults" if.bind="(!stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoResultsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mJMULe">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AealZg"> <span if.bind="stepData.recentTitles.length && fyfStepConfig.recentTitle.value.length && stepData.showRecentTitleDropdown && resultUpdated" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ok9HQQ"> ${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="6ty93o-ph-find-your-fit-v1-default-recentTitlesAssertiveNoSuggesionsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4NZs6T"> No results are available </span> </div> <div class="radio-btn-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SXMxAa"> <label class="input-radio-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DHNMzw"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lAjrgx"> <span class="radio-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jUS162"></span> <span class="radio-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KtrcWK"></span> <span class="radio-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YWjGsA"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepRecentTitleNoExpRadioText" data-ph-at-id="radio-button-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-b9SS03">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-1697627041245-default-ph-find-your-fit-v16ty93o-g7geQS"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RNdRja"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RdjcWn"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" 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-1697627041245-default-ph-find-your-fit-v16ty93o-UsoiFx">Next</ppc-content> <ppc-content if.bind="(fyfStepConfig.recentTitle.selectedTitle.length || fyfStepConfig.recentTitle.flag) && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kHvlmB">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!fyfStepConfig.recentTitle.selectedTitle.length && !fyfStepConfig.recentTitle.flag)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eAQ2gA"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ZQuMTe">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QdYFlO"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-H2MlaI"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NQ4zzf"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5GgYX2"></i> </span> </button> </div> </div> </div> <!-- End recentTitle Step --> <!-- Skills Step --> <div class="skills-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'skills' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="skills-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Y2HbNq"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xYlXyL"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BSonz5"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9rT2rX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YTY7MB">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-1697627041245-default-ph-find-your-fit-v16ty93o-kzaVPc"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ctfnxg">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-1697627041245-default-ph-find-your-fit-v16ty93o-7jLQrx"> <label for="skills" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-HKIDRM"> ${widgetBundle['yourSkillsMessage'] | pht} <span class="sr-only" id="multiSelectSkills" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-i11JVN">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FGLVBa"> <span class="sr-only" if.bind="fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xhYKbF"> ${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-1697627041245-default-ph-find-your-fit-v16ty93o-te5sMm"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-jJvWQO"> <div role="list" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-j0fVY0"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-WFKSH6"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KLTtAF">${suggestedSkill} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${suggestedSkill} skill" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsDeleteSelectedText1" data-ph-at-id="skill-delete-link" data-ph-at-skill-name-text="${suggestedSkill}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rJFTwk"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-g79MDw"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-G5jj2S"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DaBRMo"> <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="6ty93o-ph-find-your-fit-v1-default-stepThreeLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jmPAAg"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSearchBoxAriaLabel" 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-1697627041245-default-ph-find-your-fit-v16ty93o-vOhEuf"> </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="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsClearSearchAriaLabel" data-ph-at-id="clear-text-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-N7bHbM"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-h2FVwH"></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-1697627041245-default-ph-find-your-fit-v16ty93o-Mp0Y2R"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-8g5oaI"></li> <li class="search-noresults" if.bind="(!stepData.skills.length && fyfStepConfig.skills.value.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsNoResultsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XbGtpg">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MrWKU5"> <span if.bind="stepData.skills.length && fyfStepConfig.skills.value.length && stepData.showSkillsDropdown && resultUpdated" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ihxq2u"> ${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="6ty93o-ph-find-your-fit-v1-default-skillsAssertiveNoSuggesionsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wvWSr8"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-axOhQZ"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CfGTHV"> <h3 class="suggested-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-a5SJ7M"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSkillsSuggestionsText" data-ph-at-id="fyfskills-suggestions-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lPPjzk">Suggested skills based on your interests and job title:</ppc-content> </h3> </div> <div role="list" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Qp5Gl8"> <span role="listitem" repeat.for="eachSkill of stepData.suggestedSkills" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DBjT6n"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-0tY8Kj"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wjwST1">${eachSkill.skill}</span> <i class="icon icon-plus" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sbIzgT"></i> </button> </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-K3ZLim"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SyEfxR"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VPTbet"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.skills.selectedSkill.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1TQdfe">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.skills.selectedSkill.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-yZYg7v">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.skills.selectedSkill.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Qyx2VD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EANcvQ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RbUY6k"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kwyiqq"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-naWzYL"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-p5wov8"></i> </span> </button> </div> </div> </div> <!-- End Skills Step --> <!-- workExperience Step --> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && !hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bVXoh3"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1o6ZV8"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5SQsCl"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tQh3UL"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-r2dQYI">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-1697627041245-default-ph-find-your-fit-v16ty93o-A4QF6l"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-3zCGhd">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-1697627041245-default-ph-find-your-fit-v16ty93o-QPjjJS"> <legend class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-owdayb"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FNv9ce">How experienced are you?</ppc-content> </legend> <label repeat.for="exp of stepData.workExperience" class="exp-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mr2mZw"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-ulU6MC"> <span class="radio-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GDxDCG"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QI97u9">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ha4SNh"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RVzMHp"> Years </span> </span> </span> </input></label> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Oow4PC"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fd6Whl"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YGLuWf"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IFm5PU">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-38pHsw">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TTYICy"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9BU60X">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ro0O3r"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-y7EdTw"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jWjfPT"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-00aQWk"></i> </span> </button> </div> </div> </div> <div class="work-experience-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'workExperience' && !showLoader && hasFeature && hasFeature('radio', 'a11y')" data-ph-at-id="workexp-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-up8fsQ"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mFBjzc"> <!-- <div class="ph-a11y-fyf-step-block"><span class="sr-only">blank</span></div> --> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1O0h2p"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wfpPlw"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YxAach">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-1697627041245-default-ph-find-your-fit-v16ty93o-rGrZDa"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ckLU6P">How experienced are you?</ppc-content> </h2> </div> <fieldset class="exp-block" role="radiogroup" key-role="6ty93o-ph-find-your-fit-v1-default-experienceBlockRole" 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-1697627041245-default-ph-find-your-fit-v16ty93o-varZil"> <legend class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xFAfMp"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExpHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4WItBD">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-1697627041245-default-ph-find-your-fit-v16ty93o-06UhaS"> <span class="check-mark" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-26yXlC"> <i class="icon icon-check-circle-1" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CcZYQ3"></i> </span> <span class="radio-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DHYqEf"> <span aria-label="${exp.displayName}${exp.min == 0?'Year':'years'}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-H0PymO">${exp.displayName} <span if.bind="exp.min == 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText1" data-ph-at-id="expyear-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-hGMO6l"> Year </span> <span if.bind="exp.min != 0" key="6ty93o-ph-find-your-fit-v1-default-fyfStepWorkExperienceYearText2" data-ph-at-id="expyear-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-hSa32i"> Years </span> </span> </span> </span> </fieldset> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-o3zlkK"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qrEDjM"> <button class="btn next-btn primary-button" click.delegate="handleActions()" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1F5EuR"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" if.bind="!fyfStepConfig.workExperience.selectedExp || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Q6XTOc">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.workExperience.selectedExp && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1)) " key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vyZHpx">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.workExperience.selectedExp" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pj5AXd"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bdRqh8">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-l4T5b5"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xgWj8O"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GjnkDl"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kKcxQK"></i> </span> </button> </div> </div> </div> <!-- prefered Location Step --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocation' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jLQMP1"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xGqW3a"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-ogMHic"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RPzijm"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MvrFR4">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-1697627041245-default-ph-find-your-fit-v16ty93o-vpjkLG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-e4JWbK">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JGoSK6"> <label for="locations" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tBK5CO"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Or9uJE">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DyEuuL"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1EeYXz"> ${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-1697627041245-default-ph-find-your-fit-v16ty93o-DfDqga"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-pqfxXf"> <div role="list" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2t2KmE"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-RUUHjK"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-A3bhPk">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XDLhD6"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-94xlyP"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-92mE9K"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jUYQoa"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-hXuGUE"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" 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-1697627041245-default-ph-find-your-fit-v16ty93o-2ReYN5"> </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="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IGz4XR"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-iwZC6C"></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-1697627041245-default-ph-find-your-fit-v16ty93o-TeQBaX"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-bq6O0i"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-esSRQI">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ZgSejz"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KlLDY4"> ${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="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-drAkNu"> No results are available </span> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gXWpAU"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pywJth"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" data-ph-at-id="next-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EAv7XZ"> <ppc-content if.bind="!fyfStepConfig.preferredLocation.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qc8bT7">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocation.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SF4Fqs">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && !fyfStepConfig.preferredLocation.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bzoIrl"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vIlw5q">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-U1aCVv"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Gv1L0o"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4FfZkp"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-iR6deC"></i> </span> </button> </div> </div> </div> <!-- End prefered Location Step --> <!-- prefered Location Step With more options --> <div class="preferred-location-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'preferredLocationWithMoreOptions' && !showLoader && hasFeature && hasFeature('auto-complete', 'a11y')" data-ph-at-id="location-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WcLoyd"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7GLNPc"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-AE95gi"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ffI4lJ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-V83K4h">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-1697627041245-default-ph-find-your-fit-v16ty93o-7zs9jY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationHeading" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xnJODI">What is your preferred location?</ppc-content> </h2> </div> <div class="location-block" data-ph-at-id="location-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jbOVaI"> <div class="preferred-location-container" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8cbQs5"> <ul class="" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fXcbpX"> <li repeat.for="loc of stepData.locationOptions" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rTXXEd"> <input type="radio" id.bind="loc.name" name="selectLocation" model.bind="loc" aria-checked="${fyfStepConfig.locationOptions.selectedOption?'true ':'false'}" data-ph-at-id="loc-select" data-ph-at-exp-text="${loc.displayName}" checked.bind="fyfStepConfig.locationOptions.selectedOption" change.delegate="getGeoLocationPopup()" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4JMJlY"> <label for.bind="loc.name" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IW2Zxc">${widgetBundle[loc.name] || loc.displayName }</label> <span class="current-location" if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rOOzM4"> <i class="icon icon-user" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KMZUs6"></i> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-cwyrMV">${fyfStepConfig.currentLocation.location_display}</span> </span> </input></li> </ul> </div> <div if.bind="fyfStepConfig.locationOptions.selectedOption.name == 'findACity'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OWzsSm"> <label for="locations" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-LdG9oO"> ${widgetBundle['yourPreferredLocationMessage'] | pht} <span class="sr-only" id="multiSelectLocations" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QRAFhi">(This field has a multi select option)</span> </label> <div class="ph-combobox-dropdown-area" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Flf6q9"> <span class="sr-only" if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-g9jwYI"> ${fyfStepConfig.preferredLocationWithMoreOptions.length == 1 ? 'Selected location:':'Selected locations:'} </span> <div class="search-block ph-a11y-search-block ${showFocus ? 'ph-focus':''}" data-ph-at-id="suggest-list" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wvzxQU"> <ul class="selection-multiple ph-common-slection-area" id="search-location-label-2" click.delegate="focusSearch()" data-ph-at-id="suggested-data-list" data-ph-at-data-count="${fyfStepConfig.preferredLocationWithMoreOptions.length}" role="presentation" aria-label="location" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Gyj7la"> <div role="list" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9Dj99u"> <li class="selected-data" show.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && selectedLoc.location_display" repeat.for="selectedLoc of fyfStepConfig.preferredLocationWithMoreOptions" data-ph-at-id="suggested-data-list-item" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XjKWCX"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-k9OsTg">${selectedLoc.location_display} <a href="javascript:void(0)" click.delegate="removeSelectedData($index)" aria-label="remove ${selectedLoc.location_display} location" key-aria-label="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationDeleteSelectedLocation1" data-ph-at-id="location-delete-link" data-ph-at-loc-text="${selectedLoc.location_display}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VKU6pQ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-94GItB"></i> </a> </span> </li> </div> <li class="ph-autocomplete-input-wrapper" role="presentation" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xngKfB"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-dDe8NK"> <div class="search-box-inline" aria-owns="location-list" aria-haspopup="listbox" aria-label="What is your preferred location?" key-aria-label="6ty93o-ph-find-your-fit-v1-default-stepFourLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uRDz2C"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationInputAriaLabel" 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-1697627041245-default-ph-find-your-fit-v16ty93o-REMO28"> </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="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationClearSearchText" data-ph-at-id="clear-text-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Eg27dZ"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-L1vyKJ"></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-1697627041245-default-ph-find-your-fit-v16ty93o-Y0bDxX"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-1kpQrW"> </li> <li class="search-noresults" if.bind="(!stepData.locations.length && fyfStepConfig.preferredLocationValue.length)" data-ph-at-id="no-suggested-results" key="6ty93o-ph-find-your-fit-v1-default-fyfStepPreferredLocationNoResults" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AeQGFD">No results found</li> </ul> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BOPVLs"> <span if.bind="stepData.locations.length && fyfStepConfig.preferredLocationValue.length && stepData.showLocationDropdown && resultUpdated" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UnMe86"> ${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="6ty93o-ph-find-your-fit-v1-default-locationsAssertiveNoSuggesionsText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ZUkntE"> No results are available </span> </div> </div> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-upyYdb"> <div class="next" if.bind="fyfStepConfig.stepType != 'authorise'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eJ7oIY"> <button class="btn next-btn primary-button" click.delegate="handleActions()" if.bind="!fyfStepConfig.lastStep" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-at-id="next-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PvG5BV"> <ppc-content if.bind="!fyfStepConfig.preferredLocationWithMoreOptions.length || ((!disableSocialLogin && stepStatus < stepsCount) || (disableSocialLogin && stepStatus < stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNextText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ksRv6O">Next</ppc-content> <ppc-content if.bind="fyfStepConfig.preferredLocationWithMoreOptions.length && ((!disableSocialLogin && stepStatus == stepsCount) || (disableSocialLogin && stepStatus == stepsCount-1))" key="6ty93o-ph-find-your-fit-v1-default-fyfStepNDoneText" data-ph-at-id="next-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lKuozl">Done</ppc-content> </button> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" data-ph-at-id="send-link" disabled.bind="disableNextButton && (!((fyfStepConfig.locationOptions.selectedOption.name == 'currentLocation' && fyfStepConfig.currentLocation && fyfStepConfig.currentLocation.location_display) || (fyfStepConfig.locationOptions.selectedOption.name == 'anyLocation') || (fyfStepConfig.locationOptions.selectedOption.name == 'findACity' && fyfStepConfig.preferredLocationWithMoreOptions.length)))" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wWTsaq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfLastStepSendText" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JbgbdZ">Done</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-W52OmJ"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-nrEzid"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xFTOyr"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wIhNMg"></i> </span> </button> </div> </div> <div class="popup-modal-backdrop location-blocked-popup active" if.bind="fyfStepConfig.locationBlockedPopup" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7rm5l1"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="location-blocked-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SUucYh"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GkMrTN"> <div class="modal-body" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BBtQQ9"> <!-- <div class="close-popup-btn"> <button class="ph-a11y-popup-start-focus close" ph-tevent="pii-consent-close" click.delegate="closePopup()" aria-label="close popup" data-ph-at-id="close-link"> <i class="icon icon-cancel-1" aria-hidden="true"></i> </button> </div> --> <svg class="location-pin" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kyphTL"> <path d="M39.6339 37.8661C40.122 38.3543 40.122 39.1457 39.6339 39.6339C39.1457 40.122 38.3543 40.122 37.8661 39.6339L29.7171 31.4849L22.9115 38.7093C21.3324 40.3856 18.6675 40.3856 17.0884 38.7093L7 28H7.03807C4.51947 25.0351 3 21.195 3 17C3 13.5246 4.04286 10.2929 5.83273 7.6005L0.366116 2.13389C-0.122039 1.64574 -0.122039 0.85428 0.366116 0.366125C0.854272 -0.122031 1.64573 -0.122031 2.13388 0.366125L39.6339 37.8661ZM14.3171 16.0849C14.1147 16.6863 14.005 17.3303 14.005 18C14.005 21.3137 16.6913 24 20.005 24C20.6747 24 21.3187 23.8903 21.9201 23.6879L14.3171 16.0849ZM9.18582 3.88247L17.744 12.4406C18.4418 12.1565 19.2051 12 20.005 12C23.3187 12 26.005 14.6863 26.005 18C26.005 18.7999 25.8485 19.5632 25.5644 20.261L33.1175 27.8142C35.543 24.8755 37 21.1079 37 17C37 7.61116 29.3888 0 20 0C15.8921 0 12.1245 1.45702 9.18582 3.88247Z" fill="#316ED1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bXEu3z" /> </svg> <h2 class="location-blocked-heading" id="location-blocked-heading" data-ph-at-id="location-blocked-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ToxqD0"> ${widgetBundle['locationBlockedHeadingText'] | pht} </h2> <div class="location-blocked-description" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eBLwG8"> ${widgetBundle['locationBlockedDescriptionText'] | pht} </div> <button class="btn secondary-button location-blocked-button" click.delegate="closeLocationBlockedPopup()" data-ph-at-id="location-blocked-button" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SyOEaE"> ${widgetBundle['locationBlockedOkText'] | pht} </button> </div> </div> </div> </div> </div> <!-- End prefered Location Step With more options --> <!-- contactInfo Step with Resume --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithResume' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-nxqqIP"> <div if.bind="showContactInfoScreen" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xb4qTo"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wIxDZJ"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-T5rOC4"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KP4q4A"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-aUULLH">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-1697627041245-default-ph-find-your-fit-v16ty93o-eW6K5H"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-HUb1rZ">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wo3rRn">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-1697627041245-default-ph-find-your-fit-v16ty93o-NzynJD"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YX12Bv">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-1697627041245-default-ph-find-your-fit-v16ty93o-niPRm0"> <form role="form" submit.delegate="" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OdeohF"> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-zoKLvS"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YuwG4t"> <label for="email-1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-voL1hl"> <!-- <span key="fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only">Email *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wXIYc4"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailTxt" data-ph-at-id="email-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1S49re">Email Address <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1YzCBf6"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-k1xsHx"> <input type="text" id="email-1" class="form-control ph-a11y-form-control-email ${nonEditableFields.email ? 'disabled' : ''} fs-block" placeholder="Enter Email" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolderTxt" 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-1697627041245-default-ph-find-your-fit-v16ty93o-SAHGIb"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gmxcpL"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-yiY6Rd"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WzrOqw">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-1697627041245-default-ph-find-your-fit-v16ty93o-xW7YgH"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z8S3F8">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-1697627041245-default-ph-find-your-fit-v16ty93o-l1YSnN"></i> </input></div> </div> </div> <div class="form-group" show.bind="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8Mkmp3"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mcGMsr"> <label for="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-v3fTSr"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WisH8m">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OmfwzU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8t9FZU"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1QDWi3B">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-88lTOb"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" aria-describedby="ph-a11y-contact-preferred-name-field-error" value.bind="fyfStepConfig.contactInfo.information.preferredName" autocomplete="on" data-ph-at-id="preferred-name-input" change.delegate="fieldValidation('preferredName')" disabled.bind="nonEditableFields.preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eauaTb"> <!-- <span id="ph-a11y-contact-preferred-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.preferredName.error && stepData.preferredName.code == 'E101'" class="error-msg" data-ph-at-id="preferred-name-error-alert"> <ppc-content key="fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text">Preferred Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.preferredName.validField" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gxr9YH"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NpxYi4"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-oBiYko"> <label for="firstName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OznDNV"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-C94sKm"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoFirstNameTxt" data-ph-at-id="name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-cHN2QS"> First Name <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1wCAAWs">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Fttlel"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.firstName ? 'disabled' : ''}" id="firstName" placeholder="Enter First Name" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfFirstNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.firstName" autocomplete="firstName" data-ph-at-id="name-input" disabled.bind="nonEditableFields.firstName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-diJYK2"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.firstName.validField" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rcGapW"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OBaYiz"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Hf9nNB"> <label for="lastName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YYoQzq"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UpWMHJ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoLastNameTxt" data-ph-at-id="name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TZp1up"> Last Name <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1NmRaQG">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z76cB9"> <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.lastName ? 'disabled' : ''}" id="lastName" placeholder="Enter Last Name" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInLastNameInputPlaceHolderTxt" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.lastName" autocomplete="name" data-ph-at-id="name-input" disabled.bind="nonEditableFields.lastName" aria-required="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NVSYvR"> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.lastName.validField" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1GfRq0"></i> </input></div> </div> </div> <div class="form-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fweTIk"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EUYGPn"> <label for="phone" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-J6c3j1"> <!-- <span key="fyfStepContactInfoPhoneText2" class="sr-only">Phone Number</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ilsBKb"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneTxt" data-ph-at-id="phone-text1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Lu7cVT">Phone Number <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1ZACc1e">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5ulrkm"> <input type="text" id="phone" name="phone" class="form-control ph-a11y-form-control-phone fs-block" value.bind="fyfStepConfig.contactInfo.information.phone" placeholder="${widgetBundle['fyfPhoneNumberPlaceHolderText'] | pht}" key-placeholder="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlacHolder" autocomplete="tel" aria-describedby="ph-a11y-contact-phone-field-error-1" data-ph-at-id="phonenum-input" change.delegate="fieldValidation('phone')" disabled.bind="nonEditableFields.phone" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kbsI1B"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-Iz5KN4"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-OgP8Sh">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-1697627041245-default-ph-find-your-fit-v16ty93o-RVb1CY"></i> </input></div> <!-- <div class="security-info"> <div class="security-info-block"> <i class="icon icon-lock" aria-hidden="true"></i> <ppc-content key="fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text"> We take your privacy seriously. </ppc-content> </div> </div> --> </div> </div> <div class="form-group ${stepData.uploadResume.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gIz7yM"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gtXXZT"> <label for="uploadResume" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-nBSLwX"> <!-- <span key="fyfStepContactInfoSrOnlyTextNameInput" class="sr-only">Full name *</span> --> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-chczRF"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoUploadResume" data-ph-at-id="name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qrYovE"> Upload your resume <span class="optional" data-ph-id="ph-default-ph-find-your-fit-v1OUUgwx">(optional)</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lWRzXP"> <section class="ph-widget resume-upload-button" data-tmpl-type="inline" instance-id="fyf3jd" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-l6ulV9" view="1697627196394-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="1697627196394-re-upload" data-tmpl-type="inline" provider-id.bind="'localdriveV3'" file-ctx.bind="fileCtx" fyf-step-config.bind="fyfStepConfig" success-import.bind="isResumeUploaded" fyf-provider.bind="fyfProvider" instance-id="fyf3jd" original-view="re-upload" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BCmdqH"> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WoQyCO"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="6ty93o-ph-find-your-fit-v1-default-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MFxvXM"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UlYX3z"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QTM7OQ"></i> </span> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8spVqn"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vQRrPn"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uLbK8D"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jkms3s"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eGX3KU">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kKSPEI"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ViFmVg"></i> </button> <span class="file-format" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-StHgnh">File format: txt,.pdf,.doc</span> </div> </div> </section> <!-- Loader that appears when you add any data --> <div class="loader-backdrop" show.bind="saveDetailsLoader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-68wkea"> <div ph-loading-img="show-loader.bind: saveDetailsLoader" class="show-loader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7It6SC"></div> </div> <!-- Pop up block --> <div class="popup-modal-backdrop active" show.bind="saveDetailsDialog" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ZnrKFA"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="ph-ally-unsaved-popup-heading" aria-describedby="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TXnYkV"> <!-- Dialog area --> <div class="modal-dialog ${popupType == 'resumeUpload' ? 'resume-dialog' : ''} ${popupType == 'resumeError' ? 'resume-error' : ''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-10dPQ7"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-after-close-focus-elem" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4N8is7"> <button class="ph-a11y-popup-start-focus close" click.delegate="closeResumeUploadDetailsPopup('delete')" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-noiUw9"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EBipzZ"></i> </button> </div> <div if.bind="popupType == 'saveChanges'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lu8Noa"> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-iNYldy"> <h2 class="sub-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jEtFjM"> ${widgetBundle['unsavedPopupHeading'] | pht} </h2> <p class="heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VNqZyb"> ${widgetBundle['unsavedPopupSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9WN8Jk"> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ljPkOw"> <button class="btn save-btn primary-button" click.delegate="saveStepDetails()" data-ph-at-id="save-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7tFfx1"> ${widgetBundle['unsavedPopupConfirmBtnTxt'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FANsVG"> <button class="btn discard-btn plain-button" click.delegate="discardStepDetails()" data-ph-at-id="discard-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IbqdGB"> ${widgetBundle['unsavedPopupCancelBtnTxt'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeUpload'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eSL1Fn"> <span class="icon-container" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NyqOmd"> <i aria-hidden="true" class="icon icon-check-mark-thick-2" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6rdNNQ"></i> </span> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-03BtfD"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-oIshu9"> ${widgetBundle['resumeParsedText'] | pht} </h2> <p class="sub-heading" id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-O4ysCj"> ${widgetBundle['resumeUploadedSubHeading'] | pht} </p> </div> <div class="action-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-B3URyG"> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ckk5PS"> <button class="btn small-btn save-btn primary-button" click.delegate="closeResumeUploadDetailsPopup('upload')" data-ph-at-id="save-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JlTwMy"> ${widgetBundle['gotItText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeError'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JHihAo"> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-l2cVJe"> <h2 class="heading error-heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KR7gWj"> ${widgetBundle['oopsText'] | pht} </h2> <div id="ph-ally-unsaved-popup-subHeading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-V8yaZx"> <span class="sub-heading error-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-dmg8u8"> ${widgetBundle['errorHeading'] | pht} </span> <p class="sub-heading error-heading" if.bind="!isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-onJQCZ"> ${widgetBundle['uploadAgainText'] | pht} </p> <p class="sub-heading error-heading" if.bind="isResumeUploaded" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FeczaL"> ${widgetBundle['deleteAgainText'] | pht}. </p> </div> </div> <p class="info-text" id="info-upload" if.bind="resumeFileSizeExceeds" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JJoJZ4"> ${widgetBundle['resumeFileSizeExceedsText'] | pht:{'fileSize':fileCtx.maxFileSize}} </p> <p class="info-text" id="info-upload" if.bind="resumeFileUnsupported" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PhVhaN"> ${widgetBundle['resumeFileUnsupportedText'] | pht:{'allowedFormats':fileCtx.allowedFormats}} </p> <div class="action-block resume-error" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QIdhFi"> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rNiLKU"> <button class="btn medium-btn save-btn primary-button" click.delegate="resumeUploadTryAgain()" data-ph-at-id="save-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-3a8eut"> ${widgetBundle['tryAgainText'] | pht} </button> </div> </div> </div> <div class="resume-status" if.bind="popupType == 'resumeDelete'" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lahAgV"> <div class="heading-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7wJ2Pm"> <h2 class="heading" id="ph-ally-unsaved-popup-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-HMIJMt"> ${widgetBundle['deleteResumeHeading'] | pht} </h2> </div> <div class="action-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-khBOar"> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kDP7n4"> <button class="btn save-btn primary-button" click.delegate="fyfProvider && fyfProvider.deleteResume()" data-ph-at-id="save-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-oJBF9U"> ${widgetBundle['removeResumeBtnText'] | pht} </button> </div> <div class="each-action" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QsyYkz"> <button class="btn discard-btn plain-button" click.delegate="closeResumeUploadDetailsPopup('delete')" data-ph-at-id="discard-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Mgd10E"> ${widgetBundle['cancleText'] | pht} </button> </div> </div> </div> </div> </div> </div> <!-- <input type="text" class="form-control ph-a11y-form-control-name fs-block ${nonEditableFields.uploadResume ? 'disabled' : ''}" id="uploadResume" placeholder="Drop resume file here or select a file to upload." key-placeholder="fyfStepContactInfNameInputPlaceHolder" aria-describedby="ph-a11y-contact-name-field-error" value.bind="fyfStepConfig.contactInfo.information.uploadResume" autocomplete="name" data-ph-at-id="name-input" change.delegate="fieldValidation('uploadResume')" disabled.bind="nonEditableFields.uploadResume"> --> <!-- <span id="ph-a11y-contact-name-field-error" aria-atomic="true" aria-live="assertive" if.bind="stepData.name.error && stepData.name.code == 'E101'" class="error-msg" data-ph-at-id="name-error-alert"> <ppc-content key="fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text">Name should not be empty</ppc-content> </span> --> <!-- <i class="icon icon-check-mark-thick" aria-hidden="true" if.bind="stepData.name.validField"></i> --> </div> </div> </div> <div class="terms-checkbox-block" if.bind="gdprConsent && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-z8v8ja"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Vnn1Tv"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rl0h1u"> <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="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-98NrK4"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4sRWJb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Gf1i2n"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XyZNyd"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-yOnt5K"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1ypvuX9"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1aQ0xhC">terms of use</a> <span class="mandatory-star" data-ph-id="ph-default-ph-find-your-fit-v1VNOhrp">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6fjOFv"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-3eclAz"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1ypvuX9"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1aQ0xhC">terms of use</a> <span class="mandatory-star" data-ph-id="ph-default-ph-find-your-fit-v1VNOhrp">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-n55cKz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-T5BVxi"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-fB3CPa"> <div class="checkbox-btn-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-xa42oL"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RpOQiJ"> <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="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7AIe2e"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Q0P1dB"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qicrhZ"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mfyo4d"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BMG4Ep">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CH9B9I"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-iaZp70"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-1z0FBD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mVmZYO"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-raMfpI"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Aa3WMX"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BulSPv"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UmBM1Q">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-niGL61" view="1697627196396-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="1697627196396-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fqAfz9"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MDHdtn"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-th8XzU"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Sdxvi0"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-efRJJO"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z9vjw1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="next-link-text" if.bind="isCandidateHomeEnabled" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Io2sl2">Submit</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" if.bind="!isCandidateHomeEnabled" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Qu1JJX">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SEfl90"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wvBFL5"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fXWzwX"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9bvIbb"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled && showLoginScreen" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wVNgqg"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TLt26m"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qsIE3l"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bifWlw">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-u9P4NX">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-1697627041245-default-ph-find-your-fit-v16ty93o-imjpmK" view="1697627196403-view1" original-view="view1" theme="default"> <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 ph-widget-target" view="view1-1697627504417" instance-id="fyf1" original-view="view1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-p4IFV0"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2D2xa8"> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TQDMwQ"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-L0YuK3"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Wyar5d"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pijXi9"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step with Resume --> <!-- contactInfo Step --> <div class="contact-info-fyf-step-block fyf-step-container" if.bind="fyfStepConfig.stepType == 'contactInfo' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-04ZpwR"> <div if.bind="!isCandidateHomeEnabled" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1hcqz0"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8Ovcep"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-6wpzfZ"> <div tabindex="-1" class="error-msg ph-error-msg" if.bind="ProfileSaveFailsMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-miBCdH"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepErrorMessageTxt" data-ph-at-id="error-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YtFxV7">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-1697627041245-default-ph-find-your-fit-v16ty93o-NOCRly"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tn9Pd2">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ukijvX">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-1697627041245-default-ph-find-your-fit-v16ty93o-QLGAs1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoMainHeadng" data-ph-at-id="heading-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ezKIR6">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-1697627041245-default-ph-find-your-fit-v16ty93o-9F0H6W"> <form role="form" submit.delegate="" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2Pq4et"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" show.bind="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mJUg1n"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Df8xVP"> <label for="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-yhgjoR"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Qeheno">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Fpeghw"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YoRpq6"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1QDWi3B">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ef3ARR"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-X9KtKW"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-kqk1PF"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-nhtfrP">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-1697627041245-default-ph-find-your-fit-v16ty93o-BeYwpj"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GieC9o"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sSNSll"> <label for="name" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pBFFZa"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BpkMA7">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XmfSVQ"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-dXWA3W"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cmLgD5">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-zfc2qP"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-JdDfrA"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-Wnsb1D"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QkWeCn">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-1697627041245-default-ph-find-your-fit-v16ty93o-1R2D7l"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bxwK8a"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Q4y7Q8"> <label for="email-1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mPQcp7"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GiXC4h">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IqDvQO"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JjSzWh">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1v9I7Zx"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uhu11X"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-OcWZsc"> <span id="ph-a11y-contact-email-field-error-1" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-w88nu5"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2EaZEj"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pPdxR7">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-1697627041245-default-ph-find-your-fit-v16ty93o-qShh1Y"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FJOvBp">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-1697627041245-default-ph-find-your-fit-v16ty93o-GRXZEq"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pHDNF1"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-D86Ocz"> <label for="phone" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5E2mJi"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-o4OLiv">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QNUWit"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-actUDn">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-DPtw4i"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" 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-1697627041245-default-ph-find-your-fit-v16ty93o-Eh5YzB"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-0bVYOY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uufUti">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-1697627041245-default-ph-find-your-fit-v16ty93o-5jfPHp"></i> </input></div> <div class="security-info" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AJXpeW"> <div class="security-info-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AZRsbs"> <i class="icon icon-lock" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-fj4oxg"></i> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-euO9zQ"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-QRvvJJ"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-mTYY71"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-gyw3h9"> <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="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vO91Na"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bWcf4Q"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JgewBC"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RtNO5T"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-YCqK9h"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1ypvuX9"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1aQ0xhC">terms of use</a> <span class="mandatory-star" data-ph-id="ph-default-ph-find-your-fit-v1VNOhrp">*</span> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uFBlUC"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf1-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Xa2mXD"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1ypvuX9"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1aQ0xhC">terms of use</a> <span class="mandatory-star" data-ph-id="ph-default-ph-find-your-fit-v1VNOhrp">*</span> </ppc-content> </span> <div class="terms-error" id="termsError" if.bind="termsError" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-m1gnG4"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-please-accept-privacy" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-3XNiqm"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-06Q3VV"> <div class="checkbox-btn-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IRt40M"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8om4NS"> <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="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-zeUbRi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UkeWrK"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AJmkM2"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Dn0sdh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-z9ftJc">Sign me up for company updates </ppc-content> </span> </input></label> </div> </div> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length && piiConsentData.length < 3" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ODwBWa"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SrVOVr"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-fmD9Ih"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-52GXQ5"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5TMljj"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-D9m6ME"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-L9EUlH"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UfoLmK">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qoqjEZ" view="1697627196511-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="1697627196511-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-BW56d0"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-04BdDe"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XZITjg"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bMHhFO"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2jft2O"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-nBQEqu"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rDYTKv">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ilas1L"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-O8MdCk"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uecTHT"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wsqsAu"></i> </span> </button> </div> </div> </div> <div if.bind="isCandidateHomeEnabled" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XIugVM"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-hhvo2V"> <div class="ph-a11y-fyf-step-block" tabindex="-1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jwpXwo"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading1" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IsS4tv">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepCandidateContactInfoSubHeading2" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CsioOt">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-1697627041245-default-ph-find-your-fit-v16ty93o-xKavwG" view="1697627196520-view1" original-view="view1" theme="default"> <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 ph-widget-target" view="view1-1697627504645" instance-id="fyf1" original-view="view1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-JctvJ9"></div> </section> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-c4ZyoW"> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vxewQM"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jhplmC"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-TbScdA"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-sd1eMd"></i> </span> </button> </div> </div> </div> </div> <!-- End contactInfo Step --> <!-- contactInfo v1 Step --> <div class="contact-info-fyf-step-block fyf-step-container contact-info-new-block" if.bind="fyfStepConfig.stepType == 'contactInfoWithSocialOptions' && !showLoader" data-ph-at-id="contactinfo-step-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-T8s0jE"> <div class="ph-fyf-step-content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wnLFfl"> <!-- <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-1697627041245-default-ph-find-your-fit-v16ty93o-6uoEUM"> <div class="sub-heading" id="phFyfContactInfo" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6vOUfX"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pVRoiJ">Done! Your personalized job recommendations are below.</ppc-content> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoNoProfileRecomText" data-ph-at-id="sub-heading-text" if.bind="!isProfileJobsAvailable && profileRecomDataObj" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PJn8ZZ">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-1697627041245-default-ph-find-your-fit-v16ty93o-tKXtv2"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoSocialLoginText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-55SULJ"> Sign in to save your information for future visits </ppc-content> </h2> <section class="ph-widget" data-tmpl-type="inline" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-h9ul3w" view="1697627196587-view5-new" original-view="view5-new" theme="default"> <div class="ph-social-connect-v1-view5-new-default ph-widget-target" as-element="ph-social-connect-v1" data-widget="ph-social-connect-v1" view="1697627196587-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-1697627041245-default-ph-find-your-fit-v16ty93o-ozxMck"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QTLs3k"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-l35AAH"> <div class="widget-container" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Yh7Ne1"> <div class="content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5KwvGM"> <ul class="login-link-list" role="list" key-role="6ty93o-ph-find-your-fit-v1-default-listRole" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6ZQKc2"> <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="6ty93o-ph-find-your-fit-v1-default-listItemRole" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jYSC8y"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5AFlRz"> <div class="icon-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wh1sDw"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z70Bzm"></i> </div> <div class="text-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rJHZrV"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="or-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ninicK"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoOrTxt" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XjZtyX">or</ppc-content> </div> <h2 class="phs-heading" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-XZd9ki"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfNewContactInfoHeadingText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-dVHuDY"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-MyujaN"> <form role="form" submit.delegate="" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GqQBSa"> <div class="form-group ${stepData.preferredName.error ? 'error focus':''}" if.bind="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-I3JEAO"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-e1j8IN"> <label for="preferredName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-GldFfh"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextPreferredNameInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-SWaLPj">Preferred name *</span> <span class="contact-info-preferred-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-S04SEq"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameText" data-ph-at-id="preferred-name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5ycq2r"> Preferred name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1QDWi3B">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-P2IylQ"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfPreferredNameInputPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-a4hD2x"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-uyUnOh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPreferredNameErrorText" data-ph-at-id="preferred-name-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MtRWFz">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-1697627041245-default-ph-find-your-fit-v16ty93o-JiFzce"></i> </input></div> </div> </div> <div class="form-group ${stepData.name.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NNvFyD"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-U2RpFP"> <label for="name" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-lc8oEy"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextNameInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1Fp28a">Full name *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-cYBhOV"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameText" data-ph-at-id="name-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8sHZWA"> Full name <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1cmLgD5">*</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wfpVMs"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfNameInputPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-yXtJWR"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-v0oqnY"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoNameErrorText" data-ph-at-id="name-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NTRmE4">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-1697627041245-default-ph-find-your-fit-v16ty93o-umSK84"></i> </input></div> </div> </div> <div class="form-group ${stepData.email.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-liaoQ9"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-FkFqNw"> <label for="email-2" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bSznBm"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSrOnlyTextEmailInput" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ePAnIl">Email *</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eaxg4E"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailText" data-ph-at-id="email-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-CK4CFy">Email <span class="required" data-ph-id="ph-default-ph-find-your-fit-v1v9I7Zx"> *</span> </ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-7TOtns"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailPlaceHolder" 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-1697627041245-default-ph-find-your-fit-v16ty93o-130fZ0"> <span id="ph-a11y-contact-email-field-error-2" aria-atomic="true" aria-live="assertive" class="error-msg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PXukyh"> <span if.bind="stepData.email.error && stepData.email.code == 'E101'" data-ph-at-id="email-error-alert" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6RNWxh"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorNotEmpty" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ZGx717">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-1697627041245-default-ph-find-your-fit-v16ty93o-SsPOBk"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoEmailErrorCorrectFormat2" data-ph-at-id="email-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9ppuaZ">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-1697627041245-default-ph-find-your-fit-v16ty93o-qrTpdP"></i> </input></div> </div> </div> <div class="form-group ${stepData.phone.error ? 'error focus':''}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rDXfez"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Tuoqpr"> <label for="phone" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-c30f5s"> <span key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText2" class="sr-only" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VnVG2J">Phone</span> <span class="contact-info-name" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-cW4hHR"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneText1" data-ph-at-id="phone-text1" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tNQvOo">Phone</ppc-content> </span> </label> <div class="input-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Vn4WLz"> <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="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhonePlaceHolder1" 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-1697627041245-default-ph-find-your-fit-v16ty93o-MYEQ2k"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-Uq3hwz"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoPhoneErrorMsg" data-ph-at-id="phonenum-error-alert-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RcLS3z">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-1697627041245-default-ph-find-your-fit-v16ty93o-hJnB2h"></i> </input></div> <div class="security-info" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pWxgW7"> <div class="security-info-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-2Gj3q1"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepContactInfoSecurityTxt" data-ph-at-id="security-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-9JIgAw"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-o62stq"> <div class="checkbox-btn-group" if.bind="!gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-dor6zw"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UXyBdk"> <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="6ty93o-ph-find-your-fit-v1-default-termsAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-4flhID"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PoTw89"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-M3y2pZ"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Jl9iEK"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-NQr0y2"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1KYs1hU"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v14SIwFM">terms of use</a> </ppc-content> </span> </input></label> </div> <span class="checkbox-text" if.bind="gdprPreCheck" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Dz6zB2"> <ppc-content class="cd-terms-policy-block" key="6ty93o-ph-find-your-fit-v1-default-fyf-cd-terms-policy-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-AeTXjE"> I have read and accept the <a class="privacyPolicyLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v1KYs1hU"> privacy policy</a> and <a class="termsLink" target="_blank" href="javascript:void(0);" data-ph-id="ph-default-ph-find-your-fit-v14SIwFM">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-1697627041245-default-ph-find-your-fit-v16ty93o-fZJngv"> <div class="checkbox-btn-group" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-VmVGMS"> <label class="input-checkbox-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pGOL60"> <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="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxAriaLabel" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-bqZBsa"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-05FHK2"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-1eK28e"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-E7RV7Z"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfMoreReleventJobsCheckboxText" data-ph-at-id="checkbox-button-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-N5Ww2w">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-1697627041245-default-ph-find-your-fit-v16ty93o-JBIuMU"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf1-please-accept-terms" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-B7SJ46"> 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-1697627041245-default-ph-find-your-fit-v16ty93o-FCLzVb"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-PLSLkJ"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-pwD6VS"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-HJ370w"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-N0bAdQ"></span> <span class="checkbox-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rSsxBI"> <span id="${'checkbox-label-fyfconsent' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-d5VoAq"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Fwe2sY">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="fyfconsent" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-tWWY56" view="1697627196587-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="1697627196587-default" instance-id="fyfconsent" original-view="default" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Ju0Hrb"></div> </section> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UuBAJY"> <span class="pii-consent-error" id="consent-error-fyfconsent" if.bind="piiConsentError" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RBf4Mx"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </form> </div> </div> <div class="prev-next-wrap" data-ph-at-id="actions-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uzSSbT"> <div class="next" if.bind="stepStatus!=0" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-c4wfH4"> <button class="btn send-btn primary-button" click.delegate="handleActions()" if.bind="fyfStepConfig.lastStep" aria-label=" submit the profile information" key-aria-label="6ty93o-ph-find-your-fit-v1-default-submitProfileInfoText" data-ph-at-id="send-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-t4TAuv"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyfStepSendTxt" data-ph-at-id="send-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5JcyRm">Submit</ppc-content> </button> </div> <div class="prev" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-271YUZ"> <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="6ty93o-ph-find-your-fit-v1-default-previousStepText" data-ph-at-id="back-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ggIlhj"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8X4H3b"> <i class="icon icon-arrow-left-3" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-m1ffC2"></i> </span> </button> </div> </div> </div> <!-- End contactInfo v1 Step --> <div class="skip" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-pq8MOH"> <button href="javascript:void(0);" click.delegate="skip()" if.bind="(isCandidateHomeEnabled && (fyfStepConfig.stepType == 'contactInfoWithResume') && (!showLoginScreen || (showLoginScreen && showSkipInCandidateLogin))) || !removeSkipButton" class="ph-a11y-skip" aria-label="skip ${fyfStepConfig.stepType == 'authorise' ? widgetBundle['socialSigninStepText'] : fyfStepConfig.stepType } step" key-aria-label="6ty93o-ph-find-your-fit-v1-default-skipStepTypeText1" data-ph-at-id="skip-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5NW4QA"> <!-- <i class="icon icon-cancel" aria-hidden="true"></i> --> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-HsoCaG"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-fyf-skipText" data-ph-at-id="skip-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-qfoC4w">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-1697627041245-default-ph-find-your-fit-v16ty93o-ca1HFh"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-j8WMOa"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-eEUVS1"></div> </div> <div class="progress-text" if.bind="!disableSocialLogin || (contactInfoV1Enabled && isUserSocialLoggedIn)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rh0pw9"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus,"stepsCount":stepsCount}} </div> <div class="progress-container" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-at-ending-step-number-text="${stepsCount}" data-ph-at-starting-step-number-text="${stepStatus+1}" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EkzUyu"> <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-1697627041245-default-ph-find-your-fit-v16ty93o-kRFfwo"></div> </div> <div class="progress-text" if.bind="disableSocialLogin && !isUserSocialLoggedIn" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-EzV9ic"> ${widgetBundle['fyfStepProgressBarText'] | pht:{"stepStatus":stepStatus+1,"stepsCount":stepsCount}} </div> </div> </div> <div class="no-data-view" show.bind="showErrorMsg" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vjmvJL"> <div data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-KzrHv7"> <ppc-content key="6ty93o-ph-find-your-fit-v1-default-noStepsFoundText" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-RScN86"> No Steps found </ppc-content> </div> </div> </div> </div> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-To1Qrr"> <div if.bind="selectionRemovalSronly" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-IV8l0R"> ${selectionRemovalSrText} </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1697627196396-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1N7NLOR"> <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-default-ph-consent-popup-v1faNreb"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1noJz7x">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v1gHuvfd"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-ph-consent-popup-v1ugtKBP"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1bBQ8jR"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v10uCabU"> <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-default-ph-consent-popup-v1PpKXYF"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1P4yRhW"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1jc858O"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v1wxMl4G"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1wUf9qH"> <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-default-ph-consent-popup-v124nGij"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v102L4Ab"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1aRWqo8"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1KbH3pO"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1fqxuR3"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1tRygQL">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1u2Kf5p"> <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-default-ph-consent-popup-v1StKBje"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1697627196587-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1xL4T4E"> <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-default-ph-consent-popup-v14Sa54o"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1jUzx5l">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v1DN93OH"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-ph-consent-popup-v1lHjqEP"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1IAl3gw"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v1mTINOE"> <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-default-ph-consent-popup-v1vXKZw4"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1xF0HnW"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1buwXwu"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v1gxVvNa"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1E23vSt"> <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-default-ph-consent-popup-v1gAgZQi"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1Wbig1S"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1kYIwqk"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1Sta8WA"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1achp1H"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1yHwEiN">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1bOGUJD"> <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-default-ph-consent-popup-v1rWiCWq"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1697627196511-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1HNFMnf"> <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-default-ph-consent-popup-v1dpu70s"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v187w5Px">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v1VP8c6z"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-ph-consent-popup-v1HfBFhm"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1iJ3m4s"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v1klQUON"> <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-default-ph-consent-popup-v1Uh18lN"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1EFA3Ho"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1HyHbir"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v164SkSl"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1L1x9S3"> <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-default-ph-consent-popup-v1DGkOji"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1FwAPTu"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1q6961w"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1Kk9724"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v1mtOETa"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1B7OoWq">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1PXgLhi"> <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-default-ph-consent-popup-v1MAiqLy"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627196587-view5-new" nonce=""> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QTLs3k"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-l35AAH"> <div class="widget-container" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Yh7Ne1"> <div class="content-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5KwvGM"> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-new-listRole" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-6ZQKc2"> <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-listItemRole" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jYSC8y"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-5AFlRz"> <div class="icon-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-wh1sDw"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-Z70Bzm"></i> </div> <div class="text-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-rJHZrV"> ${eachSocial.name}</div> </a> </li> </ul> </div> </div> </div> </script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627196385-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1TRmGY4"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1LFdTwB"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1psAZSB"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v1xzHLr9"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v10v8N7y"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1jb1ndO"> <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="7uyy7u-ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-ph-social-connect-v1rE0aWV"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1e7u53f"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1wfXSoU"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1DGGQep"> <ppc-content key="9MtoOM-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1gfcd92"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1G1H5Sv"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v11hHcT0"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1iYUBcH"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1OElrRC"> <ppc-content key="GnFFUv-7uyy7u-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1pWapXk"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v1G1H5Sv"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v11hHcT0"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-ph-social-connect-v1v599qO"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1cuoWpP"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v1IbTU19"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="7uyy7u-ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-ph-social-connect-v1majcC9"> <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="7uyy7u-ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-ph-social-connect-v1bfMkZG"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-ph-social-connect-v1uv5Tcu"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1DPPsja"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1zz9z34"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v12Vrr9P"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-import-resume-v1-1697627196394-re-upload" nonce=""> <div class="ph-dropzone-area" data-ph-at-id="upload-resume-block" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-WoQyCO"> <button id="ph-dropzone" class="upload-btn ${fyfStepConfig.contactInfo.information.resumeName ? 'resume-uploaded' : ''}" aria-label="Use new resume" key-aria-label="fyf3jd-ph-import-resume-v1-re-upload-uploadNewResumeAriaLabel" data-ph-at-id="upload-resume-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-MFxvXM"> <span class="action-icon" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-UlYX3z"> <i class="icon icon-upload-1" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-QTM7OQ"></i> </span> <ppc-content key="fyf3jd-ph-import-resume-v1-re-upload-resumeUploadNewFileOptiontxt" data-ph-at-id="upload-resume-link-txt" if.bind="!(fyfStepConfig.contactInfo.information.resumeName)" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-8spVqn"> Select a file to upload. </ppc-content> <span class="action-icon" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-vQRrPn"> <i class="icon icon-file-json" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-uLbK8D"></i> </span> <span class="resume-name" if.bind="fyfStepConfig.contactInfo.information.resumeName" data-ph-at-id="edit-profile-dropdown-link-text" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-jkms3s"> <span data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-eGX3KU">${fyfStepConfig.contactInfo.information.resumeName && (fyfStepConfig.contactInfo.information.resumeName.split('.').slice(0, -1)).join('.')}</span>${fyfStepConfig.contactInfo.information.resumeName && ('.'+fyfStepConfig.contactInfo.information.resumeName.split('.').pop())} </span> </button> <button class="close" if.bind="fyfStepConfig.contactInfo.information.resumeName" click.delegate="fyfProvider && fyfProvider.deleteResumePopup()" aria-label="${widgetBundle['closePopupButtonAriaLabel'] | pht}" data-ph-at-id="close-link" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-kKSPEI"> <i class="icon icon-close ${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-ViFmVg"></i> </button> <span class="file-format" data-ph-id="ph-1697627041245-default-ph-find-your-fit-v16ty93o-StHgnh">File format: txt,.pdf,.doc</span> </div> </script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1697627286434" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-72KPdG"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-1X9pec"> <!-- 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-1697627041766-default-ph-candidate-login-v1fyf2-Idu7p8"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-p62IKp"></i> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-D9R26k">${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-1697627041766-default-ph-candidate-login-v1fyf2-ytFzbe"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-POFSZK"></i> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-F0n1O8">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-NRS08H"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-qTJr84"> <span if.bind="registeredSuccessfully" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-9Pnh3Z"> 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-1697627041766-default-ph-candidate-login-v1fyf2-hT39Go"> <!-- <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-1697627041766-default-ph-candidate-login-v1fyf2-vGk9XE"> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-AhFseE">${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-1697627041766-default-ph-candidate-login-v1fyf2-Bu75U3"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-DM4YI7"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BrL8fC"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-EIEcJB"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Y9SWBR"> <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-1697627041766-default-ph-candidate-login-v1fyf2-vLTxRu"> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-TJmQD3">${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-1697627041766-default-ph-candidate-login-v1fyf2-mhjQNC"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BwLVvo"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-bf5y6Q"> <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-1697627041766-default-ph-candidate-login-v1fyf2-RgRKBm"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-W7Rj9S"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-lZmUS6"> <div class="user-actions-list" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-NtATBy"> <div class="user-actions-listitem" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-NKJuYT"> <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-1697627041766-default-ph-candidate-login-v1fyf2-6fsoXL"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-cEjy23"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-MRZvHQ"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-nwmHZd"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-AJ05ui"> <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-1697627041766-default-ph-candidate-login-v1fyf2-FEKVk6"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-bD5z39"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-gd1IRQ"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-HhOymf"> <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-1697627041766-default-ph-candidate-login-v1fyf2-267k5A"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-P3cE4R"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-w8IuHf"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-icel66"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Y1VDJ2"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-f7JhZa"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mOrDFJ"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-FBXIqi"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-TfTCtd"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-8jsM1j"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-YhWi22"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-NtwpCi"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-InJWww"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-Emo7z9"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-hMOWSv"> <form novalidate="" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-vPYqLH"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Nu3h7d"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ujwhAF"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-KSWh99"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-oHSSq8"> <div class="text-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-tqwHiS"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-qcIR5T"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-P4gGk3"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-zphyj4"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-2B80ql"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mpwiOg"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mjbFrP"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mMRJVI"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-4qBTGR"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-d6MYF7"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-3l25Zo"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-UpjFkJ"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-QJ7QAi"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-pi5AnY"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-sVJ2FN"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-GqKRQ3"> <div class="text-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-JsvDEV"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-kmqPJe"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-2Zctx5"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-oFDuEF"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-EglgZu"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Iufslw"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-18V09t"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-0NSaf0"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-9hThjQ"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-TuLvsS"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-EMgY3k"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-bJGojX"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-vqP5YD"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-zzC1Kv"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-aUZwXZ"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-XL2yvb"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ZF3Xr5"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-pkIky3"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-QzN9CX"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-PHHl4B"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-jjqP4E"> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-C65Qhr"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BMXLKw"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ESpc1e"> <div class="user-options" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-khY8YJ"> <span class="each-option" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-kYwh0d"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-R6lMyg"> <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-1697627041766-default-ph-candidate-login-v1fyf2-pkOwIX"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-9pAdz4"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WRxCdC"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Rq8vIq"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-qW7WyD"> <span class="forgot-password-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-maTzJc"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-XwZ8Hx"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-NhF4ui"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WF9h1K"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-xnqxoJ"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WKwZkT"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-eIupwj"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-3SVDKQ"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-QlNSXr"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-42Lcul"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-q4Myl4"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mTCGRe"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-AZAvSC"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ODonBg"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WLP7Gp"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-GNcHGj"> <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-1697627041766-default-ph-candidate-login-v1fyf2-KtNwpw"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WEKjZI"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-yVIteg"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-m60bay"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-lPelaA"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-DV9k1l"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-T7AGt1"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-XvH7aC"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-UXbt3J"> <form novalidate="" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-oD3GtW"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-bK2xOb"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mQAy5H"> <label for="createEmail" class="form-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-tnplqS"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-H3tXzu"> <div class="text-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-IntR84"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-GsmWS0"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ZkWAgi"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-dSr6m3"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-E5wJBU"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-O8X6MC"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-uC0dO0"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WhDsSK"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-qIBWiH"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-0kB9Ru"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Gq6l9u"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-nlVdU0"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-E74qyT"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-dkST6u"> <label for="createPassword" class="form-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-dUdF6Q"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-zRdG5S"> <div class="text-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-X75oDX"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-odjWMG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-8bNRDX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mg4Slk"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-lZL794"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-ZqKdSx"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-WNTIlV"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-94FvjO"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-VbfFF0"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-PBam9B"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Nksjra"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-7GFmtb"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-V1e4iB"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mz4O23"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-cfYJDI"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-CTYosV"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-AIliPg"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-YOQ2dV"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-0SXGPp"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-LX1mdU">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Wuu3qG">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-d3tzYN">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-R2651b">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-polDGh"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-e7OTPi"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-hSyNvr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-fyHDmU"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-pkZ4C6"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-I4HyMz"> <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="fyf2-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-nGdVeb"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-zGGnJh"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-GRaJje"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-GpcXTC"> <ppc-content key="lBRUOr-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-qNEd4G">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1627915735496-ph-candidate-login-v1fyf2-8EYJcY"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1627915735496-ph-candidate-login-v1fyf2-CUXPQL"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-8EtBKK"> <span class="checkbox-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-P96dU9"> <ppc-content key="qroY6a-fyf2-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-A7oQho">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1627915735496-ph-candidate-login-v1fyf2-8EYJcY"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1627915735496-ph-candidate-login-v1fyf2-CUXPQL"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-bfSo7t"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Jq3VGi"> <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-1697627041766-default-ph-candidate-login-v1fyf2-Zvz2Ux"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-bjujdb"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-wecaSv"></span> <span class="checkbox-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-yO053N"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-fvLR7q"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-r9msBY">*</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-1697627041766-default-ph-candidate-login-v1fyf2-nx5HoN"> <span class="sr-only required-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mlrp94"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mr6iQB"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-HuTZ40"> <span class="alert-msg" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-G0dx9w"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BVyKUx"> <span class="alert-msg" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-pYB1eY"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-OqL4BN"> <div class="form-container" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-lJQ5SZ"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-fZOWOV"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-NSyb44"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-8qeLJm"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-KUFVrW"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-Tb5DCl" view="1697627286423-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="1697627286423-view5" original-view="view5" instance-id="" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-0DUzWp"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-K7pwBu"> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-O744jO"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-oyGLHT"> ${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-1697627041766-default-ph-candidate-login-v1fyf2-KoREob"> <span data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-jbUprO"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-XMkx9I"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-PVuZAy"> <a class="termsLink" target="_blank" title="" key-title="fyf2-ph-candidate-login-v1-default-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-CCKdSQ">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf2-ph-candidate-login-v1-default-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-6JXXbE">${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-1697627041766-default-ph-candidate-login-v1fyf2-xaO4Z6"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mP5LMt"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-pLYbOi"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-jFoUlc"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-yC5lKC"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-2An7Vg"> <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-1697627041766-default-ph-candidate-login-v1fyf2-4fPgUT"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-KH5jw4"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-MVhBhx"></span> <span class="checkbox-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-oOHbG9"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-LRlhy9"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-2vlWdi">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-lnOCYz"> <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-1697627041766-default-ph-candidate-login-v1fyf2-xSqZ8t"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-028iwD"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-EtEG61"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-hRG07c"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-hKE99M"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BxQZn4">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-y0U06t">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-2N4Ptt">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-j5DHpA">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-BTenPB"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-mZDFJd"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-s66h7d"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-0HssGY"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-pWxzJD">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-rQ2nnA">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1697627041766-default-ph-candidate-login-v1fyf2-OT45F5"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-1697627265297" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-kQGRJe"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rL0YP4"> <!-- 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-1686315131335-default-ph-candidate-login-v1ikjhyg-618xUH"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-pbabcZ"></i> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-lduvoI">${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-1686315131335-default-ph-candidate-login-v1ikjhyg-MTaBQy"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-FNH5R1"></i> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-hs3h8f">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-wUi2w6"> <div class="sr-only" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-5mjijW"> <span if.bind="registeredSuccessfully" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rrm5W5"> 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-1686315131335-default-ph-candidate-login-v1ikjhyg-B1HMAs"> <!-- <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-1686315131335-default-ph-candidate-login-v1ikjhyg-GzlECz"> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-U1RyRB">${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-1686315131335-default-ph-candidate-login-v1ikjhyg-54dTGN"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-p8nGYF"></i> </span> <span class="user-name fs-block" title="${(preferredName && profileDetails.profile.preferredName) || profileDetails.profile.firstName || profileDetails.profile.email}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-k3ioJL"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-xkQrhr"> <!-- User details --> <div class="user-details" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-979D3H"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-NNXFoC"> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-63ko3w">${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-1686315131335-default-ph-candidate-login-v1ikjhyg-CYDBb7"> <i class="icon icon-career-grow-o" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-vfleEI"></i> </span> <div class="user-detail-list" if.bind="profileDetails.profile.firstName || profileDetails.profile.email" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Maiohv"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-2HH95u"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-c50PdK"> ${profileDetails.profile.email} </div> </div> </div> <!-- User actions --> <div class="user-actions" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ou0QVC"> <div class="user-actions-list" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-QVkMDz"> <div class="user-actions-listitem" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-PSxHB7"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-Nvbzhb"> ${widgetBundle['personalAccountLinkText'] | pht} </a> </div> <div class="user-actions-listitem" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-SIwbRm"> <a ph-tevent="signout_click" if.bind="!isCsrfGetLogoutFlowEnabled" class="cd-sign-out-btn" ph-href="logout" data-ph-at-id="heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ps4ID3"> ${widgetBundle['signOutButton'] | pht} </a> <a ph-tevent="signout_click" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" class="cd-sign-out-btn" href="javascript:void(0)" data-ph-at-id="heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-X9SKyC"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-UB9U66"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-FkyVkO"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-SoOMb5"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-GRT0hi"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-83a2Bm"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-5Vho3j"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-fK4YLZ"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-pmWvtN"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-a2HHWw"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Ra1V5v"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-olicsf"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-kgAOux"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-P4fpWm"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-fNK4LO"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sSHqN2"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Y19Qg9"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eifpbS"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-n876cr"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-cEKEfK"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-7WIS4N"> <form novalidate="" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-0Y0j0G"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ol0MgJ"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-RT0ZIb"> <label for="signinEmail" class="form-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-XzEHqN"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sySYaz"> <div class="text-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-2g77w9"> <input ref="loginEmail" id="signinEmail" class.bind="isValidEmail ? 'form-control isValid-mail fs-block' : (errors.email.error ? 'form-control error-control fs-block' : 'form-control fs-block')" aria-describedby="errorEmailBlock" type="email" placeholder="${widgetBundle['signInEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-zKFQMW"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-zu9Tja"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-jW5P7C"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-QJ5yBx"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-XCQXYo"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rAbsiS"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-dhPqoY"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-V1u6VY"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-u9vsyP"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sYGYxf"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-9ugQye"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-fHfQx4"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-Qt9W8A"> <label for="signInPassword" class="form-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-GCAsE0"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eTm3kz"> <div class="text-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-3Lihwv"> <input id="signInPassword" ref="loginPassword" class.bind="errors.password.error ? 'form-control error-control fs-block' : 'form-control fs-block' " aria-describedby="errorPassword signInMinChar" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['signInPasswordFormPlaceHolder'] | pht}" aria-label="${widgetBundle['signInPasswordFormAriaLabel'] | pht}" value.bind="signInModel.password" aria-required="true" data-ph-at-id="input" change.delegate="validatePassword(signInModel.password,true)" autocomplete="off" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Ys0Htl"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-qPephF"></i> <div class="pswrd-visibility" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-DYaGR1"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-nSx0fJ"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-4zOJlc"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-JyMXG0"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-PHgYzU"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-8ETNAE"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Tz2xvO"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-6qq7Jc"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sBIW30"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eykT0e"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-uwEe59"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Y65Yvo"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-z6TBJG"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rJO0UF"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-t6eefj"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-nMuGb4"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eTJCVM"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Mx4Hgz"> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-uT1pqX"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-saqauA"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-543Yx1"> <div class="user-options" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-chlXLU"> <span class="each-option" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-xRXBxl"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-FbUFBI"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-AJ8GKc"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-YPR3VX"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eLKxXq"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-f4LGly"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-XlwUyA"> <span class="forgot-password-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ajiNmY"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-TaNHue"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-b5IALB"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-gas1n2"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Z36qeo"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ZdNjnf"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-6Y16Du"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Jr0eSf"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-duAWVj"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-Olo7TT"> <span id="cd-pf-recieve-email" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-zvIWmg"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-FxgH2c"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-w7xe3p"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-wTAo8a"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ddUBaR"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-lFyyGw"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-kUzhMg"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-vorapX"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ulJHKB"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-bB1Hgz"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-wtflkj"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-UyVjSY"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Fvkv1Q"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-V5aaUs"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-IwAcca"> <form novalidate="" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-UMAxRI"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ybWTEl"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-UvbhOw"> <label for="createEmail" class="form-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rAZf4B"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-qR2Ahd"> <div class="text-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sb7q4r"> <input ref="loginEmail" id="createEmail" class.bind="isValidEmail ? 'form-control isValid-mail' : (errors.email.error ? 'form-control error-control' : 'form-control')" aria-describedby="errorCreateEmail" type="email" placeholder="${widgetBundle['createAccountEmailFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountEmailFormAriaLabel'] | pht}" value.bind="signInModel.email" data-ph-at-id="input" aria-required="true" change.delegate="validateEmail()" keyup.delegate="checkEmailValidation()" autocomplete="off" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-N75WBq"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-qWJiHN"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-5xV2Fq"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Y7joqr"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-m6PZ52"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Tyekww"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-VJ6ZX3"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-XIYYaC"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-yZhccC"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-dgjRbm"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-b3gd76"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-71o35g"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ziyzhP"> <label for="createPassword" class="form-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-uhEJDC"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-yH5iC0"> <div class="text-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-cGK863"> <input id="createPassword" ref="loginPassword" class.bind="isValidPassword ? 'form-control isValid-password' : (errors.password.error ? 'form-control error-control' : 'form-control')" aria-describedby="'errorCreatePassword'" type.bind="isPasswordVisible ? 'text' : 'password'" placeholder="${widgetBundle['createAccountFormPlaceHolder'] | pht}" aria-label="${widgetBundle['createAccountFormAriaLabel'] | pht}" value.bind="signInModel.password" data-ph-at-id="input" aria-required="true" change.delegate="validatePassword()" keyup.delegate="checkPasswordValidation(signInModel.password)" autocomplete="off" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-8ZmwZH"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-xZZae8"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-NeGtMZ"></i> <div class="pswrd-visibility" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-bGtBkb"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-IrgUOA"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-SB7PTe"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-powQgU"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-HoersG"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Ij3gky"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-tAHJKa"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-Wamt3G"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-7F6k5O"> error: </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-A0sbyW"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="pwdRegexMap.passwordLength.hasError ? 'error' : ''" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-A1oZ1o"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="pwdRegexMap.numeric.hasError ? 'error' : ''" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ZMngks"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="pwdRegexMap.lowerCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-VKf1iN"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="pwdRegexMap.upperCase.hasError ? 'error' : ''" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-YchXEk"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Tozxn5"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-uQnxQ0">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-wwwPYx">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-qiQCcF">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-PZGevY">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-O3z8rx"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-mxceAr"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-hyv7V1"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Q6VFnw"> ${widgetBundle['technicalIssueText']} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ibgWBt"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-F0O7Gj"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ikjhyg-ph-candidate-login-v1-default-privacyDataConsentCheckboxText" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-QPEcMW"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-aLByHg"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-9O9uXl"></i> </span> <span class="checkbox-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-iVUgno"> <ppc-content key="MIR2dF-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-bkbbmb">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1627915731705-ph-candidate-login-v1ikjhyg-1FtEi3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1627915731705-ph-candidate-login-v1ikjhyg-o6Qo16"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-irJvya"> <span class="checkbox-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-hGut53"> <ppc-content key="RCWrrd-ikjhyg-ph-candidate-login-v1-default-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-YB8jwo">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-1627915731705-ph-candidate-login-v1ikjhyg-1FtEi3"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-1627915731705-ph-candidate-login-v1ikjhyg-o6Qo16"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-L4ajGQ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-b7rr1n"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-hZcZIC"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-05Xf81"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-0gF0cJ"></span> <span class="checkbox-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-7tAFZ7"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-cr1wj9"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-fXLt9R">*</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-1686315131335-default-ph-candidate-login-v1ikjhyg-1nMdEs"> <span class="sr-only required-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Iiwbho"> ${widgetBundle['requiredText']} </span> ${widgetBundle['consentsLinkText']} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-R8I1fI"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-KhWtEK"> <span class="alert-msg" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-dGbhpB"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-dk-signup" class="data-consent-error-msg" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sePQ39"> <span class="alert-msg" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-xYXOvl"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-h8Rh4a"> <div class="form-container" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-S4RJa7"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-6qIgGz"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-gerHSU"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-checkbox' : ''}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-4uZm1e"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-xcVzA1"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-vlWR0o" view="1697627286423-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="1697627286423-view5" original-view="view5" instance-id="" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-8urrbn"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-mZyEg7"> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-H3PskM"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-a30hNk"> ${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-1686315131335-default-ph-candidate-login-v1ikjhyg-qhHkdU"> <span data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-6Fq9Fj"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-xCYlrM"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-8xlVA3"> <a class="termsLink" target="_blank" title="" key-title="ikjhyg-ph-candidate-login-v1-default-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-YmNvY6">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="ikjhyg-ph-candidate-login-v1-default-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-pJnEzW">${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-1686315131335-default-ph-candidate-login-v1ikjhyg-QFd48M"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-HNDpA3"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-zP5hR2"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ZeoxLo"> ${widgetBundle['consentHeading']} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-J8TQFJ"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-sFuVp5"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-kA39XV"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-F2JeLH"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-kQq4y1"></span> <span class="checkbox-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-rWQqDs"> <span id="${'checkbox-label-dk-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-1lLrHV"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-MHDB85">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-NA40Zg"> <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-1686315131335-default-ph-candidate-login-v1ikjhyg-hxAcdD"> ${!submitData ? widgetBundle['doneText'] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-FA3NSw"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-hAlUqY"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Fm1w17"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-Cb1kMV"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-ImVvOT">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-8Rl3rZ">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-qshqoS">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-DBKNiM">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-deA9Xe"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-4buVzl"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-hv2B8Y"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-82wnrq"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-eRwfTc">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-t9KxW9">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1686315131335-default-ph-candidate-login-v1ikjhyg-TxHgjU"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627286423-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1e3D5od"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1FfALMO"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1i0ywf5"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v10tBRpr"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1LjOdNb"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1leTF4X"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-ph-social-connect-v1QEN3kR"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1KpxAzz"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v156TlEI"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1oU53aR"> <ppc-content key="sUC6ec-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1x8A3vG">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1yzJQiE"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1gLD6cv"> <ppc-content key="dxE7KB-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1S87Kll">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-ph-social-connect-v1M88Jd2"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1TbrNXO"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v1R4gxMX"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-ph-social-connect-v1ornqv6"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-ph-social-connect-v13Ak9S3"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-ph-social-connect-v1zrBOu8"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1vu5NjW"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1XO7kaB"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1LjMBxc"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-default-mobile-1697627391455" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-s8HAYb"> <!-- Content block --> <div class="content-block" if.bind="!isHeadingDisabled" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-26XXkV"> <!-- 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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7eafjE"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-vf8geo"></i> <span data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-qvr9NU">${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-LrPb8i"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ivV9yF"></i> <span data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-IBVEid">${widgetBundle['createAccountLinkText'] | pht}</span> </a> <!-- Post Sign-in region --> <div class="post-sign-in-action-area" if.bind="isLoggedIn" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-3DpaT0"> <!-- User details dropdown --> <div class="logged-in-user" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ugv7ph"> <!-- User details --> <div class="user-details" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-psQyyp"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WBqLfq"> <span data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-sP1x7E">${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-mWBLu4"> <i class="${widgetBundle['signInIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-DmZuIc"></i> </span> <ul class="user-detail-list fs-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-iIv3ru"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-S4KUJP"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-PTffK2"> ${profileDetails.profile.email} </li> <li class="user-detail-listitem cd-link-block fs-block" data-ph-at-id="link-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-iD29bx"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-6ycL7P"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-yZYZlp"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-KKDiOP"> <!-- Dialog area --> <div class="modal-dialog" show.bind="!showConsentsForm" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-qZlzwT"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-17zELO"> <!-- Close popup button --> <div class="close-popup-btn ph-a11y-candidate-sign-in ph-a11y-after-close-focus-elem" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-OswpW7"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Yij23K"> <i class="${widgetBundle['closePopUpButtonIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-OhnglA"></i> </button> </div> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kdvlmJ"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-OhIWkc"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ha8X0K"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-GjBpMu"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-yugMJq"> ${widgetBundle['signInPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-KOGiVK"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ys1g4x"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7ILmnW"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-XM88az"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ldboYw"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-xsJVtx"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SvVrU7"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Hhz5fM"> <form novalidate="" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-clhNfo"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-T84gNT"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-t9nvQa"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-lYy2tI"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-am5Ha8"> <div class="text-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-6Fv7MA"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SnCC9H"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-2UwmR1"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-QgN2fn"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-idTdBD"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-DIMwiG"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WTAQYm"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-X5tqvX"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kfev9n"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WwPxkQ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7fDlqV"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-du9MC4"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-jMwsOB"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WToeJk"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SrD4RR"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-0VR57k"> <div class="text-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-rcBx7L"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-QFE4Im"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-vbBedr"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-FQAOBR"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7RxuDu"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-CM8Uot"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SA6wfu"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SDhzdW"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-62xS50"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kDU11Y"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-YfuKDV"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Ttsyz8"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-s5Baj1"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-inGkl1"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-wBnYxT"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-49hCow"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-NgTuJP"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-8yfblg"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-hgGmQk"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-v7nGsD"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-TNtdJT"> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Iv5H2t"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-6cmkUH"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-cYBDdv"> <div class="user-options" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-rR2BVl"> <span class="each-option" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-nESk0p"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-cheM8p"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ERtCpH"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-muWzwa"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-fsCBOS"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-wqjwjv"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-T57sLx"> <span class="forgot-password-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WFz4TD"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-0BjzSq"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kH3kVy"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Z30uVq"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-bbDnAG"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-CbnUIQ"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-pUy2b0"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-OQ3sm9"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-1RmOf5"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-PvYoCu"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-3k2sTK"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-fABkA5"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ZnEdms"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-RNfV9e"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-yNM8Md"> <!-- Close pop up button --> <div class="close-popup-btn ph-a11y-candidate-sign-up ph-a11y-after-close-focus-elem" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-9m3t2Q"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-cLEbn5"> <i aria-hidden="true" class="${widgetBundle['closePopUpButtonIcon'] | pht}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-74VG45"></i> </button> </div> <!-- Create account heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-m2Km1i"> <!--Cv uploaded text --> <div class="cv-uploaded-text-block" if.bind="cvUploaded" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-unzTgP"> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-TEnLl2"> ${widgetBundle['cvUploadedText'] | pht} </p> </div> <div class="sign-in-heading-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-797rMW"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-JvbAHb"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-DTqtK5"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-xR9ZmZ"> <form novalidate="" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-t8BKae"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-nOS5bA"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Kd7d3x"> <label for="createEmail" class="form-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-pLAB1w"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-XJ01I6"> <div class="text-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SYzSq1"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-4qnorO"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-3G6gH7"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SJMK6W"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-xGKDL7"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-QSXIWs"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ZfFFBN"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-CzdKvH"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-LJSD5f"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7UmlTZ"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Sdj27Y"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-hEOOo6"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-lts9VX"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row" data-ph-at-id="password-block" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Pcvwv6"> <label for="createPassword" class="form-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-pXBOZY"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-nZ60XD"> <div class="text-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-tr8ufj"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ABm7DC"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Q8w24p"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-qrVuzX"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-hjE3XQ"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Kng5M1"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-jhUb4q"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kr78Eg"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-0jG8rR"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-fy8Z76"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-KL3t3d"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreatePassword" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-gLnFPz"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-8YpP7p"> <span class="sr-only" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-372ZJM"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-1uhbFb"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-6ss1NI"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-RUHpTX"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-nFIKd3"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-sMrnwT"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createPasswordDesc" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-EkaLz8"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-vZaLJ5">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-56mkjm">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-UvzanG">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-jrpjAK">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-4HnQ2e"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ZRLi8H"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-tSgL9T"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-fDzKNd"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-xQcLrp"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-PnApSA"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacyConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="fyf3-ph-candidate-login-v1-default-mobile-privacyDataConsentCheckboxText" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-a2bd9g"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SThctZ"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-CGFt9W"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-8Rat41"> <ppc-content key="HJcXye-fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-srrNVS"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-ph-candidate-login-v1J4Ob7T"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-ph-candidate-login-v10hvpIR"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-99utQE"> <span class="checkbox-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-YFkBsT"> <ppc-content key="YTKU0U-fyf3-ph-candidate-login-v1-default-mobile-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-aCKFgb"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-default-mobile-ph-candidate-login-v1J4Ob7T"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-default-mobile-ph-candidate-login-v10hvpIR"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-y5VZJ5"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-UVB0VY"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-aJ8nzD"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-4cM17L"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-7I0rMJ"></span> <span class="checkbox-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-m9ngdI"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WvRoWt"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WKnDxI">*</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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-21Iqrn"> <span class="sr-only required-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-djFuqa"> ${widgetBundle['requiredText']} </span> ${widgetBundle["consentsLinkText"] | pht} </a> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-SmMZKY"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-H1kIF5"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-tFSNy4"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> <div if.bind="piiConsentError" id="consent-error-mb-signup" class="data-consent-error-msg" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-waRfHz"> <span class="alert-msg" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-yFz9hc"> ${widgetBundle['piiConsentError'] | pht} </span> </div> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-mLdgto"> <div class="form-container" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-PYU8AP"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-R6zpxT"> ${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-j271hp"> <!-- Seperator --> <div class="seperator ${(privacyConsentReqFlag) ? 'privacy-content-checkbox' : ''}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-eoO50i"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-UdzkLx"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-1mlpY7" view="1697627391437-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="1697627391437-view5" original-view="view5" instance-id="" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-s5IOjL"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-OKTCNT"> <span data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-atZYXJ"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-hnvhQ3"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-m5O3O4"> <span data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-8BmJ5T"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Yr1UOV"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-C8bqYD"> <a class="termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-kGoKwR">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Uvgy8I">${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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-ifK0Ai"> <button class="btn back-btn" aria-label="go back" ph-tevent="pii-consent-close" click.delegate="showConsentsForm = !showConsentsForm" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-9odeA0"> <i class="icon icon-arrow-left-2" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-rHkxer"></i> </button> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-YlU1Q5"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="piiConsentData && piiConsentData.length" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-pFTQbm"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-3TEvQd"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-TN0qGI"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-4ZbagV"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-O4h179"></span> <span class="checkbox-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-F2DjSm"> <span id="${'checkbox-label-mb-signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-KvYvCS"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-pczl75">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-WmZhPD"> <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-1697627041709-default-mobile-ph-candidate-login-v1fyf3-NUNVVw"> ${!submitData ? widgetBundle["doneText"] || 'done': widgetBundle['createAccountButtonText']} </button> </div> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-success" show.bind="isShowValidationSuccessPopup" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-H04ERU"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-MH01Mg"> <div class="modal-dialog email-val-success" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-succ-heading-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-NKrkfK"> <i class="icon icon-check" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-iYAIYe"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-succ-heading-text" id="email-val-succ-heading-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-hB9hKa">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessText'] : widgetBundle['emailValSuccessText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-KTwzmV">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccessDesc'] : widgetBundle['emailValSuccessDesc']}</span> <span class="email-desc-login" if.bind="!isLoggedIn && isEmailValidationStatus" data-ph-at-id="email-val-succ-desc" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-cMehCq">${widgetBundle['emailValSuccessLoginText']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_success_popup_closed':'account_deletion_success_popup_closed'" class="btn primary-button ph-a11y-emailval-btn" click.delegate="closeValidationSuccessPopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-Tb2cBu">${isAccountDeletionStatus ? widgetBundle['accDelEmailValSuccBtnText'] : widgetBundle['emailValSuccBtnText']}</button> </div> </div> </div> <div class="popup-modal-backdrop active ph-ally-email-validation-failure" show.bind="isShowValidationFailurePopup" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-4bQnPF"> <div class="modal fade in show ph-a11y-modal-area" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-c8btCZ"> <div class="modal-dialog email-val-failure" if.bind="isEmailValidationStatus || isAccountDeletionStatus" role="dialog" aria-modal="true" aria-labelledby="email-val-fail-heading-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-DFmCVm"> <i class="icon icon-cancel" aria-hidden="true" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-44IwcD"></i> <h2 class="emailval-heading" data-ph-at-id="email-val-fail-heading-text" id="email-val-fail-heading-text" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-1JY1Q2">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureText'] : widgetBundle['emailValFailureText']}</h2> <span class="emailval-desc" data-ph-at-id="email-val-fail-desc" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-6pIHLn">${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureDesc'] : widgetBundle['emailValFailureDesc']}</span> <button ph-tevent.bind="isEmailValidationStatus?'email_validation_failure_popup_closed':'account_deletion_failure_popup_closed'" class="btn primary-button" click.delegate="closeValidationFailurePopup()" data-ph-at-id="email-val-succ-btn" role="button" data-ph-id="ph-1697627041709-default-mobile-ph-candidate-login-v1fyf3-plaMhp"> ${isAccountDeletionStatus ? widgetBundle['accDelEmailValFailureBtnText'] : widgetBundle['emailValFailureBtnText']}</button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627391437-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1W2dFqp"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1DWnu7Z"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1HsO0fu"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v1mPheHH"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1r0ILqN"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v13qdULz"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-ph-social-connect-v1TJEsiz"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v141rK5t"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1LVNXpk"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1wMWEM6"> <ppc-content key="s0W7yv-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v17wwGx6">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1wyIRKB"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1q5jxQM"> <ppc-content key="PLUMM6-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1zZU7Ae">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-ph-social-connect-v1t1Lh2i"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v13N9Ttv"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v15VvuID"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-ph-social-connect-v1nKQUfI"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-ph-social-connect-v1pfMEPR"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-ph-social-connect-v1jrKpEH"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1zupmXu"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1Asnfur"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1YXBrUA"> ${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-1697627431157" nonce=""><div class="sign-out-widget-area" if.bind="isLoggedIn" data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-IttH4w"> <a ph-tevent="signout_click" class="sign-out-btn" if.bind="!isCsrfGetLogoutFlowEnabled" ph-href="logout" data-ph-at-id="sign-out-text" data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-d0sYY1"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-DmWY8s"></i> <span data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-VGdy1X">${widgetBundle['signOutButton'] | pht}</span> </a> <a ph-tevent="signout_click" class="sign-out-btn" if.bind="isCsrfGetLogoutFlowEnabled" click.delegate="handleLogoutFlow()" href="javascript:void(0)" data-ph-at-id="sign-out-text" data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-qibHYu"> <i class="${widgetBundle['signOutIcon'] | pht}" aria-hidden="true" data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-BZ9ldo"></i> <span data-ph-id="ph-1686315131298-default-signout-ph-candidate-login-v1wdfrtg-u92PYx">${widgetBundle['signOutButton'] | pht}</span> </a> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1697627504417" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-quaFWF"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-D5yvLA"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-qUgh54"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Bezqj3"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-sNm0LW"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-tmR36s"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-zJrDmf"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UstYJJ"></i> <span class="alert-msg" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-4Kk644"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-D52ueA"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-1zmZsr"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DnWZba"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-BzC8il"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-TgLcdZ"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-b17B5r"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Yw5h0t"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-sUv3Ed"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-W9x09s"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-xta3Bl"> <form novalidate="" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-xZClJF"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-0YykIs"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-9dpW64"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-svPkvB"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-1bD4h7"> <div class="text-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-oQofjB"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-kiTDm8"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-htZ72Y"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-SRSMhK"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Il2zEq"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DLulKU"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-BQVMGK"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-TQ32kf"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-vRak4B"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-8KvuBt"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-XtjHya"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-ZWuXJC"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-PNqZjx"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-CUsb1m"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UbcQa7"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-XyZEqY"> <div class="text-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-X86ktF"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-tFOJgp"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-60UjD8"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-wtZcSb"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-bpLYvm"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-E7dpH1"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-HWIkLK"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-8Z6sm1"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-iiQd0z"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-NJppdP"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-3LSrE0"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-kbHeL0"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-8MOXEL"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fAM6H5"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-zQqy2j"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-NyCfdi"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-f5Nhy4"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-wTPBx8"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-ZFVeNz"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fvUl9R"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-CEtTRd"> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-QXldGH"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-9OOD0W"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DFBipG"> <div class="user-options" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-5FHaeZ"> <span class="each-option" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-IRZu7i"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-dHksTh"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-kwY0RE"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-McYGz5"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UmwZo0"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-jiLIB4"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-XwuCsv"> <span class="forgot-password-area" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-uZJh0H"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-VLBBN8"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-ldStsr"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-tfJoBp"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-y7Rr2E"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-YWjvfb"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-8vSzR8"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-n8wrV5"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-RPwNJd"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-L1umQ4"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-wwmeEa"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-F4Pffb"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fWPDMO"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-gcl3Ff"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-C4RZKA"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-2Ud6w4"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-PEaUiN"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-SrhZ9K"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-66kxwx"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-IYHiUr"> <form novalidate="" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DHZ98x"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-va9iFf"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-KvnTI7"> <label for="createEmail" class="form-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fSfFRx"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-7b4Hg8"> <div class="text-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-sLvOIj"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-NLNe5P"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UYz7Gn"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-pLO5lf"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-6ALBgs"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-iYEq01"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-KieStw"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-f0VNBb"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-PvI623"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-hr3pwi"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-uCkLsL"> 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-1697627196403-view1-ph-candidate-login-v1fyf1-J1kyVQ"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UB322a"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-1Ig7yg"> <label for="createPassword" class="form-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-xDWfuW"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-g9aR8f"> <div class="text-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-0W7bDq"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-EHVsRB"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UfMPIE"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-GcB3hl"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-CD9Ebn"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-6913up"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-gmdxFg"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-7DKxNP"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-ba7fYT"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-yw3NW4"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-lAdgFk"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-uxB6jl"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-9vBnIs">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-9Ef6er">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-9Yd3G7">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-c1DUwc">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-GAikQX"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-VZtb1D"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-eLm73s"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-quW3oq"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Iz9aZV"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-6Vaky1"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-dvS401"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-mRlt13"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-THzYHC"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-NtVe3c"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-PeH6ev"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-FGk9mK"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-shss8K"> <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="fyf1-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-K7og8X"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-zBWPhA"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-vOB67Z"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-dlZHzM"> <ppc-content key="oG1VVC-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-eMNklJ"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-T8GDew"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-XvhK1n"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-u1niA2"> <span class="checkbox-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-vUYTwr"> <ppc-content key="J2RNwz-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-VW3XpT"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-T8GDew"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-XvhK1n"> ${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-1697627196403-view1-ph-candidate-login-v1fyf1-4qIUeP"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-XbIovN"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-2zugcN"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-L2oYex"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-w3NA3V"></span> <span class="checkbox-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-kaZMqF"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-W1HRFf"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-eYyIwj">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fYk8Ep" view="1697627504401-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="1697627504401-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-kSbQ50"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-J6zbeI"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-fcrRZn"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-4yzEzy"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-QaGLhZ"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-U7fyJI"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-RFJlza"> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-lqSbc1"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-CJhT7Y"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-FZekMw"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-MuJNKh"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-B8TSt0"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-0lKJPd" view="1697627504408-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="1697627504408-view5" original-view="view5" instance-id="" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-cy3GHa"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UkF39b"> <span data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Qhlk1V"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-1D5KBp"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-K9CTss"> <span data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-srbs0M"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-SFKGdf"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-qJLJya"> <a class="termsLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-2a2BhC">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-LmpHYW">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-uDzsL7"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-nTsWET"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-Jzfsq9"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-oKN19M"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-UGBdmC"> <form novalidate="" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-KDoZBq"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-t41vGK"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-7DdE3J"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-PCB9dd"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-iZRvtO"> <div class="text-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-8lkoAj"> <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-1697627196403-view1-ph-candidate-login-v1fyf1-fwgGmx"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-6Yf3Yr"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-FRqv0j"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-s4Rocm"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-rQevnr"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-dLuOey"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-NpmEIL"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-gTtjQY"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-sYCG7a"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-t3uBUE"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-pWbFhY"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-sFqDxl"> <span class="sr-only" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DDHJfe"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-algdep"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DdQQGc"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-YBo1jf"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-GfjWUr"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-id28VY"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-DWfJ0T"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-l5Pbdg">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-xLqjxJ">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-5ACHa3">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-MWLAKF">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-jKG1Zi"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-5uLB4z"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-jRuJKL"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-SYrwEs"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-orVOhr"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-uqy8js"> <div class="form-container" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-kI6Ax3"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-vgaWFp"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-mMFRVX"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-kuly65"> <button class="close-popup close" key-aria-label="fyf1-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-1X0pNu"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-SK81Zk"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-YPnvE9"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-rse78J"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-ASbcXW">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-szbzk0"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-ZX7ycI">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-7u8fQa"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-0wpB93"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-vUhKgi"></i> <span data-ph-id="ph-1697627196403-view1-ph-candidate-login-v1fyf1-vkzCgN">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-candidate-login-v1-view1-1697627504645" nonce=""><div class="candidate-login-widget-area" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-e5g2Yo"> <div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-LbPHdA"></div> <!-- Content block --> <div class="content-block" if.bind="!isLoggedIn" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-GV6txp"> <!-- Login in area --> <div if.bind="flowType == 'signIn' && !showLoader" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-yLq1zj"> <!-- Sign in heading --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-QYQuGP"> <!-- Invalid link error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-X1zhim"> <div if.bind="tokenInvalid" class="alert-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Zz0gfE"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-TXKror"></i> <span class="alert-msg" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-iIWD7y"> ${widgetBundle['resetPasswordInvalidText'] | pht} </span> </div> </div> <!-- Sign in heading --> <div class="sign-in-heading-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-JMRVqf"> <h2 id="ph-ally-candidate-signin-popup-heading" class="heading ph-a11y-focus" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-7v6Z7j"> ${widgetBundle['signInPopUpHeading']} </h2> <p class="sub-heading" id="ph-ally-candidate-signin-popup-subHeading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-l8ht7P"> ${widgetBundle['signInPopUpSubHeading'] | pht} </p> </div> <!-- Forgot heading --> <div class="forgot-password-heading-block" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-FRMSpN"> <h2 id="ph-ally-candidate-forgetPassword-popup-heading" class="heading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-mrhJU5"> ${widgetBundle['forgotPasswordPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-forgetPassword-popup-subHeading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ClWJqo"> ${widgetBundle['forgotPasswordPopUpSubHeading'] | pht} </p> </div> <!-- Reset password heading --> <div class="reset-password-heading-block" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-mY4AB9"> <h2 id="ph-ally-candidate-resetPassword-popup-heading" class="heading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-vTco8v"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-6DLBxX"> </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-NMDRKh"> <form novalidate="" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-jXyRXN"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-xq0K6I"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" if.bind="step != 'resetPasswordLink'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XTt4qb"> <label for="signinEmail" class="form-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-WTcFYy"> ${widgetBundle['signInEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-aNx73V"> <div class="text-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-aF6iv1"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-j6ld9B"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-VUayjC"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-kAVisz"></i> </input></div> <div class="form-alert" id="errorEmailBlock" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-BUusqB"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-AIfUE4"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-vwlpr4"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-DwaWo8"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-3w4VE8"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-9WMraW"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-f6ZhV2"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-C3ywAR"> ${widgetBundle['noAccountError'] | pht} <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-BPfPX9"> ${widgetBundle['createAccountButtonText'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" if.bind="step == 'signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XdSMxc"> <label for="signInPassword" class="form-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-U8p4rw"> ${widgetBundle['signInPasswordFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ZltlnF"> <div class="text-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-H4D6IM"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-qzoEEt"> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-SacJXX"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-I4V1Up"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-vq27k9"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-FkKanI"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Pr6iGt"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-JPSgvJ"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-bva9tw"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-39ISLz"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" id="errorPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-8IG3iW"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-33JZ2J"> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && !errors.password.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-OnO3K1"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && !errors.password.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ghpG2J"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> <span class="error" if.bind="errors.password.error && errors.password.code == 'E101' && errors.password.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ysSBlq"> ${widgetBundle['errorMessageEmptyPassword'] | pht} </span> <span class="error" if.bind="errors.password.error && errors.password.code == 'E103' && errors.password.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XX1wbl"> ${widgetBundle['errorIncorrectPassword'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="step == 'signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cSkdQa"> <div if.bind="errors.server.error && step == 'signIn'" class="alert-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5PhtDk"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-D92dZr"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-IuO9mW"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Sign in button --> <div class="form-group-row" if.bind="step == 'signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-aBqDVg"> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-89LnPk"> <button type="submit" click.delegate="signIn()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-nsZtXo"> ${widgetBundle['signInButton'] | pht} </button> </div> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-wuC4zi"> <div class="user-options" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-LP55JI"> <span class="each-option" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-K8zk9d"> <label for="staySignIn" class="input-check-group" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-p0vedK"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-6jOHUW"> <span class="checkbox" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-9oUTLw"> <i class="icon icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-scQfj6"></i> </span> <span class="checkbox-label-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-31UAWB"> ${widgetBundle['staySignedInCheckboxText'] | pht} </span> </input></label> </span> <span class="each-option" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-bZCaSK"> <span class="forgot-password-area" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-trPKur"> <a href="javascript:void(0);" click.delegate="forgotPassword()" role="button" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-M8aTMP"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-dymQQg"> <div if.bind="errors.server.error && step == 'forgotPassword'" class="alert-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-A12Gv6"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-0ckYC7"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-JQD3vl"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <!-- Reset button --> <div class="form-group-row mb24" if.bind="step == 'forgotPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Eai2k2"> <!-- Password reset link --> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-SmBbi7"> <button type="submit" class="btn primary-button submit" click.delegate="sendPswdResetLink()" data-ph-at-id="submit-button" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Pjgits"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-RZDC2N"> <span id="cd-pf-recieve-email" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-o712k5"> ${widgetBundle['resentEmailButtonLabel'] | pht} </span> <a ref="resendEmailLink" class="cd-resend-mail" href="javascript:void(0);" role="button" click.delegate="resendPswrdResetLink()" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-nsBRfh"> ${widgetBundle['resentEmailButtonText'] | pht} </a> </div> <!-- Retrun signin section --> <div class="cd-resend-link-block return-signin" if.bind="step == 'resetPasswordLink'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XoIvIZ"> <button type="button" class="btn plain-button signInBtn" click.delegate="changeFlowType('signIn')" data-ph-at-id="signin-link" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-gBAvOm"> ${widgetBundle['returnSigninText'] | pht} </button> </div> </div> <!-- Create account area --> <div if.bind="flowType == 'signUp' && !showLoader" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-9ElH6M"> <!-- Create account heading --> <!-- aria-live="assertive" aria-atomic="true" --> <div class="sign-in-heading" data-ph-at-id="heading-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ck1XZL"> <!-- tabindex="-1" ph-a11y-focus --> <div class="sign-in-heading-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-IsunRc"> <h2 id="ph-ally-candidate-signup-popup-heading" class="heading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ZnmJCJ"> ${widgetBundle['createAccountPopUpHeading'] | pht} </h2> <p class="sub-heading" id="ph-ally-candidate-signup-popup-subHeading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cwXKLC"> ${widgetBundle['createAccountPopUpSubHeading'] | pht} </p> </div> </div> <!-- Login form --> <div class="login-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-skbhFm"> <form novalidate="" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-GUxpNk"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-mC2gY7"> <!-- Email --> <div class="form-group-row" data-ph-at-id="email-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-CSqco9"> <label for="createEmail" class="form-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Jb8FxB"> ${widgetBundle['createAccountEmailFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-c5dBGG"> <div class="text-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ItGs68"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-HjN1yG"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidEmail" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-vhx6ww"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.email.error && !isValidEmail" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-9UpSAa"></i> </input></div> <div class="form-alert" id="errorCreateEmail" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cNTBAT"> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-zfPrea"> <span class="error" if.bind="errors.email.error && errors.email.code == 'E101' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-V9vguq"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && !errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-rd7cRg"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-5nwjnp"> ${widgetBundle['errorMessageEmptyEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E102' && !isValidEmail && errors.email.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-x5XnQ5"> ${widgetBundle['errorMessageInvalidEmail'] | pht} </span> <span class="error" if.bind="errors.email.error && errors.email.code == 'E103'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-VVqW8O"> 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-1697627196520-view1-ph-candidate-login-v1fyf1-JjhEFP"> ${widgetBundle['emailInUseError'] | pht} <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5PNMmE"> ${widgetBundle['signInButton'] | pht}</a> </span> </div> </div> </div> <!-- Password --> <div class="form-group-row mb-0" data-ph-at-id="password-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cl2X60"> <label for="createPassword" class="form-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-1U3A3K"> ${widgetBundle['createAccountFormLabel'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-YI6Cib"> <div class="text-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ZkhujG"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-kGEVSN"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Z9lnZX"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-jNR4su"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-tbnhL7"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XmSxbS"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-IX9kyB"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-WM7HHN"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ZgxE0n"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-FrUb88"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-RfCXZz"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-description" id="errorCreatePassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-xUbiyP"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5anAJj">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-m5RTIP">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-2Dt348">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-buXnp1">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-3hdW9O"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-0JYyi0"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-oYgAqj"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-8He2OC"> ${widgetBundle['technicalIssueText'] | pht} </span> </div> </div> <div class="sr-only" id="errorCreatePasswordSrOnly" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-NmX006"> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-UHA86T"> ${widgetBundle['errorSrOnly'] | pht} </span> <span if.bind="(pwdRegexMap.passwordLength.hasError || pwdRegexMap.numeric.hasError || pwdRegexMap.lowerCase.hasError || pwdRegexMap.upperCase.hasError)" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5LxeYw"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-GNURIE"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-RYeuqp"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-WDWGkH"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-VpUY7I"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> <!-- Data Consent --> <div class="checkbox-btn-groupset" if.bind="privacyConsentReqFlag && !(piiConsentData && piiConsentData.length)" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ClMsEb"> <label if.bind="!privacyConsentPreCheck" class="input-checkbox-label" for="privacyDataConsent" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-GpLm2a"> <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="fyf1-ph-candidate-login-v1-view1-privacyDataConsentCheckboxText" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-c6W2Zk"> <span class="checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-yMsAVe"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-knhc8x"></i> </span> <span class="checkbox-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-29yI2J"> <ppc-content key="UodazH-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-7AXocR"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-T8GDew"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-XvhK1n"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="input-checkbox-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-o3Qdcb"> <span class="checkbox-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-usxh7j"> <ppc-content key="STLTxu-fyf1-ph-candidate-login-v1-view1-consentCheckboxText" data-ph-at-id="checkbox-btn-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-8OqhYa"> ${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="privacy-data-consent-link" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-T8GDew"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="termsLink-data-consent-link" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1615452726709-view1-ph-candidate-login-v1fyf1-XvhK1n"> ${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-1697627196520-view1-ph-candidate-login-v1fyf1-JuPelr"> <label repeat.for="eachConsent of piiConsentData" class="pii-consent-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-C8jYZ4"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-6a0f4B"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-dTQ8ZX"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-DMru3Y"></span> <span class="checkbox-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5Zw7CD"> <span id="${'checkbox-label-dk1signup' + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-xai5oM"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Rt9VWl">*</span> </span> </input></label> </div> <section if.bind="piiConsentData && piiConsentData.length && piiConsentData.length >= 3" class="ph-widget" instance-id="dk1signup" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-qwU8hN" view="1697627504401-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="1697627504401-default" instance-id="dk1signup" original-view="default" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Qu45bQ"></div> </section> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Z1EvDy"> <div if.bind="privacyConsentError && privacyConsentReqFlag" class="data-consent-error-msg" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-kR4tCy"> <!-- <i class="icon icon-error-1" aria-hidden="true"></i> --> <span class="alert-msg" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5HGuED"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-jIxbC6"> <span class="pii-consent-error" id="consent-error-dk1signup" if.bind="piiConsentError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-IxHpUT"> ${widgetBundle['piiConsentError'] | pht} </span> </div> <!-- Create account button --> <div class="form-group-row" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5uOq6i"> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-FgvlTl"> <button type="submit" click.delegate="signUp()" class="btn primary-button submit" data-ph-at-id="submit-button" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-CwQpEs"> ${widgetBundle['createAccountButtonText'] | pht} </button> </div> </div> </div> </form> </div> </div> <!-- Social account area--> <div class="social-account-block" if.bind="((flowType =='signIn' && step == 'signIn') || (flowType == 'signUp')) && !showLoader" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-FVohGn"> <!-- Seperator --> <div class="seperator" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ooRdxm"> ${widgetBundle['seperatorText'] | pht} </div> <!-- ph-social-connect-v1 --> <div class="sign-in-social-accounts-area" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cSfkWq"> <section class="ph-widget" instanceid="1qw3b7" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-HoyTsL" view="1697627504408-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="1697627504408-view5" original-view="view5" instance-id="" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-lWhHos"></div> </section> </div> <!-- Create an Account section --> <div class="cd-sign-up-link" if.bind="flowType =='signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-odHJsx"> <span data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-ZiviMX"> ${widgetBundle['createAccountButtonLabel'] | pht} </span> <a class="cd-sign-up" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signUp')" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Zo2YEE"> ${widgetBundle['createAccountButtonText'] | pht} </a> </div> <!-- Sign in link --> <div class="cd-sign-up-link" if.bind="flowType == 'signUp'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-6D0Vux"> <span data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-aejB7m"> ${widgetBundle['signInButtonLabel'] | pht} </span> <a class="create-account" href="javascript:void(0);" role="button" click.delegate="changeFlowType('signIn')" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Jd9HbD"> ${widgetBundle['signInButton'] | pht} </a> </div> <!-- Sign in description --> <div class="cd-terms-policy-block" if.bind="!privacyConsentReqFlag || flowType =='signIn'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-DWrRYQ"> <a class="termsLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-termsOfUseTitleText" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-AjlRzV">${widgetBundle['termsOfUseText'] | pht}</a> <a class="privacyPolicyLink" target="_blank" title="" key-title="fyf1-ph-candidate-login-v1-view1-privacyPolicyTitleText" ph-href="${widgetBundle['privacyPolicyLink'] | pht}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-A8xvMW">${widgetBundle['privacyPolicyText'] | pht}</a> </div> </div> <!-- Create Password--> <div if.bind="flowType == 'resetPassword' && !showLoader" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-i5njV5"> <!-- Create password heading --> <div class="sign-in-heading pb28" data-ph-at-id="heading-block" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Z9SI7H"> <div class="create-password-heading-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-IbO1vn"> <h1 id="ph-ally-candidate-createPassword-popup-heading" class="heading" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-jmFaBG"> ${widgetBundle['createNewPwdText'] | pht} </h1> </div> </div> <div class="login-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Ck1Ga0"> <form novalidate="" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Wu8eSG"> <div class="form-group" data-ph-at-id="registration-form" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-I6FdlX"> <!-- Create Password --> <div class="form-group-row" data-ph-at-id="password-block" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-1wTEix"> <label for="createNewPassword" class="form-label" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-p6qVP2"> ${widgetBundle['newPwdText'] | pht} </label> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cPRJYj"> <div class="text-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-v379qe"> <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-1697627196520-view1-ph-candidate-login-v1fyf1-ra5ONm"> <i class="${widgetBundle['validEmailIcon'] | pht} valid-entry-icon" aria-hidden="true" if.bind="isValidPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-0MAugZ"></i> <i class="${widgetBundle['errorIcon'] | pht} error-icon" aria-hidden="true" if.bind="errors.password.error && !isValidPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5iPczv"></i> <div class="pswrd-visibility" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-5Vat2C"> <button type="button" class="pswrd-visibility-btn" click.delegate="showHidePassword()" aria-label="${isPasswordVisible ? 'Hide password':'Show password'}" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-eazQte"> <i class="${widgetBundle['showPasswordIcon'] | pht}" show.bind="isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Xl4g4i"></i> <i class="${widgetBundle['hidePasswordIcon'] | pht}" show.bind="!isPasswordVisible" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-NOkKUI"></i> </button> </div> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-xu8WG6"> <span class="sr-only" if.bind="isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-t7lTqp"> ${widgetBundle['passwordVisibleSrOnly'] | pht} </span> <span class="sr-only" if.bind="!isPasswordVisible && showPasswordSrOnly" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-4j3oQF"> ${widgetBundle['passwordInVisibleSrOnly'] | pht} </span> </div> </input></div> <div class="form-alert" aria-live="assertive" aria-atomic="true" id="errorCreateNewPassword" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-2aujjd"> <div if.bind="errors.password.error && !errors.password.srHidden" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-HhaVe9"> <span class="sr-only" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-TUO54N"> ${widgetBundle['errorSrOnly'] | pht} </span> <span class="error sr-only" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-6m3FIB"> ${widgetBundle['passwordErrorRequirementText'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.passwordLength.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-jK8sFB"> ${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.numeric.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-6kQOhA"> ${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.lowerCase.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-lADHEA"> ${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class="error sr-only" if.bind="pwdRegexMap.upperCase.hasError" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XSQqBh"> ${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> <div class="form-description" id="createNewPasswordDesc" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-BrI1oa"> ${widgetBundle['createAccErrorStatement1'] | pht} <span class.bind="pwdRegexMap.passwordLength.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-hnRtz7">${widgetBundle['createAccErrorStatement2'] | pht} </span> <span class.bind="pwdRegexMap.numeric.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-3Vaznr">${widgetBundle['createAccErrorStatement3'] | pht} </span> <span class.bind="pwdRegexMap.lowerCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-heVNr0">${widgetBundle['createAccErrorStatement4'] | pht} </span> <span class.bind="pwdRegexMap.upperCase.hasError ? 'error' : ''" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-E0TeeS">${widgetBundle['createAccErrorStatement5'] | pht} </span> </div> </div> </div> <!-- Error message --> <div aria-live="assertive" aria-atomic="true" if.bind="flowType == 'resetPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-7TgpDc"> <div if.bind="errors.server.error" class="alert-box" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-fZRR9m"> <i class="icon icon-error-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-PDx4F0"></i> <span class="alert-msg" if.bind="errors.server.code == 'E500'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-l4y82z"> ${widgetBundle['technicalIssueText'] | pht} </span> <span class="alert-msg" if.bind="errors.server.code == 'E403'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-zc9JTd"> ${widgetBundle['resetLinkExpired'] | pht} </span> </div> </div> <!-- Set new password button --> <div class="form-group-row" if.bind="flowType = 'resetPassword'" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-OYUeif"> <div class="form-container" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-0KGgZd"> <button type="submit" class="btn primary-button submit mt16" click.delegate="resetPassword()" data-ph-at-id="submit-button" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-euaL6v"> ${widgetBundle['setNewPwdText'] | pht} </button> </div> </div> </div> </form> </div> </div> </div> <div class="popup-modal-backdrop active email-validation-wrapper" show.bind="isShowEmailValidationPopup" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-cqsEgw"> <div class="modal fade in show modal-dialog ph-a11y-modal-area-email-validation email-validation-popup" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="email-val-heading-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Kz3wF2"> <button class="close-popup close" key-aria-label="fyf1-ph-candidate-login-v1-view1-closePopup" aria-label="close popup" click.delegate="closeEmailValidationPopup()" ph-tevent="email_validation_popup_closed" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-e01sEc"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-H2zed2"></i> </button> <h2 class="email-val-heading ph-a11y-email-val-heading" id="email-val-heading-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-pPSsfz"> ${widgetBundle['emalValHeadingText'] | pht}</h2> <div class="email-val-desc" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-XcL0qa"> ${widgetBundle['emailValDescText1'] | pht} <span class="sign-up-email" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-Ahpi4n">${profileDetails.profile.email}</span> ${widgetBundle['emailValDescText2'] | pht} <span class="token-expiry-time-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-QQIroT"> ${tokenExpiryTimeText}.</span> </div> <span class="email-send-text" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-OemtOD">${widgetBundle['emailValSendText'] | pht}</span> <button click.delegate="resendVerificationEmail(false)" disabled.bind="isResendFailed" class="${isResendFailed?'disabled':''} email-resend-link" ph-tevent="resend_alert_click" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-PlVVNB"> ${widgetBundle['resendEmailText'] | pht}</button> <span show.bind="isResendFailed" class="email-sent-failed ph-a11y-candidate-login-email-sent-failed" tabindex="-1" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-sU6kXi"> <i class="icon icon-info" aria-hidden="true" data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-GqyQN8"></i> <span data-ph-id="ph-1697627196520-view1-ph-candidate-login-v1fyf1-6A1qSF">${widgetBundle['resendFailedText'] | pht} </span> </span> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-social-connect-v1-1697627504408-view5" nonce=""><div ph-loading-img="show-loader.bind: showLoader" show.bind="showLoader" class="show-loader" data-ph-id="ph-view5-ph-social-connect-v1Vcfbrx"></div> <div class="ph-social-connect-area" show.bind="!showLoader" data-ph-id="ph-view5-ph-social-connect-v1ubJneK"> <div class="widget-container" data-ph-id="ph-view5-ph-social-connect-v1LCbYFG"> <div class="content-block ${(privacyConsentReqFlag) ? 'social-privacy-checkbox' : ''}" data-ph-id="ph-view5-ph-social-connect-v1cKF0Nw"> <!-- Data Consent --> <div class="social-checkbox-btn-groupset" if.bind="privacyConsentReqFlag && profileLoginFlow == 'signUp'" data-ph-id="ph-view5-ph-social-connect-v1H6MOEQ"> <label if.bind="!privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v14SGMY1"> <input type="checkbox" checked.bind="privacyDataConsent" aria-checked="${privacyDataConsent ? 'true' : 'false'}" role="checkbox" change.delegate="isPrivacySocialConsentChecked()" data-ph-at-id="checkbox-button" id="privacyDataConsent" aria-label="I have read and agree to the Privacy Policy." key-aria-label="ph-social-connect-v1-view5-privacyDataConsentCheckboxText" data-ph-id="ph-view5-ph-social-connect-v1usSY8V"> <span class="social-checkbox-btn-selected" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1fh3WAy"> <i class="icon-checkbox icon-check-mark-thick-2" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1gdhRaO"></i> </span> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v18PGY12"> <ppc-content key="N1Kai9-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1WVELlE">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </input></label> <div if.bind="privacyConsentPreCheck" class="social-input-checkbox-label" data-ph-id="ph-view5-ph-social-connect-v1pJsdJR"> <span class="social-checkbox-btn-text" data-ph-id="ph-view5-ph-social-connect-v1AFw4XZ"> <ppc-content key="xAgXF3-ph-social-connect-v1-view5-dataConsentCheckboxTxt" data-ph-at-id="checkbox-button-text" data-ph-id="ph-view5-ph-social-connect-v1NEbWkv">${widgetBundle['privacyPolicyCheckboxText'] | pht} <a ph-href="${widgetBundle['privacyPolicyLink'] | pht}" target="_blank" class="social-data-consent-link" data-ph-id="ph-view5-ph-social-connect-v19PDwTy"> ${widgetBundle['privacyPolicyText'] | pht} </a>${widgetBundle['privacyPolicyCheckboxSeparatorText'] | pht} <a class="social-termsLink" target="_blank" ph-href="${widgetBundle['termsLink'] | pht}" data-ph-id="ph-view5-ph-social-connect-v1tyRkOt"> ${widgetBundle['termsOfUseText'] | pht} </a> </ppc-content> </span> </div> </div> <!-- Data Consent Error message --> <div aria-live="assertive" aria-atomic="true" data-ph-id="ph-view5-ph-social-connect-v1Psj6iI"> <div if.bind="privacyConsentError && privacyConsentReqFlag && profileLoginFlow == 'signUp'" class="social-consent-error-msg" data-ph-id="ph-view5-ph-social-connect-v1zzZmlH"> <span class="social-alert-msg" data-ph-id="ph-view5-ph-social-connect-v1eb7BJE"> ${widgetBundle['privacyPolicyCheckboxErrorText'] | pht} </span> </div> </div> <ul class="login-link-list" role="list" key-role="ph-social-connect-v1-view5-listRole" data-ph-id="ph-view5-ph-social-connect-v1YPnjKw"> <li class="login-link-item" repeat.for="eachSocial of enabledSocial.external" show.bind="enabledSocial.external && (fyfStepLandInfo.socialOptions.indexOf(eachSocial.name) >= 0 || !fyfStepLandInfo.socialOptions)" role="listitem" key-role="ph-social-connect-v1-view5-listItemRole" data-ph-id="ph-view5-ph-social-connect-v1bzVR2c"> <a href="javascript:void(0);" class="sc-btn btn-${eachSocial.name}" click.delegate="doProfileLogin(eachSocial)" aria-label="${widgetBundle[eachSocial.name] | pht}" data-ph-id="ph-view5-ph-social-connect-v17NMeAT"> <div class="icon-block" data-ph-id="ph-view5-ph-social-connect-v1WRTu6k"> <i class="icon ${eachSocial.settings.icon}" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1ymNj9n"></i> </div> <div class="text-block" aria-hidden="true" data-ph-id="ph-view5-ph-social-connect-v1OP5xMH"> ${widgetBundle[eachSocial.name] | pht}</div> </a> </li> </ul> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-consent-popup-v1-1697627504401-default" nonce=""><div class="phs-widget-block-area ph-widget-box" data-ph-id="ph-default-ph-consent-popup-v1OcmRWh"> <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-default-ph-consent-popup-v1pcPf9o"> <span class="sr-only required-checkbox" data-ph-id="ph-default-ph-consent-popup-v1tlqADq">${widgetBundle["requiredText"]}</span> ${widgetBundle["consentsLinkText"]} </a> </div> <div class="popup-modal-backdrop active" if.bind="showConsentPopup" data-ph-id="ph-default-ph-consent-popup-v1FCXlDO"> <div class="modal show ph-a11y-modal-area" role="dialog" aria-modal="true" aria-labelledby="consent-heading" data-ph-id="ph-default-ph-consent-popup-v1EekShf"> <!-- Dialog area --> <div class="modal-dialog consent-popup" data-ph-id="ph-default-ph-consent-popup-v1bF9SsT"> <div class="close-popup-btn" data-ph-id="ph-default-ph-consent-popup-v1cmDwwB"> <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-default-ph-consent-popup-v14tj1mm"> <i class="icon icon-cancel-1" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1fZQQvs"></i> </button> </div> <h2 class="consent-heading" id="consent-heading" data-ph-at-id="consent-text" data-ph-id="ph-default-ph-consent-popup-v1zuScfN"> ${widgetBundle["consentHeading"]} </h2> <div class="pii-consent-section" if.bind="widgetContext.consentData && widgetContext.consentData.length" data-ph-id="ph-default-ph-consent-popup-v1cJ5tBV"> <label repeat.for="eachConsent of widgetContext.consentData" class="pii-consent-label" data-ph-id="ph-default-ph-consent-popup-v1Xwcur9"> <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-default-ph-consent-popup-v1q8COPK"> <span class="checkbox-selected" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1E54sCq"></span> <span class="checkbox-unselect" aria-hidden="true" data-ph-id="ph-default-ph-consent-popup-v1EDquaQ"></span> <span class="checkbox-text" data-ph-id="ph-default-ph-consent-popup-v1ONPD77"> <span id="${'checkbox-label-' + instanceId + $index}" innerhtml="${widgetBundle[eachConsent.type + 'Text']}" data-ph-id="ph-default-ph-consent-popup-v18QvRr3"> </span> <span class="consent-mandatory" aria-hidden="true" if.bind="!eachConsent.optional" data-ph-id="ph-default-ph-consent-popup-v1KyM4BH">*</span> </span> </input></label> </div> <div class="consent-accept-area" data-ph-id="ph-default-ph-consent-popup-v1MsWTg5"> <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-default-ph-consent-popup-v1f5uZio"> ${!submitData ? widgetBundle["doneText"]: widgetBundle["submitText"]} </button> </div> </div> </div> </div></script><script type="text/x-ph-tmpl" id="ph-cookie-popup-v2-default-1706016523947" nonce=""><!--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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-ABtTTt"> <div class="container" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-ymJyue"> <div class="cookie-text-area ${showDeclineButton?'decline-enabled':''}" data-ph-at-id="cookie-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-S2TeBx"> <ppc-content key="gdpr-cookietextAreaText" data-ph-at-id="cookie-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-VO93ub"> We use cookies to offer you a better browsing experience, analyze site traffic, and personalize content. Read about how we use cookies and how you can control them by visiting our Cookie Settings page. If you continue to use this site, you consent to our use of cookies. </ppc-content> </div> <div class="cookie-button-area ${showDeclineButton?'decline-enabled':''}" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-wCWJd0"> <a ph-href="cookiesettings" show.bind="showCookieSettingsButton" key-ph-href="gdpr-popupCareerSiteCookieSettingsHrefText" class="btn plain-button cookie-settings phcriticalhide" 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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-T1u8po"> <ppc-content key="gdpr-popupCookieSettingsText" data-ph-at-id="cookie-settings-link-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-Y4wwaN"> 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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-3LWvNk"> <i class="icon icon-cancel" phae-ref="3" aria-hidden="true" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-iDZvNq"></i> <ppc-content key="gdpr-denyCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="3" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-STsM32"> 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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-h5Hs4u"> <i class="icon icon-check-mark" phae-ref="2" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-CNWmJH"></i> <ppc-content key="gdpr-allowCookiesText" data-ph-at-id="cookie-close-link-text" phae-ref="2" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-nhdZQT"> Allow </ppc-content> </button> </div> </div> </div> <div class="popup-modal-backdrop phcriticalhide" if.bind="piiCosentPopup" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-xE12tE"> <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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-DBRoFV"> <!-- Dialog area --> <div class="modal-dialog" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-v4a1Zl"> <div class="consent-text-area" data-ph-at-id="consent-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-D3ypCO"> <ppc-content key="gdpr-piiConsentTextBlock" data-ph-at-id="pii-consent-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-zhVoxB"> 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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-R7FsNR"> <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-1706016511567-default-ph-cookie-popup-v2cj7Vfn-OZV2gY"> <i class="icon icon-check-mark" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-yRZk5m"></i> <ppc-content key="gdpr-piiConsentAcceptLink" data-ph-at-id="pii-consent-accept-link-text" data-ph-id="ph-1706016511567-default-ph-cookie-popup-v2cj7Vfn-RY6wcC"> Accept </ppc-content> </button> </div> </div> </div> </div> <!--googleon: index--></script><script type="text/javascript" nonce="">phApp.urlMap = {"featuredOpportunities":":url", "businessUnit":":url", "category": "c/:category","job": "job/:jobSeqNo/:title","glassdoor-reviews": "glassdoor-reviews", "search-results" : "search-results", "home" : "home", "jobcart" : "jobcart"} </script><script type="text/javascript" nonce="">phApp.ddoRealPath = {"jobDetail": "data.job"}</script><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/globalstyles/globalstyles-1722507978142.css" id="globalcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BECACA/tenantcss/main-1724164865740.css" id="tenantcss" /><link rel="stylesheet" type="text/css" href="https://cdn.phenompeople.com/CareerConnectResources/BECACA/tenantcss/color-css-1718389674744.css" id="colorCss" /><style>.phcriticalhide{display: none!important}</style> <script id="PHAPP-PAGEID" type="text/javascript" nonce=""> phApp.pageId = "page7";</script><script id="ph_app_widgetscript_url" type="text/javascript" nonce="">phApp.widgetScriptUrl = "https://cdn.phenompeople.com/CareerConnectResources/common/js/caas-platform/widgets/"</script><script id="page_dynamic_literals" nonce=""> phApp.translations = {"ph-social-connect-v1-view5":{"profileCount":"{{profileCount}} previous profiles","google-signin":"Sign in with Google","profileCountSingler":"{{profileCount}} previous profile","facebook":"Sign in with Facebook","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":{"uploadResumeProfileFirstName":"Hi {{userFirstName}}","resumeUploadedMessage":"The career site has been personalized based on your resume “{{resumeName}}“"},"ph-candidate-login-v1-default":{"signInIcon":"icon icon-user-4","validPasswordIcon":"icon icon-check-mark","accDelEmailValSuccessDesc":"Your account has been successfully deleted.","createAccountEmailFormAriaLabel":"Enter email","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","accDelEmailValFailureDesc":"Account Deletion Failed","createAccErrorStatement5":"one uppercase","resetPasswordButtonText":"Send password reset link","signInPopUpHeading":"Login","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","showPasswordIcon":"icon icon-eye-1","createAccErrorStatement2":"8 characters,","createAccErrorStatement3":"one number,","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","emailInUseError":"This email address is already in use. Please try again or","signInPasswordFormLabel":"Password","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","signup":"Sign up","returnSigninText":"Return to Sign in","createAccountButtonText":"Register","createAccountFormLabel":"Password","personalAccountLinkText":"View profile","hidePasswordIcon":"icon icon-eye-1-crossed","errorIcon":"icon icon-error-1","closePopUpButtonIcon":"icon icon-cancel","technicalIssueText":"Sorry, we're having some technical issues. Please try again.","fyfFlowSignUpHeading":"Sign up","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.bell.ca/Security_and_privacy/Commitment_to_privacy","termsOfUseText":"Terms of Use","showPasswordText":"Show password","submitText":"Submit","resetPasswordPopUpSubHeading2":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","signInLinkText":"Login / Register","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","accDelEmailValSuccBtnText":"Ok","closePopupButtonAriaLabel":"Close popup","errorIncorrectPassword":"Your password is incorrect. Please try again","loggedInBtnWOfNameAriaLabel":"Your profile","signInButton":"Login","salutationText":"Hi","createAccountFormPlaceHolder":"Your password","createAccountLinkText":"Login / Register","accDelEmailValSuccessText":"Success!","createAccountEmailFormLabel":"Email","resentEmailButtonLabel":"Didn't receive the email?","applyFlowSignUpHeading":"Sign up to save your application and apply faster next time","passwordErrorRequirementText":"Password did not meet the requirements for","signInPasswordFormAriaLabel":"Enter password","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","privacyPolicyLinkText":"Privacy Policy.","forgotPasswordPopUpSubHeading":"Enter your email and we'll send you a link to reset your password","validEmailIcon":"icon icon-check-mark-thick-1","requiredText":"required","accDelEmailValFailureText":"Failure!","resentEmailButtonText":"Resend email","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy policy","forgotPasswordLinkText":"Forgot your password?","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","accDelEmailValFailureBtnText":"Ok","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your password","loggedInBtnAriaLabel":"Your profile {{saluteText}}","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInEmailFormPlaceHolder":"name@mail.com","createAccountEmailFormPlaceHolder":"name@mail.com","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","fyfFlowSignInHeading":"Sign in","termsLinkText":"Terms of Use","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up","signInEmailFormLabel":"Email","resetPasswordPopUpHeading":"Reset password link sent","applyFlowSignInHeading":"Sign in to save your application and apply faster next time","createAccountPopUpHeading":"Register","signInAgreementTextPartOne":"By Signing in, you agree to the company’s","staySignedInCheckboxText":"Stay signed in","signInAgreementTextPartTwo":"and","staySignedInCheckboxAriaLabel":"Stay signed in","piiConsentError":"Please accept all the required consents","seperatorText":"or use your social account","cvUploadedText":"Cv uploaded","hidePasswordText":"Hide password","passwordInVisibleSrOnly":"Password is invisible","termsLink":"javascript:void(0);","doneText":"Done","savedJobsSignInHeading":"Sign in","accCreated1Error":"You created an account with this email using"},"ph-recom-jobs-browsing-history-v3-default":{"applyNowText":"Apply Now","locationText":"location","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","addToCartSavedText":"Saved","jobIdConnectingText":"Job ID is","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process ","multilocationText":"Job available in {{multilocationValue}} locations","removeJobText":"Remove","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","travelRequiremnt":"Travel","category":"Category"},"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","signOutButton":"Sign out","createAccErrorStatement4":"one lowercase,","createAccErrorStatement5":"one uppercase.","resentEmailButtonText":"Resend mail","forgotPasswordPopUpHeading":"Forgot your password? ","privacyPolicyText":"Privacy policy","resetPasswordButtonText":"Send password reset link","forgotPasswordLinkText":"Forgot your password?","signInPopUpHeading":"Login","errorMessageInvalidPassword":"Oops! Password must be at least 8 characters, and at least 1 uppercase, lowercase, numeric and a special character should be present","privacyPolicyCheckboxSeparatorText":" and ","createAccErrorStatement1":"Password must have at least ","createAccErrorStatement2":"8 characters,","showPasswordIcon":"icon icon-eye-1","signInButtonLabel":"Already have an account?","signInPopUpSubHeading":"","createAccErrorStatement3":"one number,","resendEmailText":"Click here to resend","resendFailedText":"You have raised maximum number of resend request","emailInUseError":"This email address is already in use. Please try again or","createAccountFormAriaLabel":"Enter password","signInPasswordFormPlaceHolder":"Your password","accCreated2Error":"Please continue with","errorMessageEmptyPassword":"Please enter your password","signInPasswordFormLabel":"Password","signInEmailFormPlaceHolder":"name@email.com","privacyPolicyCheckboxText":"I have read and agree to the ","createAccountPopUpSubHeading":"","newPwdText":"New Password","createAccountEmailFormPlaceHolder":"name@email.com","emailValDescText1":"We have sent you an email to","emailValDescText2":" with a link to verify your email address. The link in the email will expire in 4 hours.","privacyPolicyCheckboxErrorText":"You must read and agree to the terms above.","returnSigninText":"Return to Sign in","createAccountButtonText":"Register","createAccountFormLabel":"Password","fyfFlowSignInHeading":"Sign in to save your personalized profile","termsLinkText":"Terms of Use","emailValSendText":"If you haven't received a verification email","errorMessageEmptyEmail":"Please enter your email address.","noAccountError":"There is no account with this email. Please try again or","savedJobsSignUpHeading":"Sign up don't lose your saved jobs","personalAccountLinkText":"My Account","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":"Register","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":"Register to save your personalized profile","errorSrOnly":"error:","passwordVisibleSrOnly":"Password is visible","createAccountButtonLabel":"Don’t have an account?","privacyPolicyLink":"https://www.bell.ca/Security_and_privacy/How_we_collect_and_use_data#cookiesSection","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. ","signInLinkText":"Sign in","resetPasswordPopUpSubHeading1":"We've sent an email to <strong>{{emailId}}</strong> with password reset instructions. ","emalValHeadingText":"Please check your email","staySignedInCheckboxAriaLabel":"Stay signed in","seperatorText":"or use your social account","errorIncorrectPassword":"Your password is incorrect. Please try again","hidePasswordText":"Hide password","pwdNotMeetRequirements":"Password did not meet the requirements for","resetLinkExpired":"Password reset Link has been expired","signInButton":"Login","createAccountFormPlaceHolder":"Your password","salutationText":"Hi, ","createAccountLinkText":"Sign up","createAccountEmailFormLabel":"Email","passwordInVisibleSrOnly":"Password is invisible","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);","errorMessageInvalidEmail":"Please enter a valid email address.","signInEmailFormAriaLabel":"Enter email","signInPasswordFormAriaLabel":"Enter password","privacyPolicyLinkText":"Privacy Policy.","savedJobsSignInHeading":"Sign in don't lose your saved jobs","accCreated1Error":"You created an account with this email using"},"ph-category-overview-v3-view2":{"categoryCountPlural":"Jobs","categoryCountSingler":"Job"},"ph-profile-recommendations-v2-default":{"applyNowText":"View Job","locationText":"location","city":"City","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"Show less","sponsorship":"Sponsor","remote":"Remote","type":"Job Type","title":"Title","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","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","referText":"Refer","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","removeJobText":"Remove","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","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-recently-viewed-jobs-v3-default":{"applyNowText":"Apply Now","locationText":"location","seeNextText":"See next","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","sponsorship":"Sponsor","type":"Job Type","remote":"Remote","title":"Title","jobSeqNo":"Job Sequence No","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","reqId":"ReqId","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category","travelRequiremnt":"Travel"},"ph-near-by-jobs-v2-default":{"locationText":"location","applyNowText":"Apply Now","seeNextText":"See next","city":"City","multipleLocation":"This job is available in {{locationCount}} locations","seeLessText":"See less","title":"Title","type":"Job Type","postedDate":"Posted Date","expiryDate":"Expiry Date","descriptionTeaser":"Description Teaser","seeMultipleCatBtn":"Available in {{categoryCount}} categories","seeMoreText":"See more","experienceRequired":"Experience","postedDateFormat":"ll","jobIdConnectingText":"Job ID is","addToCartSavedText":"Saved","department":"Department","referText":"Refer","categoryApplicationInfo":"*You'll be able to select your prefered category(-ies) during the apply process","locationApplicationInfo":"*You'll be able to select your prefered location/s during the apply process","multilocationText":"Job available in {{multilocationValue}} locations","seeMultipleLocBtn":"Available in {{locationCount}} locations","expiryDateFormat":"ll","jobId":"Job Id","seeEvenMoreText":"See even more","primaryJobPostingCat":"Primary Job Category","addToCartSaveText":"Save","multicategoryText":"Job available in {{multicategoryValue}} categories","multipleCategory":"This job is available in {{categoryCount}} categories","location":"Location","category":"Category"},"ph-find-your-fit-v1-default":{"suggestedSkillsSingularAssertiveText":"Showing {{listLength}} suggested skills","suggestedSkillsAssertiveText":"Showing {{listLength}} suggested skills","fyfRecentTitlePlaceHolderText":"Your most recent job title","fyfStepProgressBarText":"Step {{stepStatus}} of {{stepsCount}}","suggestedRecentTitleSingularAssertiveText":"Showing {{listLength}} suggested title","fyfSkillsPlaceHolderText":"Your skills","suggestedRecentTitleAssertiveText":"Showing {{listLength}} suggested titles","addSkillButtinAriaLabel":"Add {{skillName}}","suggestedLocationsSingularAssertiveText":"Showing {{listLength}} suggested locations","fyfLocationPlaceHolderText":"Your preferred work location","suggestedLocationsAssertiveText":"Showing {{listLength}} suggested locations"},"ph-social-share-v3-default":{"whatsapp":"Share via whatsapp","twitterTitle":"Share via twitter","instagram":"Share via Instagram","google-plusTitle":"Share via google plus","linkedin":"Share via LinkedIn","weiboTitle":"Share via weibo","facebookTitle":"Share via Facebook","xing":"Share via xing","twitter":"Share via twitter","weibo":"Share via weibo","facebookAriaLabel":"Share via Facebook","whatsappTitle":"Share via whatsapp","email":"Share via email","instagramAriaLabel":"Share via Instagram","weiboAriaLabel":"Share via weibo","shareInfoText":"Check out this job at {{companyName}}, {{title}}","google-plus":"Share via google plus","whatsappAriaaLabel":"Share via whatsapp","vkTitle":"Share via vk","vkAriaLabel":"Share via vk","emailTitle":"Share via email","instagramTitle":"Share via Instagram","facebook":"Share via Facebook","emailClientSubject":"{{title}} at Bell","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: ","emailAriaLabel":"Share via email","vk":"Share via vk","linkedinTitle":"Share via LinkedIn","xingTitle":"Share via xing"},"ph-email-job-v1-view3":{"sendEmailButtonText":"Send"},"ph-global-search-v3-default":{"globalsearchJobsCountSingler":"Job","eachLocationCount":"({{totalLocationCount}})","globalsearchPlaceholder":"Search job title or location","militarysearchPlaceholder":"Search military jobs","eachCountryCount":"({{totalCountryCount}})","globalsearchButtonAriaLabelText":"Search","eachStateCount":"({{totalStateCount}})","globalsearchJobsCountPlural":"Jobs","categorySrText":"Category","globalsearchAriaLabelText":"search","eachCategoryCount":"({{totalCategoryCount}})","inputLabelText":"Please navigate the suggestions using the tab key","categoryCount":"({{totalCount}})","globalsearchButtonText":"Search","eachCityCount":"({{totalCityCount}})"}} </script><style>.phcriticalhide{display: none!important}</style> <script type="text/javascript" nonce="">phApp.audience_state = "stranger"</script><style>.phcriticalhide{display: none!important}</style> <script snippet_id="GTM-HEAD-143" nonce="">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;n=d.querySelector('[nonce]');if(n){j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'))};f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K2CTMZX');</script></head> <body class="home-page" data-ph-id="ph-page-element-page7-CDkSjI" style="visibility: hidden;"><noscript nonce="__CSP_NONCE__" snippet_id="GTM-BODY-143"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2CTMZX" 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-page7-NySsJe"><div class="header-layout" type="header-layout"> <pcs-widget data-ph-widget-id="62ac22066cd3ef6493c400c1e7fbdadd" instance-id="2w3q1kl" data-ph-content-id="LeaHMoI6-vce229XY"></pcs-widget> </div></div> <div class="ph-page" data-ph-id="ph-page-element-page7-VxRy5I"><section class="ppc-section ph-widget" type="dynamic" instance-id="cj7Vfn" theme="default" original-view="default" ph-module="gdpr" data-ph-id="ph-widget-element-1706016511567-T4T0AW"><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-1706016523947" theme="default" original-view="default" instance-id="cj7Vfn" data-ph-id="ph-widget-element-1706016511567-3Z5hGE"></div></section> <div class="body-wrapper ph-page-container" data-ph-id="ph-page-element-page7-xvwooE"> <!-- hero block --> <section class="ppc-section ph-widget" type="dynamic" data-ph-id="ph-page-element-page7-gQgl8h" 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-page7-QjmJTv" 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="ph-widget ph-hero-block-cc-view12-option1-theme1" theme="theme1" type="static" view="60muy1-ph-hero-block-cc-view12-option1" instance-id="60muy1" original-view="ph-hero-block-cc-view12-option1" data-ph-id="ph-page-element-page7-jZYx5v"> <div as-element="ph-html-v1" data-widget="ph-html-v1" view="60muy1-ph-hero-block-cc-view12-option1" original-view="ph-hero-block-cc-view12-option1" type="static" instance-id="60muy1" theme="theme1" class="ph-widget-target ph-hero-block-cc-view12-option1-theme1" data-ph-id="ph-page-element-page7-sJgor9" role="banner"> <div class="ph-component-cntr ph-widget-box" data-ph-id="ph-page-element-page7-pcF0oM"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="ph-html-v1-ph-hero-block-cc-view12-option1-60muy1-ChMwBa" data-ph-id="ph-page-element-page7-k9U7dA"> <div card-name="ph-hero-block-cc-view12" class="ph-card" key-role="ph-html-v1-ph-hero-block-cc-view12-option1-60muy1-svBZ6j" instance-id="WhP40g" data-ph-id="ph-page-element-page7-oEtaoE"> <div class="ph-hero-block-cc-view12 ph-card-block" data-ph-at-id="ph-hero-block-cc-view12" data-ph-id="ph-page-element-page7-Zt80qX" style="background-color: rgb(0, 84, 154);"> <!--images--> <figure class="image" data-ph-id="ph-page-element-page7-GJtkW5"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-image-fit-container-cms ph-img-rounded" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-page-element-page7-OLAELo"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-page-element-page7-kjAOwz" class="ppc-image ppc-content"><img src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/Untitleddesign65-1623806861709.png" key-src="ph-html-v1-ph-hero-block-cc-view12-option1-60muy1-VWxtbh" alt="" key-alt="ph-html-v1-ph-hero-block-cc-view12-option1-60muy1-xUp6il" unique-img="true" data-ph-cid="primary-image1" instance-id="WhP40g-9Dj6xq" data-ph-id="ph-page-element-page7-2CmJtq" crop-size="fit" height-val="700" /></ppc-content> </ppc-container> </figure> <!--banner contentarea--> <div class="inner-container" data-ph-id="ph-page-element-page7-h2Y4IB"> <div class="global-search-block" data-ph-id="ph-page-element-page7-7dI6mi"> <ppc-container component-content-key="h1-heading" class="heading-one element-center" data-ph-cid="h1-heading1" data-ph-id="ph-page-element-page7-9wicuS"> <h1 data-ph-id="ph-page-element-page7-FY064T"> <ppc-content key="ph-html-v1-ph-hero-block-cc-view12-option1-60muy1-oSYqLk" instance-id="WhP40g-ULoAuS" data-ph-id="ph-page-element-page7-s8ksEr" class="ppc-text ppc-content"><div><span class="ph-line-height-1" data-ph-style-attr="ph-line-height-1" data-ph-process-line-height="true"><span class="ph-cc-ms-f-s-40 ph-cc-d-f-s-40 ph-cc-t-f-s-24 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:bell_slim_black;"><span class="gray-lighter">Join our team.<br />With you, Bell just got better.</span></span></span></span></div></ppc-content> </h1> </ppc-container> <section class="ph-widget" instance-id="xsrdse" data-ph-id="ph-page-element-page7-vopKTe"> <div as-element="ph-global-search-v3" instance-id="xsrdse" class="ph-global-search-v3-default-theme9 ph-widget-target" theme="theme9" data-widget="ph-global-search-v3" placeholder-text.bind="'Job title or location'" show-caption.bind="false" show-title.bind="false" original-view="default" view="default-1591100216727" data-ph-id="ph-page-element-page7-JA9Q5s"></div> </section> </div> </div> </div> </div> </div> </div> </div> </section> <!-- FYF --> <section class="ph-media-cc-view1-option11-theme1 ph-widget ph-widget-parent" theme="theme1-savedView-1617889472083" type="static" view="1618254071231-media-cc-view1-option11-savedView-1617889472082" original-view="ph-media-cc-view1-option11" instance-id="5fcM0A" data-ph-id="-1618254071171"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1618254071231-media-cc-view1-option11-savedView-1617889472082" original-view="ph-media-cc-view1-option11" type="static" data-ph-id="1628781552969" instance-id="5fcM0A" class="ph-widget-target ph-media-cc-view1-option11-theme1-savedView-1617889472083" theme="theme1-savedView-1617889472083"> <div class="ph-component-cntr ph-widget-box header-center" default-cards-count="2" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-ryGUAE"> <div class="inner-container" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-1BpQQu"> <div class="ph-container-heading-block" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-Wwnq0A"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="ZSjBt1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-h510LX"> <div class="heading-block-info" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-Pbygf5"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-bXvOAH"> <ppc-content key="5fcM0A-ZSjBt1-jHzvcn-ph-media-cc-view1-option11-h2-heading-title-text" instance-id="ZSjBt1-jHzvcn" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-XUraSC"><h2 data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-5oFfUe" ph-element-dummy-ele="true"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16"><span style="font-family:bell_slim_black;">Select your career journey</span></span></span></h2></ppc-content> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-NCx1LX"> <span class="sub-content-block" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-npHNud"> <ppc-content key="5fcM0A-ZSjBt1-cOWR3e-ph-media-cc-view1-option11-header-block-sub-content-text" instance-id="ZSjBt1-cOWR3e" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-6NmkXm"><div><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:Arial-Regular;">Join a team that delivers faster and better than anyone else.</span></span></div></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-SFummR"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-TFosyl"> <div class="ph-card-container stackable" data-cards-per-row="two" role="list" key-role="5fcM0A-ph-media-cc-view1-option11-roleList" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-1OkBjR"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="fQjeSM" card-container-style="background-image:'url()'" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-nthUCB"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-o5cGeW" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" ph-href="home#AllJobCategories" data-ph-href="home#AllJobCategories" aria-label="All Jobs at Bell" title="All Jobs at Bell" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" key-ph-href="5fcM0A-eL3u5w-ph-media-cc-view1-option11-c/campus-jobs" key-aria-label="5fcM0A-eL3u5w-ph-media-cc-view1-option11-" key-title="5fcM0A-eL3u5w-ph-media-cc-view1-option11-" instance-id="eL3u5w" data-ph-id="ph-widget-element-1628781662282-yMpiP1" ph-scroll="#AllJobCategories" target="_self" role="link"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-KriUEt"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-bgXnmk"> <div ph-card-block-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-IpVH7B"> <figure class="image" role="presentation" key-role="5fcM0A-fQjeSM-ab2a9T-ph-media-cc-view1-option11-presentationRole" instance-id="fQjeSM-ab2a9T" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-oiDCyv"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms ph-img-responsive" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-i8e4Jx"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-0TnP7m"> <img key-src="5fcM0A-fQjeSM-0J7dxD-ph-media-cc-view1-option11-image-src" alt="" key-alt="5fcM0A-fQjeSM-0J7dxD-ph-media-cc-view1-option11-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="fQjeSM-0J7dxD" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-YCOyEL" crop-size="fit" height-val="216" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/01-Career-journey_620X216-1623806979603.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-aGgklj"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-mAu0qa"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-qEszw1"> <span key-aria-level="5fcM0A-fQjeSM-YMp5DC-ph-media-cc-view1-option11-heading-text-aria-level" key-role="5fcM0A-fQjeSM-YMp5DC-ph-media-cc-view1-option11-heading-text-role" instance-id="fQjeSM-YMp5DC" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-svNNqG"> <ppc-content key="5fcM0A-fQjeSM-YMp5DC-ph-media-cc-view1-option11-heading-text" data-ph-at-id="heading-text" instance-id="fQjeSM-YMp5DC" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-1jomWZ"><div><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:bell_slim_black;">Careers at Bell</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-ETyneD"> <span class="description-block" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-83v5rj"> <ppc-content key="5fcM0A-fQjeSM-4Hl66c-ph-media-cc-view1-option11-description-text" data-ph-at-id="description-text" instance-id="fQjeSM-4Hl66c" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-eobyWe"><div><span class="brand-color-secondary"><span style="font-family:Arial-Regular;"><span class="ph-line-height-1_2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_2"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;">Join a team that brings advanced technologies like Fibe, Crave, Alt TV, cloud computing and Internet of Things to consumers and business customers on Canada’s best broadband networks.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" instance-id="TkemQK" card-container-style="background-image:'url()'" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-9NFChK"> <div class="ph-media-cc-view1 ph-card-block full-card-link" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-fyAvln" style="position: relative; display: block;"> <a ph-cms-link="true" ph-tevent="static_content_click" aria-label="Learn more about Student and Graduate opportunities at Bell" title="Learn more about Student and Graduate opportunities at Bell" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; pointer-events: all; z-index: 1;" ph-href="c/students-graduates-jobs" data-ph-href="c/students-graduates-jobs" key-aria-label="5fcM0A-2ezeK1-ph-media-cc-view1-option11-Learn more about Student and Graduate opportunities at Bell" key-title="5fcM0A-2ezeK1-ph-media-cc-view1-option11-Learn more about Student and Graduate opportunities at Bell" key-ph-href="5fcM0A-2ezeK1-ph-media-cc-view1-option11-c/campus-jobs" instance-id="2ezeK1" data-ph-id="ph-widget-element-1629129741419-3MkSuB" role="link"></a><div class="ph-row" ph-row-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-OvRrcX"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-fcm89a"> <div ph-card-block-num="1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-OKWRnv"> <figure class="image" role="presentation" key-role="5fcM0A-TkemQK-F4IAiE-ph-media-cc-view1-option11-presentationRole" instance-id="TkemQK-F4IAiE" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-qxTNpz"> <ppc-container component-content-key="primary-image" class="primary-image ph-image-fit-container-cms ph-img-responsive" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-wLPNCM"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-DnJ9IV"> <img key-src="5fcM0A-TkemQK-TnoeMy-ph-media-cc-view1-option11-image-src" alt="" key-alt="5fcM0A-TkemQK-TnoeMy-ph-media-cc-view1-option11-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="TkemQK-TnoeMy" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-lD6wGJ" height-val="233" crop-size="fit" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/Untitleddesign96-1624410472118.png" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-DN2sXL"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-ETW1NY"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-z1Z8g7"> <span key-aria-level="5fcM0A-TkemQK-azhmv1-ph-media-cc-view1-option11-heading-text-aria-level" key-role="5fcM0A-TkemQK-azhmv1-ph-media-cc-view1-option11-heading-text-role" instance-id="TkemQK-azhmv1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-YLjAY1"> <ppc-content key="5fcM0A-TkemQK-azhmv1-ph-media-cc-view1-option11-heading-text" data-ph-at-id="heading-text" instance-id="TkemQK-azhmv1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-qsSYxT"><div><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:bell_slim_black;"><strong>Students & Graduates</strong></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-FAXPle"> <span class="description-block" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-ciWCzy"> <ppc-content key="5fcM0A-TkemQK-UVmvht-ph-media-cc-view1-option11-description-text" data-ph-at-id="description-text" instance-id="TkemQK-UVmvht" data-ph-id="ph-1618254071231-media-cc-view1-option11-savedView-1617889472082-ph-html-v15fcM0A-JqKQcd"><div><span class="brand-color-secondary"><span style="font-family:Arial-Regular;"><span class="ph-line-height-1_2" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_2"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;">Jump-start your career by joining Bell's award-winning Graduate Leadership or Summer Internship Programs. Gain valuable experience that will help you succeed in the future.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1646931256135" view="1646931256138-default" original-view="default" instance-id="5RxNrQ" theme="theme2"><div class="ph-find-your-fit-container-v1-default-theme2 ph-widget-target" data-ph-id="1646931256135-1" as-element="ph-find-your-fit-container-v1" data-widget="ph-find-your-fit-container-v1" view="default-1697627041889" original-view="default" theme="theme2" ph-removed="true" instance-id="5RxNrQ"></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="1646931261472" view="1646931261484-default" original-view="default" instance-id="MNmIrb" theme="theme28"><div class="ph-profile-recommendations-v2-default-theme28 ph-widget-target" data-ph-id="1646931261472-1" as-element="ph-profile-recommendations-v2" data-widget="ph-profile-recommendations-v2" view="1646931261484-default" original-view="default" theme="theme28" ph-removed="true" instance-id="MNmIrb"></div></section><div id="px-block-1" data-audience-block="px-block-1" class="px-block-1" data-ph-id="5375195831400930"><div id="px-block-1-stranger" data-ph-id="33265867049704365"></div><div id="px-block-1-lead"></div><div id="px-block-1-qualifiedLead"></div></div> <!--profile recom jobs--> <!-- video popup --> <!-- category --> <section class="ppc-section ph-widget" type="static" data-ph-id="-1676305505250" view="1676305505723-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" instance-id="NAAnWB" theme="theme2"><div class="ph-media-large-img-left-cc-view1-option2-theme2 ph-widget-target" data-ph-id="-1676305505250-1" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1676305505723-media-large-img-left-cc-view1-option2" original-view="ph-media-large-img-left-cc-view1-option2" theme="theme2" ph-removed="true" instance-id="NAAnWB"><div class="ph-component-cntr ph-widget-box heading-block-hide" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-widget-element-796525744196941-2"> <div class="inner-container" data-ph-id="ph-widget-element-796525744196941-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-796525744196941-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" instance-id="CuIZn3" data-ph-id="ph-widget-element-796525744196941-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-796525744196941-6"> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-796525744196941-13"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-796525744196941-18"> <div class="ph-card-container stackable" data-cards-per-row="one" data-ph-id="ph-widget-element-796525744196941-19"> <div class="ph-card" card-name="ph-media-large-img-left-cc-view1" card-layout="ph-layout-h" data-ph-card-block-alignment="h" instance-id="lWuNSZ" card-container-style="background-image:'url()'" data-ph-id="ph-widget-element-796525744196941-20"> <div class="ph-card-block ph-media-large-img-left-cc-view1 ph-layout-h" data-ph-at-id="ph-media-large-img-left-cc-view1" data-ph-id="ph-widget-element-796525744196941-21"> <div class="ph-row v-l-middle" ph-row-num="1" data-ph-id="ph-widget-element-796525744196941-22"> <div class="ph-col-6" ph-col-num="1" data-ph-id="ph-widget-element-796525744196941-23"> <div class="media" ph-card-block-num="1" data-ph-id="ph-widget-element-796525744196941-24"> <figure class="image" role="presentation" key-role="NAAnWB-lWuNSZ-WVbN40-ph-media-large-img-left-cc-view1-option2-presentationRole" instance-id="lWuNSZ-WVbN40" data-ph-id="ph-widget-element-796525744196941-25"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-796525744196941-26"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-796525744196941-27"> <img key-src="NAAnWB-lWuNSZ-4becN8-ph-media-large-img-left-cc-view1-option2-image-src" alt="" key-alt="NAAnWB-lWuNSZ-4becN8-ph-media-large-img-left-cc-view1-option2-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="lWuNSZ-4becN8" data-ph-id="ph-widget-element-796525744196941-28" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/EVPimage1920x700-1676306434000.jpg" /> </ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-6" ph-col-num="2" data-ph-id="ph-widget-element-796525744196941-29"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" data-ph-id="ph-widget-element-796525744196941-30"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-796525744196941-31"> <span key-aria-level="NAAnWB-lWuNSZ-MO0EG6-ph-media-large-img-left-cc-view1-option2-heading-text-aria-level" key-role="NAAnWB-lWuNSZ-MO0EG6-ph-media-large-img-left-cc-view1-option2-heading-text-role" instance-id="lWuNSZ-MO0EG6" data-ph-id="ph-widget-element-796525744196941-32"> <ppc-content key="NAAnWB-lWuNSZ-MO0EG6-ph-media-large-img-left-cc-view1-option2-heading-text" data-ph-at-id="heading-text" instance-id="lWuNSZ-MO0EG6" data-ph-id="ph-widget-element-796525744196941-33"><div><span class="ph-cc-ms-f-s-24 ph-cc-d-f-s-24 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:bell_slim_black;"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="darkar">Make an impact.<br />Immerse yourself in opportunity.<br />Feel like you truly belong.</span></span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-796525744196941-34"> <span class="description-block" data-ph-id="ph-widget-element-796525744196941-35"> <ppc-content key="NAAnWB-lWuNSZ-LkxuCj-ph-media-large-img-left-cc-view1-option2-description-text" data-ph-at-id="description-text" instance-id="lWuNSZ-LkxuCj" data-ph-id="ph-widget-element-796525744196941-36"><div><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14"><span class="darkar"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">You can count on being in a workplace with unparalleled opportunities where you can thrive, contribute and grow. Every day you are supported to do great work, develop your career and feel a sense of belonging on our diverse and inclusive team.</span></span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> </div> </div></div></section><section class="ph-inline-video-cc-slider-view1-option2-theme1 ph-widget" type="static" view="1661785595029-inline-video-cc-slider-view1-option2-savedView-1661785505857" original-view="ph-inline-video-cc-slider-view1-option2" theme="theme1" instance-id="eJBqoD" data-ph-id="-1661785594857"><div class="ph-inline-video-cc-slider-view1-option2-theme1 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1661785595029-inline-video-cc-slider-view1-option2-savedView-1661785505857" original-view="ph-inline-video-cc-slider-view1-option2" theme="theme1" ph-removed="true" data-ph-id="-1661785594857-1" instance-id="eJBqoD"><div class="ph-component-cntr ph-widget-box header-center" role="region" key-role="eJBqoD-zAOS2B-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-regionRole" aria-label="Video carousel" key-aria-label="eJBqoD-zAOS2B-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-videoCarouselAriaLabel" instance-id="zAOS2B" data-ph-id="ph-widget-element-1661785595029-2"> <div class="inner-container" data-ph-id="ph-widget-element-1661785595029-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1661785595029-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1661785595029-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1661785595029-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1661785595029-7"> <ppc-content key="eJBqoD-Miz6Xa-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-h2-heading-title-text" instance-id="Miz6Xa" data-ph-id="ph-widget-element-1661785595029-8"><div><h3 data-ph-id="ph-widget-element-1661785595029-10" ph-element-dummy-ele="true"><span data-ph-id="ph-widget-element-1661785595029-11" style="font-family:bell_slim_black;"><span class="brand-color-secondary" data-ph-id="ph-widget-element-1661785595029-12"><span class="ph-line-height-1" data-ph-id="ph-widget-element-1661785595029-13" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1661785595029-14" style="line-height: inherit !important; display: inherit;">What’s it like to work at Bell? Hear from some of our team members</span></span></span></span></h3></div></ppc-content> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1661785595029-18"> </div> </div> </div> <div class="ph-container-content-block ph-static-slider" data-ph-id="ph-widget-element-1661785595029-23"> <div class="ph-slide-loader" ph-card-slider-v1="" data-widget-attr="ph-card-slider-v1" role="region" pha-phslide-dots="true" pha-phslide-use-transform="false" pha-phslide-fade="false" pha-phslide-adaptive-height="false" pha-phslide-autoplay="false" pha-phslide-arrows="true" pha-phslide-accessibility="false" pha-phslide-draggable="false" pha-phslide-infinite="false" phslide-number-slides-to-show="1" phslide-number-slides-to-scroll="1" pha-phslide-speed="1000" data-ph-id="ph-widget-element-1661785595029-24"> <div class="ph-slider-container ph-card-container stackable" data-ph-id="ph-widget-element-1661785595029-25"><div class="ph-card" card-name="ph-inline-video-cc-view1" card-layout="ph-layout-h" ph-slide-num="1" data-ph-id="ph-widget-element-1661785595029-53"> <div class="ph-layout-h ph-inline-video-cc-view1 ph-card-block" data-ph-at-id="ph-inline-video-cc-view1" data-ph-id="ph-widget-element-1661785595029-54"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1661785595029-55"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1661785595029-56"> <div class="media ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-1661785595029-57"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-58"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1661785595029-59"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-60"> <img key-src="eJBqoD-aG1Sg9-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-src" alt="Team Members Video" key-alt="eJBqoD-aG1Sg9-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-alt-text" data-ph-cid="primary-image1" height-val="375" instance-id="aG1Sg9" data-ph-id="ph-widget-element-1661785595029-61" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/Screenshot2022-11-14211555-1668478576576.png" /> </ppc-content> </ppc-container> </figure> <div class="video-popup-block inline-popup-container" ph-media-gallery-v1="" data-widget-attr="ph-media-gallery-v1" enablepopup="false" data-ph-id="ph-widget-element-1661785595029-62"> <ppc-container component-content-key="inline-video-popup" data-ph-cid="inline-video-popup1" class="inline-video-popup video-popup" data-ph-id="ph-widget-element-1661785595029-63"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video" key-aria-label="eJBqoD-nZzFu1-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-aria-label" ph-tevent="static_content_click" instance-id="nZzFu1" data-ph-id="ph-widget-element-1661785595029-64"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-65"> <span class="set-seting" data-ph-id="ph-widget-element-1661785595029-66"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-67"> <img key-src="eJBqoD-qeL3sx-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button" alt="Jobs at Bell" key-alt="eJBqoD-qeL3sx-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-alt-text" class="ph-gallery-item" data-gallery-item-type="video" data-gallery-video-provider="youtube" data-widget-ref="ph-video-v1" pha-video-id="BLjJn9avguM" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="false" instance-id="qeL3sx" data-ph-id="ph-widget-element-1661785595029-68" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/play-1621540693596.png" /> </ppc-content> </span> <figcaption data-ph-id="ph-widget-element-1661785595029-69"> <span data-ph-id="ph-widget-element-1661785595029-70"> <ppc-content key="eJBqoD-Xm1tFj-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-text1" instance-id="Xm1tFj" data-ph-id="ph-widget-element-1661785595029-71">Jobs at Bell</ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="inline-video-container" data-ph-cid="inline-video-container1" data-ph-id="ph-widget-element-1661785595029-72"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-1661785595029-73"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1661785595029-74"> <div class="modal fade in show" data-ph-id="ph-widget-element-1661785595029-75"> <div class="modal-dialog" data-ph-id="ph-widget-element-1661785595029-76"> <div class="modal-content" data-ph-id="ph-widget-element-1661785595029-77"> <div ph-card-slider-v1="" pha-phslid-autoplay="true" pha-phslide-dots="true" pha-phslid-lazy-load="progressive" pha-load-on-event="true" class="ph-gallery-container ph-slider-container" data-ph-id="ph-widget-element-1661785595029-78"> <div class="ph-gallery-item-container" data-ph-id="ph-widget-element-1661785595029-79"> Loading... </div> </div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-inline-video-cc-view1" card-layout="ph-layout-h" ph-slide-num="2" data-ph-id="ph-widget-element-1661785595029-80"> <div class="ph-layout-h ph-inline-video-cc-view1 ph-card-block" data-ph-at-id="ph-inline-video-cc-view1" data-ph-id="ph-widget-element-1661785595029-81"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1661785595029-82"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1661785595029-83"> <div class="media ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-1661785595029-84"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-85"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1661785595029-86"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-87"> <img key-src="eJBqoD-XyImUM-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-src" alt="Bell for Better" key-alt="eJBqoD-XyImUM-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-alt-text" data-ph-cid="primary-image1" height-val="375" instance-id="XyImUM" data-ph-id="ph-widget-element-1661785595029-88" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/BECACA/images/MelissaBFB_EN-1702916799850.png" /> </ppc-content> </ppc-container> </figure> <div class="video-popup-block inline-popup-container" ph-media-gallery-v1="" data-widget-attr="ph-media-gallery-v1" enablepopup="false" data-ph-id="ph-widget-element-1661785595029-89"> <ppc-container component-content-key="inline-video-popup" data-ph-cid="inline-video-popup1" class="inline-video-popup video-popup" data-ph-id="ph-widget-element-1661785595029-90"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video" key-aria-label="eJBqoD-ZvcNg4-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-aria-label" ph-tevent="static_content_click" instance-id="ZvcNg4" data-ph-id="ph-widget-element-1661785595029-91"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-92"> <span class="set-seting" data-ph-id="ph-widget-element-1661785595029-93"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-94"> <img key-src="eJBqoD-vJJwba-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button" alt="Bell for Better" key-alt="eJBqoD-vJJwba-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-alt-text" class="ph-gallery-item" data-gallery-item-type="video" data-gallery-video-provider="youtube" data-widget-ref="ph-video-v1" pha-video-id="fdgPR-ZsHRc" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="false" instance-id="vJJwba" data-ph-id="ph-widget-element-1661785595029-95" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/play-1621540693596.png" /> </ppc-content> </span> <figcaption data-ph-id="ph-widget-element-1661785595029-96"> <span data-ph-id="ph-widget-element-1661785595029-97"> <ppc-content key="eJBqoD-OWMpBy-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-text1" instance-id="OWMpBy" data-ph-id="ph-widget-element-1661785595029-98">Bell for Better</ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="inline-video-container" data-ph-cid="inline-video-container1" data-ph-id="ph-widget-element-1661785595029-99"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-1661785595029-100"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1661785595029-101"> <div class="modal fade in show" data-ph-id="ph-widget-element-1661785595029-102"> <div class="modal-dialog" data-ph-id="ph-widget-element-1661785595029-103"> <div class="modal-content" data-ph-id="ph-widget-element-1661785595029-104"> <div ph-card-slider-v1="" pha-phslid-autoplay="true" pha-phslide-dots="true" pha-phslid-lazy-load="progressive" pha-load-on-event="true" class="ph-gallery-container ph-slider-container" data-ph-id="ph-widget-element-1661785595029-105"> <div class="ph-gallery-item-container" data-ph-id="ph-widget-element-1661785595029-106"> Loading... </div> </div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-inline-video-cc-view1" card-layout="ph-layout-h" ph-slide-num="3" data-ph-id="ph-widget-element-1661785595029-107"> <div class="ph-layout-h ph-inline-video-cc-view1 ph-card-block" data-ph-at-id="ph-inline-video-cc-view1" data-ph-id="ph-widget-element-1661785595029-108"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1661785595029-109"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1661785595029-110"> <div class="media ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-1661785595029-111"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-112"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1661785595029-113"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-114"> <img key-src="eJBqoD-VBtWXz-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-src" alt="Bell for Better" key-alt="eJBqoD-VBtWXz-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-alt-text" data-ph-cid="primary-image1" height-val="375" instance-id="VBtWXz" data-ph-id="ph-widget-element-1661785595029-115" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/Dayne-1651076228941.png" /> </ppc-content> </ppc-container> </figure> <div class="video-popup-block inline-popup-container" ph-media-gallery-v1="" data-widget-attr="ph-media-gallery-v1" enablepopup="false" data-ph-id="ph-widget-element-1661785595029-116"> <ppc-container component-content-key="inline-video-popup" data-ph-cid="inline-video-popup1" class="inline-video-popup video-popup" data-ph-id="ph-widget-element-1661785595029-117"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video" key-aria-label="eJBqoD-PgOAVQ-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-aria-label" ph-tevent="static_content_click" instance-id="PgOAVQ" data-ph-id="ph-widget-element-1661785595029-118"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-119"> <span class="set-seting" data-ph-id="ph-widget-element-1661785595029-120"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-121"> <img key-src="eJBqoD-Gxc1ZA-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button" alt="Bell for Better" key-alt="eJBqoD-Gxc1ZA-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-alt-text" class="ph-gallery-item" data-gallery-item-type="video" data-gallery-video-provider="youtube" data-widget-ref="ph-video-v1" pha-video-id="ituNZPtEiv4" pha-partner-id="null" pha-entry-id="null" ph-cms-video-gallery-link="false" instance-id="Gxc1ZA" data-ph-id="ph-widget-element-1661785595029-122" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/play-1621540693596.png" /> </ppc-content> </span> <figcaption data-ph-id="ph-widget-element-1661785595029-123"> <span data-ph-id="ph-widget-element-1661785595029-124"> <ppc-content key="eJBqoD-l84Cdf-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-text1" instance-id="l84Cdf" data-ph-id="ph-widget-element-1661785595029-125">Bell for Better</ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="inline-video-container" data-ph-cid="inline-video-container1" data-ph-id="ph-widget-element-1661785595029-126"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-1661785595029-127"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1661785595029-128"> <div class="modal fade in show" data-ph-id="ph-widget-element-1661785595029-129"> <div class="modal-dialog" data-ph-id="ph-widget-element-1661785595029-130"> <div class="modal-content" data-ph-id="ph-widget-element-1661785595029-131"> <div ph-card-slider-v1="" pha-phslid-autoplay="true" pha-phslide-dots="true" pha-phslid-lazy-load="progressive" pha-load-on-event="true" class="ph-gallery-container ph-slider-container" data-ph-id="ph-widget-element-1661785595029-132"> <div class="ph-gallery-item-container" data-ph-id="ph-widget-element-1661785595029-133"> Loading... </div> </div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-inline-video-cc-view1" card-layout="ph-layout-h" ph-slide-num="4" data-ph-id="ph-widget-element-1661785595029-134"> <div class="ph-layout-h ph-inline-video-cc-view1 ph-card-block" data-ph-at-id="ph-inline-video-cc-view1" data-ph-id="ph-widget-element-1661785595029-135"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1661785595029-136"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1661785595029-137"> <div class="media ph-a11y-aria-live" ph-card-block-num="1" data-ph-id="ph-widget-element-1661785595029-138"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-139"> <ppc-container component-content-key="primary-image" class="primary-image" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1661785595029-140"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-141"> <img key-src="eJBqoD-XlHHHi-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-src" alt="Retail Jobs at Bell" key-alt="eJBqoD-XlHHHi-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-image-alt-text" data-ph-cid="primary-image1" height-val="375" instance-id="XlHHHi" data-ph-id="ph-widget-element-1661785595029-142" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/3-1620238946830.png" /> </ppc-content> </ppc-container> </figure> <div class="video-popup-block inline-popup-container" ph-media-gallery-v1="" data-widget-attr="ph-media-gallery-v1" enablepopup="false" data-ph-id="ph-widget-element-1661785595029-143"> <ppc-container component-content-key="inline-video-popup" data-ph-cid="inline-video-popup1" class="inline-video-popup video-popup" data-ph-id="ph-widget-element-1661785595029-144"> <button style="background-color: transparent; border: none;" class="ph-gallery-item-link popup-static-block" aria-label="click here to play video" key-aria-label="eJBqoD-Np2WzH-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-aria-label" ph-tevent="static_content_click" instance-id="Np2WzH" data-ph-id="ph-widget-element-1661785595029-145"> <figure class="image" data-ph-id="ph-widget-element-1661785595029-146"> <span class="set-seting" data-ph-id="ph-widget-element-1661785595029-147"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-widget-element-1661785595029-148"> <img key-src="eJBqoD-fkUzJE-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button" alt="Retail Jobs at Bell" key-alt="eJBqoD-fkUzJE-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-alt-text" class="ph-gallery-item" data-gallery-item-type="video" data-gallery-video-provider="youtube" data-widget-ref="ph-video-v1" pha-video-id="GAbqnTq6jbA" pha-partner-id="null" pha-entry-id="null" ph-video-v1="youtube" ph-cms-video-gallery-link="false" instance-id="fkUzJE" data-ph-id="ph-widget-element-1661785595029-149" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/play-1621540693596.png" /> </ppc-content> </span> <figcaption data-ph-id="ph-widget-element-1661785595029-150"> <span data-ph-id="ph-widget-element-1661785595029-151"> <ppc-content key="eJBqoD-UkXrKE-ph-inline-video-cc-slider-view1-option2-savedView-1661785505857-savedView-1651152616453-savedView-1648579704421-play-button-text1" instance-id="UkXrKE" data-ph-id="ph-widget-element-1661785595029-152">Retail Jobs at Bell</ppc-content> </span> </figcaption> </figure> </button> </ppc-container> <ppc-container component-content-key="inline-video-container" data-ph-cid="inline-video-container1" data-ph-id="ph-widget-element-1661785595029-153"> <div class="popup-container hide" role="dialog" data-ph-id="ph-widget-element-1661785595029-154"> <div class="popup-modal-backdrop" data-ph-id="ph-widget-element-1661785595029-155"> <div class="modal fade in show" data-ph-id="ph-widget-element-1661785595029-156"> <div class="modal-dialog" data-ph-id="ph-widget-element-1661785595029-157"> <div class="modal-content" data-ph-id="ph-widget-element-1661785595029-158"> <div ph-card-slider-v1="" pha-phslid-autoplay="true" pha-phslide-dots="true" pha-phslid-lazy-load="progressive" pha-load-on-event="true" class="ph-gallery-container ph-slider-container" data-ph-id="ph-widget-element-1661785595029-159"> <div class="ph-gallery-item-container" data-ph-id="ph-widget-element-1661785595029-160"> Loading... </div> </div> </div> </div> </div> </div> </div> </ppc-container> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></div></section><section class="ppc-section ph-widget" type="dynamic" data-ph-id="-1625234284527" view="1625234285936-view2" original-view="view2" instance-id="aoTaFK" theme="default" id="AllJobCategories"><div class="ph-category-overview-v3-view2-default ph-widget-target" data-ph-id="-1625234284527-1" as-element="ph-category-overview-v3" data-widget="ph-category-overview-v3" view="1625234285936-view2" original-view="view2" theme="default" ph-removed="true" instance-id="aoTaFK" show-empty-categories.bind="true"></div></section> <!-- testimonial slider --> <!-- We are global--> <section class="ph-hero-content-cc-view1-option6-theme1 ph-widget ph-widget-parent" type="static" view="1619377744109-hero-content-cc-view1-option6-savedView-1619204664578" theme="theme1-savedView-1619204664578" retain-previous-html="true" original-view="ph-hero-content-cc-view1-option6" instance-id="kVuh9e" data-ph-id="-1619377743722"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1619377744109-hero-content-cc-view1-option6-savedView-1619204664578" original-view="ph-hero-content-cc-view1-option6" type="static" data-ph-id="1695215131710" instance-id="kVuh9e" class="ph-widget-target ph-hero-content-cc-view1-option6-theme1-savedView-1619204664578" theme="theme1-savedView-1619204664578"> <div class="ph-component-cntr ph-widget-box" default-cards-count="1" max-allowed-cards="2" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-5BWJ1U"> <div class="inner-container ph-fluid-container" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-r6Hepe"> <div class="ph-container-content-block" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-ITU9m1"> <div class="ph-card-container stackable" data-cards-per-row="one" key-role="kVuh9e-ph-hero-content-cc-view1-option6-listRole" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-KffXSJ"> <div class="ph-card" card-name="ph-hero-content-cc-view1" instance-id="8FFR6p" card-container-style="background-image:'url()'" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-l9abkw"> <div class="ph-hero-content-cc-view1 ph-card-block" data-ph-at-id="ph-hero-content-cc-view1" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-uZt4Z4"> <div class="ph-hero-content-wrapper" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-D1IVtV"> <figure class="image" role="presentation" key-role="kVuh9e-8FFR6p-tVO9N7-ph-hero-content-cc-view1-option6-presentationRole" instance-id="8FFR6p-tVO9N7" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-ScZrPk"> <ppc-container component-content-key="primary-image" class="primary-image element-center ph-img-fit-to-card" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-ovwUCS"> <ppc-content type="image" data-ph-media="image" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-k8cJZZ"> <img key-src="kVuh9e-8FFR6p-AoyHkp-ph-hero-content-cc-view1-option6-image-src" alt="" key-alt="kVuh9e-8FFR6p-AoyHkp-ph-hero-content-cc-view1-option6-image-alt-text" unique-img="true" data-ph-cid="primary-image1" instance-id="8FFR6p-AoyHkp" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-tMfjgB" height-val="331" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/BECACA/images/CopyofUntitled3-1623807620544.png" /> </ppc-content> </ppc-container> </figure> <div class="content ph-a11y-aria-live" aria-live="assertive" aria-atomic="true" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-6Nq1pK"> <ppc-container component-content-key="heading" class="header element-center" data-ph-cid="heading1" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-Z0GH4E"> <span key-aria-level="kVuh9e-8FFR6p-bcpYSf-ph-hero-content-cc-view1-option6-heading-text-aria-level" key-role="kVuh9e-8FFR6p-bcpYSf-ph-hero-content-cc-view1-option6-heading-text-role" instance-id="8FFR6p-bcpYSf" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-eNgXwd"> <ppc-content key="kVuh9e-8FFR6p-bcpYSf-ph-hero-content-cc-view1-option6-heading-text" data-ph-at-id="heading-text" instance-id="8FFR6p-bcpYSf" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-bnsWUM"><h2><span style="color:rgba(255, 255, 255, 1);">Join our talent community</span></h2></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description element-center " data-ph-cid="description1" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-RTzR6t"> <span class="description-block" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-f0bCWl"> <ppc-content key="kVuh9e-8FFR6p-9nUqLu-ph-hero-content-cc-view1-option6-description-text" data-ph-at-id="description-text" instance-id="8FFR6p-9nUqLu" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-HzfTjB"><div><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16"><span style="font-family:Arial-Regular;">Stay connected with us and get notified about interesting career opportunities that align with what you’re looking for.</span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="primary-action-link" class="primary-action-link default-button element-center ph-icon-hide" data-ph-cid="primary-action-link1" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-eTZnVx"> <div class="link" data-ph-at-id="action-default-link" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-oz8B36"> <a role="link" key-role="kVuh9e-8FFR6p-gYrha4-ph-hero-content-cc-view1-option6-linkRole" class="action-link" ph-href="jointalentcommunity" key-ph-href="kVuh9e-8FFR6p-gYrha4-ph-hero-content-cc-view1-option6-primary-link-href" key-aria-label="kVuh9e-8FFR6p-gYrha4-ph-hero-content-cc-view1-option6-primary-link-aria-label-text" ph-tevent="static_content_click" instance-id="8FFR6p-gYrha4" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-F9YCrb"> <ppc-content key="kVuh9e-8FFR6p-gYrha4-ph-hero-content-cc-view1-option6-primary-link-text" data-ph-at-id="link-text" instance-id="8FFR6p-gYrha4" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-5dUg8h"><div><span style="font-family:Arial-Bold;">Join talent community</span></div></ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1619377744109-hero-content-cc-view1-option6-savedView-1619204664578-ph-html-v1kVuh9e-Le9zF8"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <!-- Why work here --> <!--recom job histroy--> <!--recently viewd jobs--> <section class="ph-media-cc-view1-option5-savedView-1624410804276-theme1-savedView-1624410804276 ph-widget" type="static" view="1624411128928-media-cc-view1-option5-savedView-1624410804276" original-view="ph-media-cc-view1-option5" theme="theme1-savedView-1624410804276" instance-id="4XZD1P" data-ph-id="-1624411128874" id="connect"><div class="ph-media-cc-view1-option5-savedView-1624410804276-theme1-savedView-1624410804276 ph-widget-target" type="static" as-element="ph-html-v1" data-widget="ph-html-v1" view="1624411128928-media-cc-view1-option5-savedView-1624410804276" original-view="ph-media-cc-view1-option5" theme="theme1-savedView-1624410804276" ph-removed="true" data-ph-id="-1624411128874-1" instance-id="4XZD1P"><div class="ph-component-cntr ph-widget-box footer-block-hide header-center" default-cards-count="4" max-allowed-cards="8" data-ph-id="ph-widget-element-1624411128928-2"> <div class="inner-container" data-ph-id="ph-widget-element-1624411128928-3"> <div class="ph-container-heading-block" data-ph-id="ph-widget-element-1624411128928-4"> <div class="ph-header-block-default" card-name="ph-header-block-default" data-ph-id="ph-widget-element-1624411128928-5"> <div class="heading-block-info" data-ph-id="ph-widget-element-1624411128928-6"> <ppc-container component-content-key="h2-heading" class="heading-two" data-ph-cid="h2-heading1" data-ph-id="ph-widget-element-1624411128928-7"> <h2 data-ph-id="ph-widget-element-1624411128928-8"> <ppc-content key="4XZD1P-ZbhT21-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-h2-heading-title-text" class="ppc-text ppc-content" instance-id="ZbhT21" data-ph-id="ph-widget-element-1624411128928-9"><div><span style="font-family:bell_slim_black;" data-ph-id="ph-widget-element-1624411128928-11"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1624411128928-12"><span style="line-height:107%" data-ph-id="ph-widget-element-1624411128928-13"></span></span></span><span class="ph-line-height-1_1" data-ph-style-attr="ph-line-height-1_1" data-ph-process-line-height="true"><span style="font-family:bell_slim_black;"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;">Advancing how Canadians connect<br />with each other and the world</span></span></span><span style="font-family:bell_slim_black;" data-ph-id="ph-widget-element-1624411128928-11"><span class="ph-cc-ms-f-s-32 ph-cc-d-f-s-32 ph-cc-t-f-s-19 ph-cc-m-f-s-16" data-ph-id="ph-widget-element-1624411128928-12"></span></span></div></ppc-content> </h2> </ppc-container> <ppc-container component-content-key="header-block-sub-content" class="sub-content" data-ph-cid="header-block-sub-content1" data-ph-id="ph-widget-element-1624411128928-14"> <span class="sub-content-block" data-ph-id="ph-widget-element-1624411128928-15"> <ppc-content key="4XZD1P-ALu7Rt-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-header-block-sub-text" class="ppc-text ppc-content" instance-id="ALu7Rt" data-ph-id="ph-widget-element-1624411128928-16"><div><span class="gray-darkar" data-ph-id="ph-widget-element-1624411128928-18"><span class="ph-line-height-1_3" data-ph-style-attr="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-id="ph-widget-element-1624411128928-19"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1624411128928-20"><span style="font-family:Arial-Regular;" data-ph-id="ph-widget-element-1624411128928-21"></span></span></span></span><span class="gray-darkar"><span class="ph-line-height-1_3" data-ph-style-attr="ph-line-height-1_3" data-ph-process-line-height="true"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;"> In a new world of communication possibilities, Bell is committed to bringing the best digital connections and next-generation services to Canadians, with customer experience at the centre of everything we do. </span></span></span></span><span class="gray-darkar" data-ph-id="ph-widget-element-1624411128928-18"><span class="ph-line-height-1_3" data-ph-style-attr="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-id="ph-widget-element-1624411128928-19"><span class="ph-cc-ms-f-s-18 ph-cc-d-f-s-18 ph-cc-t-f-s-16 ph-cc-m-f-s-16" style="line-height: inherit !important; display: inherit;" data-ph-id="ph-widget-element-1624411128928-20"><span style="font-family:Arial-Regular;" data-ph-id="ph-widget-element-1624411128928-21"></span></span></span></span></div></ppc-content> </span> </ppc-container> </div> <div class="heading-block-actions" data-ph-id="ph-widget-element-1624411128928-22"> </div> </div> </div> <div class="ph-container-content-block" data-ph-id="ph-widget-element-1624411128928-27"> <div class="ph-card-container stackable" data-cards-per-row="six" data-ph-id="ph-widget-element-1624411128928-28"><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-cYQRoS-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="cYQRoS" data-ph-id="ph-widget-element-1624411128928-29"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-30"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-32"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-33"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-34"> <figure class="image" key-role="4XZD1P-FXDDfB-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="FXDDfB" data-ph-id="ph-widget-element-1624411128928-35"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-36"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-37"><img key-src="4XZD1P-mX1zRW-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-mX1zRW-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="mX1zRW" data-ph-id="ph-widget-element-1624411128928-38" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-01_build_best_network_bl_ot_@1x-1624411515987.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-39"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-40"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-44"> <span key-aria-level="4XZD1P-FcUWA4-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-FcUWA4-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="FcUWA4" data-ph-id="ph-widget-element-1624411128928-45"> <ppc-content key="4XZD1P-RsIACS-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="RsIACS" data-ph-id="ph-widget-element-1624411128928-46" language-overriden="true"><div style="text-align: center;"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14"><span style="font-family:Arial-Bold;">Build the best networks</span></span></span><span style="font-family:Arial-Regular;"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14"></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-53"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-54"> <ppc-content key="4XZD1P-bzPc7D-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="bzPc7D" data-ph-id="ph-widget-element-1624411128928-55"><div style="text-align: center;"><span class="darkar"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Continuing to enhance our key competitive advantage with a focus on delivering the leading broadband fibre and wireless networks in locations large and small.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-07qaUU-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="07qaUU" data-ph-id="ph-widget-element-1624411128928-71"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-72"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-74"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-75"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-76"> <figure class="image" key-role="4XZD1P-tdZ1Vg-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="tdZ1Vg" data-ph-id="ph-widget-element-1624411128928-77"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-78"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-79"><img key-src="4XZD1P-q65Dh0-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-q65Dh0-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="q65Dh0" data-ph-id="ph-widget-element-1624411128928-80" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-02_growth_innovative_services_bl_ot_@1x-1624411514549.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-81"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-82"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-86"> <span key-aria-level="4XZD1P-2NgVlb-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-2NgVlb-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="2NgVlb" data-ph-id="ph-widget-element-1624411128928-87"> <ppc-content key="4XZD1P-iyJ1sl-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="iyJ1sl" data-ph-id="ph-widget-element-1624411128928-88"><div style="text-align: center;"><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Bold;">Drive growth and innovative services<br /></span></span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-95"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-96"> <ppc-content key="4XZD1P-J1MAQJ-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="J1MAQJ" data-ph-id="ph-widget-element-1624411128928-97"><div style="text-align: center;"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="darkar"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Leveraging our leading networks to provide truly differentiated communication services to Canadians and drive revenue growth.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-uvC1No-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="uvC1No" data-ph-id="ph-widget-element-1624411128928-112"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-113"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-115"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-116"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-117"> <figure class="image" key-role="4XZD1P-vmewmw-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="vmewmw" data-ph-id="ph-widget-element-1624411128928-118"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-119"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-120"><img key-src="4XZD1P-tfVql7-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-tfVql7-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="tfVql7" data-ph-id="ph-widget-element-1624411128928-121" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-03_compelling_content_bl_ot_@1x-1624411512375.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-122"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-123"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-127"> <span key-aria-level="4XZD1P-erWawd-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-erWawd-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="erWawd" data-ph-id="ph-widget-element-1624411128928-128"> <ppc-content key="4XZD1P-XGUNt9-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="XGUNt9" data-ph-id="ph-widget-element-1624411128928-129"><div style="text-align: center;"><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Bold;">Deliver the most compelling content</span></span></span></span></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-134"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-135"> <ppc-content key="4XZD1P-M1gfuZ-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="M1gfuZ" data-ph-id="ph-widget-element-1624411128928-136"><div style="text-align: center;"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="darkar"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Taking a unified approach across our media and distribution assets to deliver the content Canadians want the most.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-O6qruI-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="O6qruI" data-ph-id="ph-widget-element-1624411128928-152"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-153"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-155"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-156"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-157"> <figure class="image" key-role="4XZD1P-9fI5vk-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="9fI5vk" data-ph-id="ph-widget-element-1624411128928-158"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-159"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-160"><img key-src="4XZD1P-3wcYMq-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-3wcYMq-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="3wcYMq" data-ph-id="ph-widget-element-1624411128928-161" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-04_customer_experience_bl_ot_@1x-1624411510619.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-162"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-163"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-167"> <span key-aria-level="4XZD1P-S9MJbJ-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-S9MJbJ-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="S9MJbJ" data-ph-id="ph-widget-element-1624411128928-168"> <ppc-content key="4XZD1P-law0J2-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="law0J2" data-ph-id="ph-widget-element-1624411128928-169"><div><div style="text-align: center;"><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Bold;">Champion customer experience</span></span></span></span></div></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-176"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-177"> <ppc-content key="4XZD1P-9l5psj-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="9l5psj" data-ph-id="ph-widget-element-1624411128928-178"><div style="text-align: center;"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="darkar"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Making it easier for customers to do business with Bell at every level, from sales to installation to ongoing support.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-tkhW1G-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="tkhW1G" data-ph-id="ph-widget-element-1624411128928-195"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-196"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-198"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-199"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-200"> <figure class="image" key-role="4XZD1P-6yHaLG-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="6yHaLG" data-ph-id="ph-widget-element-1624411128928-201"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-202"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-203"><img key-src="4XZD1P-gGKT7b-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-gGKT7b-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="gGKT7b" data-ph-id="ph-widget-element-1624411128928-204" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-05_agility_cost_efficiency_bl_ot_@1x-1624411508730.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-205"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-206"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-210"> <span key-aria-level="4XZD1P-qYcG23-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-qYcG23-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="qYcG23" data-ph-id="ph-widget-element-1624411128928-211"> <ppc-content key="4XZD1P-618DZA-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="618DZA" data-ph-id="ph-widget-element-1624411128928-212"><div style="text-align: center;"><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Bold;">Operate with agility and cost efficiency</span></span></span></span><br /></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-219"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-220"> <ppc-content key="4XZD1P-k8DBMR-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="k8DBMR" data-ph-id="ph-widget-element-1624411128928-221"><div style="text-align: center;"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="darkar"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Underscoring a focus on operational excellence and cost discipline throughout every part of our business.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div><div class="ph-card" card-name="ph-media-cc-view1" data-ph-card-block-alignment="v" role="listitem" key-role="4XZD1P-AC7Qas-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-listItemRole" card-container-style="background-image:'url()'" instance-id="AC7Qas" data-ph-id="ph-widget-element-1624411128928-236"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" style="" data-ph-id="ph-widget-element-1624411128928-237"> <div class="ph-row" ph-row-num="1" data-ph-id="ph-widget-element-1624411128928-239"> <div class="ph-col-12" ph-col-num="1" data-ph-id="ph-widget-element-1624411128928-240"> <div ph-card-block-num="1" data-ph-id="ph-widget-element-1624411128928-241"> <figure class="image" key-role="4XZD1P-V1LuyC-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-presentationRole" instance-id="V1LuyC" data-ph-id="ph-widget-element-1624411128928-242"> <ppc-container component-content-key="primary-image" class="primary-image" unique-img="true" data-ph-cid="primary-image1" data-ph-id="ph-widget-element-1624411128928-243"> <ppc-content type="image" data-ph-media="image" class="ppc-image ppc-content" data-ph-id="ph-widget-element-1624411128928-244"><img key-src="4XZD1P-57yTI1-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-src" alt="" key-alt="4XZD1P-57yTI1-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-image-alt-text" unique-img="true" data-ph-cid="primary-image1" height-val="128" instance-id="57yTI1" data-ph-id="ph-widget-element-1624411128928-245" loading="lazy" ph-data-src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/images/28-06_engage_invest_people_bl_ot_@1x-1624411507304.png" /></ppc-content> </ppc-container> </figure> </div> </div> <div class="ph-col-12" ph-col-num="2" data-ph-id="ph-widget-element-1624411128928-246"> <div class="content ph-a11y-aria-live" ph-card-block-num="2" aria-live="assertive" aria-atomic="true" data-ph-id="ph-widget-element-1624411128928-247"> <ppc-container component-content-key="heading" class="header" data-ph-cid="heading1" data-ph-id="ph-widget-element-1624411128928-251"> <span key-aria-level="4XZD1P-iNw0BC-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-aria-level" key-role="4XZD1P-iNw0BC-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text-role" instance-id="iNw0BC" data-ph-id="ph-widget-element-1624411128928-252"> <ppc-content key="4XZD1P-ENJvTg-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-heading-text" data-ph-at-id="heading-text" class="ppc-text ppc-content" instance-id="ENJvTg" data-ph-id="ph-widget-element-1624411128928-253"><div style="text-align: center;"><div><span class="ph-line-height-1" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1"><span class="brand-color-secondary"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Bold;">Engage and invest in our people and create a sustainable future</span></span></span></span></div></div></ppc-content> </span> </ppc-container> <ppc-container component-content-key="description" class="description" data-ph-cid="description1" data-ph-id="ph-widget-element-1624411128928-260"> <span class="description-block" data-ph-id="ph-widget-element-1624411128928-261"> <ppc-content key="4XZD1P-u5dvuB-ph-media-cc-view1-option5-savedView-1624410804276-savedView-1620308146640-description-text" data-ph-at-id="description-text" class="ppc-text ppc-content" instance-id="u5dvuB" data-ph-id="ph-widget-element-1624411128928-262"><div style="text-align: center;"><span class="darkar"><span class="ph-line-height-1_3" data-ph-process-line-height="true" data-ph-style-attr="ph-line-height-1_3"><span class="ph-cc-ms-f-s-14 ph-cc-d-f-s-14 ph-cc-t-f-s-14 ph-cc-m-f-s-14" style="line-height: inherit !important; display: inherit;"><span style="font-family:Arial-Regular;">Strengthening our leading workplace culture, recognizing that Bell’s success requires a dynamic and engaged team that is committed to the highest enviornmental, social and goverance (ESG) standards.</span></span></span></span></div></ppc-content> </span> </ppc-container> </div> </div> </div> </div> </div></div> </div> <div class="ph-container-footer-block" data-ph-id="ph-widget-element-1624411128928-482"> <div class="ph-footer-block-default" card-name="ph-footer-block-default" data-ph-id="ph-widget-element-1624411128928-483"> <div class="footer-block-actions" data-ph-id="ph-widget-element-1624411128928-484"> </div> </div> </div> </div> </div></div></section> <!--nearbyjbs--> <!-- glassdoor --> <!-- find out more --> <!-- A glimpse into Phenom life --> <div id="px-block-2" data-audience-block="px-block-2" class="px-block-2" data-ph-id="5375195831404909"><div id="px-block-2-stranger" data-ph-id="33265867050231312"></div><div id="px-block-2-lead"></div><div id="px-block-2-qualifiedLead"></div></div></div> </div> <div class="ph-footer" data-ph-id="ph-page-element-page7-Vw3Gol"><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget" theme="theme1" type="static" instance-id="iRptzC" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1708527259176-media-cc-view1-option3" data-ph-id="ph-widget-element-1708527259176-oX3IjC"><div as-element="ph-html-v1" data-widget="ph-html-v1" view="1708527259176-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1708527259487" instance-id="iRptzC" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1"> <div class="ph-component-cntr ph-widget-box" style="background-color: #3a3a3a;" role="region" key-role="gdpr-gdprRegionRole" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-cVbKQE"> <div class="inner-container ph-cc-d-p-t-0 ph-cc-d-p-b-0" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-VBXBb7"> <div class="ph-container-content-block" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-gRNeDP"> <div class="ph-card-container stackable" data-cards-per-row="two" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-vDIpuH"> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-ES3GiJ"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-dLve06"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-cmlGkn"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-hvI4u6"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href1" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text1" aria-label="Career Site Cookie Settings" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-cookie-settings-text" ph-tevent="static_content_click" ph-href="cookiesettings" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-zaSrvS"> <ppc-content key="gdpr-primary-link-text1" data-ph-at-id="link-text" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-39SeLD"> Career Site Cookie Settings </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-GgPbBj"></i> </a> </div> </ppc-container> </div> </div> <div class="ph-card" card-name="ph-media-cc-view1" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-qOeHru"> <div class="ph-media-cc-view1 ph-card-block" data-ph-at-id="ph-media-cc-view1" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-9BBlch"> <ppc-container component-content-key="primary-action-link" class="ph-cc-d-m-b-0 element-center ph-icon-hide" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-63wnC8"> <div class="link" data-ph-at-id="media-default-link" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-hnbGQm"> <a class="action-link ph-cc-d-p-t-20 ph-cc-d-p-r-20 ph-cc-d-p-b-20 ph-cc-d-p-l-20" key-ph-href="gdpr-ph-media-cc-view1-option3-primary-link-href2" title="" key-title="gdpr-ph-media-cc-view1-option3-primary-link-title-text2" aria-label="Personal Information" key-aria-label="gdpr-ph-media-cc-view1-option3-primary-link-aria-label-personal-info-text" ph-tevent="static_content_click" ph-href="emailpersonalinfo" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-qFokyO"> <ppc-content key="gdpr-primary-link-text2" data-ph-at-id="link-text" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-WZLjGs"> Personal Information </ppc-content> <i class="icon icon-arrow-right" aria-hidden="true" data-ph-id="ph-1708527259176-media-cc-view1-option3-ph-html-v1iRptzC-CNHhkJ"></i> </a> </div> </ppc-container> </div> </div> </div> </div> </div> </div> </div></section><section class="ph-media-cc-view1-option3-theme1 ppc-section ph-widget-disabled" theme="theme1" type="static" instance-id="1Bhe2l" original-view="ph-media-cc-view1-option3" ph-module="gdpr" view="1708527191295-media-cc-view1-option3" data-ph-id="ph-widget-element-1708527191295-MvcaMu"><div data-widget="ph-html-v1" view="1708527191295-media-cc-view1-option3" original-view="ph-media-cc-view1-option3" type="static" data-ph-id="1708527191644" instance-id="1Bhe2l" class="ph-widget-target ph-media-cc-view1-option3-theme1" theme="theme1" as-disabled="ph-html-v1"></div></section><section class="ph-widget ph-widget-layout ppc-section ph-widget-target" view="footer" type="static" instance-id="4s73uu" data-ph-id="footer-BOMj8m" original-view="footer" as-element="footer" data-widget="footer"><div as-element="footer" data-widget="footer" view="footer" original-view="footer" type="static" instance-id="4s73uu" theme="default" class="ph-widget-target footer-default" data-ph-id="ph-page-element-footer-4s73uu-vGYwER"> <footer id="footer" role="contentinfo" key-role="footer-contentinfoRole" data-ph-id="ph-page-element-footer-4s73uu-QqLk4K"> <div class="footer-block ph-widget-box" data-ph-id="ph-page-element-footer-4s73uu-qVsF5I"> <div class="container" data-ph-id="ph-page-element-footer-4s73uu-VtIKAj"> <div class="top-block row" data-ph-id="ph-page-element-footer-4s73uu-v72v9u"> <!-- <div class="footer-logo col-md-4 col-sm-3 col-xs-12"> <div class="footer-info-left"> <div class="footer-logo-top"> <a role="link" key-role="achorLogoKeyRoleFooter" ph-href="/" aria-label="footer logo" key-aria-label="footerTitleText" key-ph-href="footerLogokeyUlrPath" ph-tevent="logo_click" data-ph-tevent-attr-trait62="logo" data-ph-at-id="footer-logo"> <ppc-content type="image" aria-hidden="true"> <img ph-src="assets/images/footer-logo.png" class="img-responsive" key-ph-src="footerLogoSrcPathUrl" alt="footer logo" key-alt="footerlogoKeyAlt"> </ppc-content> </a> </div> </div> </div> --> <span class="col-md-4 col-sm-4 col-xs-4 footer-second-block" data-ph-id="ph-page-element-footer-4s73uu-KvsT4b"> <div class="list-items" data-ph-id="ph-page-element-footer-4s73uu-Vo5KLP"> <div class="heading" data-ph-id="ph-page-element-footer-4s73uu-fznGtd"> <h3 data-ph-id="ph-page-element-footer-4s73uu-E47FVW"> <ppc-content key="footerDeskCompanyCareersKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-4s73uu-Qx3Iyg" language-overriden="true">CAREERS AT BELL</ppc-content> </h3> </div> <ul data-ph-id="ph-page-element-footer-4s73uu-6GMPsK"> <li data-ph-id="ph-page-element-footer-4s73uu-WJXn0s"> <a role="link" key-role="footer-achorSearchJobsKeyRoleFooter" ph-href="jointalentcommunity?applyType=JTC" key-ph-href="footer-JoinTalentLinkUrl121" ph-tevent="footer_menu_click" target="_self" key-target="footer-jtctargetr" data-ph-tevent-attr-trait62="Join Talent Community" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-98fqy7"> <ppc-content key="footer-fSearchJobsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-dHEB6O" language-overriden="true">Join talent community</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-yvwQeu"> <a role="link" key-role="footer-achorBrowseCategoriesKeyRoleFooter" ph-href="home#AllJobCategories" key-ph-href="footer-browseCategoriesPathLinkUrl0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Browse Categories" target="_self" key-target="footer-browsetargetkey" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-eyMWI0"> <ppc-content key="footer-fBrowseCategoriesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-YGWd78">Browse categories</ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-13MJsw"> <a role="link" key-role="footer-achorstudentsandgraduatesKeyRoleFooter" ph-href="c/students-graduates-jobs" key-ph-href="footer-studentsandgraduatesPathLinkUrl0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Students & graduates" data-ph-at-id="footer-links" target="_self" key-target="footer-studsandgradstargetkey" data-ph-id="ph-page-element-footer-4s73uu-EZ5ZYj"> <ppc-content key="footer-fstudentsandgraduatesLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-h3V1Cl"> Students & graduates </ppc-content> </a> </li> </ul> </div> </span> <span class="col-md-4 col-sm-4 col-xs-4 footer-third-block" data-ph-id="ph-page-element-footer-4s73uu-5keUdl"> <div class="list-items" data-ph-id="ph-page-element-footer-4s73uu-4XkyGx"> <div class="heading" data-ph-id="ph-page-element-footer-4s73uu-HSSTsl"> <h3 data-ph-id="ph-page-element-footer-4s73uu-eRM5E7"> <ppc-content key="footerLifeAtBellKey" data-ph-at-id="footer-headings" data-ph-id="ph-page-element-footer-4s73uu-fWxdtB" language-overriden="true">LIFE AT BELL</ppc-content> </h3> </div> <ul data-ph-id="ph-page-element-footer-4s73uu-eQIoVw"> <li data-ph-id="ph-page-element-footer-4s73uu-XQ6Qpp"> <a role="link" key-role="footer-achorKeyRoleFooter" ph-href="home#BellBenefits" key-ph-href="footer-perksandBenefitsLinkUrl" target="_self" key-target="footer-benefitstargetkey" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Perks and Benefits" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-QnYUTh"> <ppc-content key="footer-fBenefitsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-UspDnh"> Benefits </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-CxoCUj"> <a role="link" key-role="footer-achorKeyRoleFooter" ph-href="life-at-bell" key-ph-href="footer-InclusionGroupPathLinkUrl" target="_self" key-target="footer-inclusiongroupstargetkey" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Inclusion Groups" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-6CBM7v"> <ppc-content key="footer-fInclusionGroupsLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-usDIwb"> Inclusion groups </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-7NVqDu"> <a role="link" key-role="footer-achorKeyRoleFooter" title="Bell Let’s Talk" key-title="footer-LetsTalkTitle" aria-label="opens in new window" key-aria-label="footer-LetsTalkAriaLabel" href="https://letstalk.bell.ca/en/" key-href="footer-bellletstalkPathLinkUrl1" ph-tevent="footer_menu_click" target="_blank" key-target="footer-bellletstalktargetkey12" data-ph-tevent-attr-trait62="Bell Let’s Talk" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-xeK85V"> <ppc-content key="footer-fbellletstalksLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-7qaYb2"> Bell Let’s Talk </ppc-content><i class="icon icon-new-tab" data-ph-id="ph-page-element-footer-4s73uu-rn21Z7"></i> </a> </li> </ul> </div> </span> <!-- <span class="col-md-2 col-sm-2 col-xs-6 footer-fourth-block"> <div class="list-items"> <div class="heading"> <h2> <ppc-content key="footerDeskcustomerServiceKey" data-ph-at-id="footer-headings">Customer Service</ppc-content> </h2> </div> <ul> <li> <a role="link" key-role="achorKeyRoleFooter" href="javascript:viod(0)" target="_blank" key-href="helpLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Help" data-ph-at-id="footer-links"> <ppc-content key="fHelpLink" data-ph-at-id="footer-links">Help</ppc-content> </a> </li> <li> <a role="link" key-role="achorKeyRoleFooter" href="javascript:viod(0)" target="_blank" key-href="faqPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="FAQ" data-ph-at-id="footer-links"> <ppc-content key="fFAQLink" data-ph-at-id="footer-links">FAQ's</ppc-content> </a> </li> </ul> </div> </span> --> <!-- <span class="col-md-2 col-sm-2 col-xs-6 footer-five-block"> <div class="list-items"> <div class="heading"> <h2> <ppc-content key="footerDeskcontactsKey" data-ph-at-id="footer-headings">Contacts</ppc-content> </h2> </div> <ul> <li> <a role="link" key-role="achorKeyRoleFooter" href="javascript:viod(0)" target="_blank" key-href="branchesLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Branches" data-ph-at-id="footer-links"> <ppc-content key="fBranchesLink" data-ph-at-id="footer-links">Branches</ppc-content> </a> </li> <li> <a role="link" key-role="achorKeyRoleFooter" href="javascript:viod(0)" target="_blank" key-href="citiesPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Cities" data-ph-at-id="footer-links"> <ppc-content key="fCitiesLink" data-ph-at-id="footer-links">Cities</ppc-content> </a> </li> </ul> </div> </span> --> </div> <div class="SocialIcons" data-ph-id="ph-page-element-footer-4s73uu-vDiCp3"> <ul data-ph-id="ph-page-element-footer-4s73uu-SiI00c"> <li data-ph-id="ph-page-element-footer-4s73uu-3ACiM6"> <a role="link" title="facebook" key-title="footersocial1" data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="facebook" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="facebook" key-href="footerFacebookHrefKey" href="https://www.facebook.com/BellCanada" target="_blank" aria-label="facebook" key-aria-label="footerfacebook" class="facebook" data-ph-id="ph-page-element-footer-4s73uu-CPDKye"> <i aria-hidden="true" class="icon icon-facebook" data-ph-id="ph-page-element-footer-4s73uu-nenIfR"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-o3vJ9F"> <a role="link" title="linkedin" key-title="footersocial11" data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="linkedin" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="linkedin" key-href="footerLinkdinHrefKey" href="https://www.linkedin.com/company/bell" target="_blank" aria-label="linkedin" key-aria-label="footerLinkedin" class="linkedin" data-ph-id="ph-page-element-footer-4s73uu-YNScqN"> <i aria-hidden="true" class="icon icon-linkedin-4" data-ph-id="ph-page-element-footer-4s73uu-B5QXLr"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-PBJVJU"> <a role="link" title="twitter" key-title="footersocial12" data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="twitter" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="twitter" key-href="footerTwitterHrefKey" href="https://twitter.com/Bell" target="_blank" aria-label="twitter" key-aria-label="footerTwitter" class="twitter" data-ph-id="ph-page-element-footer-4s73uu-fzW2Tb"> <i aria-hidden="true" class="icon icon-twitter" data-ph-id="ph-page-element-footer-4s73uu-UCCAX8"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-VxyS9i"> <a role="link" title="youtube" key-title="footersocial13" data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="youtube" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="youtube" key-href="footerYoutubeHrefKey0" href="https://www.youtube.com/bellcanada" target="_blank" aria-label="youtube" key-aria-label="footerYoutube" class="youtube" data-ph-id="ph-page-element-footer-4s73uu-7RQiLI"> <i aria-hidden="true" class="icon icon-youtube-1" data-ph-id="ph-page-element-footer-4s73uu-cN2GkR"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-JTX2vW"> <a role="link" title="blog" key-title="footersocial14" data-ph-at-id="footer-sharing-links" data-ph-at-footer-sharing-links-text="blog" ph-tevent="socialnetwork_menu_click" data-ph-tevent-attr-trait213="blog" key-href="footerBlogHrefKey" href="https://forum.bell.ca/t5/Bell-Community-Blog/bg-p/Blog" target="_blank" aria-label="Blog" key-aria-label="footerBlog" class="blog" data-ph-id="ph-page-element-footer-4s73uu-9fGRmc"> <i aria-hidden="true" class="icon icon-blog" data-ph-id="ph-page-element-footer-4s73uu-DH45qQ"></i> </a> </li> </ul> </div> <div class="copy-right-block" data-ph-id="ph-page-element-footer-4s73uu-oeEyhu"> <div class="copy-right-inner-block" data-ph-id="ph-page-element-footer-4s73uu-y2k5EV"> <p class="col-md-4 col-sm-4 col-xs-12" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-4s73uu-HQXQMe"> <ppc-content key="footerCopyrightContentKeys" data-ph-at-id="copyright-text" data-ph-id="ph-page-element-footer-4s73uu-qm2ynG" language-overriden="true">© Bell Canada, 2024. All rights reserved.</ppc-content> </p> <div class="copy-right-sub-block col-md-8 col-sm-8 col-xs-12" data-ph-id="ph-page-element-footer-4s73uu-insGC2"> <ul data-ph-id="ph-page-element-footer-4s73uu-Rk4nTW"> <li data-ph-id="ph-page-element-footer-4s73uu-j0e81s"> <a role="link" title="Cookie Settings" key-title="footer-CookieSettingsTitlte" aria-label="opnes in new window" key-aria-label="footer-CookieSettingsAriaLabel" key-role="footer-achorKeyRoleFooter" href="https://www.bell.ca/Security_and_privacy/How_we_collect_and_use_data#cookiesSection" key-href="footer-CareerSiteCookieSettingsPathLink0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Career Site Cookie Settings" data-ph-at-id="footer-links" target="_blank" key-target="footer-careersitecokkietarget" data-ph-id="ph-page-element-footer-4s73uu-2BTUPs"> <ppc-content key="footer-fCareerSiteCookieSettingsLink0" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-gSLS4y"> Cookie Settings </ppc-content><i class="icon icon-new-tab" data-ph-id="ph-page-element-footer-4s73uu-1FzlLq"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-Avq9kG"> <a role="link" key-role="footer-achorKeyRoleFooter" ph-href="emailpersonalinfo" key-ph-href="footer-PersonalInformationPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Personal Information" data-ph-at-id="footer-links" target="_self" key-target="footer-personeltargetkey" data-ph-id="ph-page-element-footer-4s73uu-70LRpu"> <ppc-content key="footer-fPersonalInformationLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-8zsyOq"> Personal Information </ppc-content> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-9uGuV9"> <a role="link" title="Privacy" key-title="footer-PrivacyTitle" aria-label="opnes in new window" key-aria-label="footer-PrivacyAriaLabel" key-role="footer-achorKeyRoleFooter" href="" target="_blank" key-target="footer-commitprivacytargetkey" key-href="footer-privacyPolicyPathLink0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Privacy Policy" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-rXQYgc"> <ppc-content key="footer-fPrivacyPolicyLink0" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-aED9VJ"> Privacy </ppc-content><i class="icon icon-new-tab" data-ph-id="ph-page-element-footer-4s73uu-8RyQP3"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-qEDmKX"> <a role="link" title="Security" key-title="footer-SecurityTitle" aria-label="opnes in new window" key-aria-label="footer-SecurityAriaLabel" key-role="footer-achorKeyRoleFooter" href="" target="_blank" key-target="footer-securitytargetkey" key-href="footer-SecurityPathLink0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Security" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-Wyo4iP"> <ppc-content key="footer-fSecurityLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-hWPi5V"> Security </ppc-content><i class="icon icon-new-tab" data-ph-id="ph-page-element-footer-4s73uu-igFgWS"></i> </a> </li> <li data-ph-id="ph-page-element-footer-4s73uu-kaxlvi"> <a role="link" title="Legal & Regulatory" key-title="footer-LegalTitle" aria-label="opnes in new window" key-aria-label="footer-LegalAriaLabel" key-role="footer-achorKeyRoleFooter" href="https://www.bell.ca/Legal_and_terms#INT=OTH_legal_TXT_Footer" target="_blank" key-target="footer-legalkeytarget" key-href="footer-legalandregulatoryLink0" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Legal & Regulatory" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-dNZtSW"> <ppc-content key="footer-flegalandregulatoryLink" data-ph-at-id="footer-links" data-ph-id="ph-page-element-footer-4s73uu-KLcYmJ"> Legal & Regulatory </ppc-content><i class="icon icon-new-tab" data-ph-id="ph-page-element-footer-4s73uu-ZCnsgx"></i> </a> </li> <!-- <li> <a role="link" key-role="achorKeyRoleFooter" href="javascript:viod(0)" target="_blank" key-href="siteMapPathLink" ph-tevent="footer_menu_click" data-ph-tevent-attr-trait62="Site Map" data-ph-at-id="footer-links"> <ppc-content key="fSiteMapLink" data-ph-at-id="footer-links">Site Map</ppc-content> </a> </li> --> </ul> </div> </div> </div> </div> </div> <div class="rsx-footer-backtotop-desktop captchaOverride" style="display: block;" data-ph-id="ph-page-element-footer-4s73uu-TqQsHe"> <a role="button" class="rsx-footer-backtotop-trigger rsx-button rsx-button_outline" onclick="window.scrollTo(0, 0);" href="javascript:void(0)" title="Back to top" aria-label="Back to top" data-ol-has-click-handler="" data-ph-id="ph-page-element-footer-4s73uu-Z8BrK1"> <span class="rsx-footer-backtotop-trigger-desktop" style="display: block;" data-ph-id="ph-page-element-footer-4s73uu-TcREAT"> <i class="gototop-arrow" data-ph-id="ph-page-element-footer-4s73uu-E1MRzs"></i>Back to top </span> </a> </div> </footer> </div></section></div> <!-- js files --> <script src="https://cdn.phenompeople.com/CareerConnectResources/pp/BECACA/en_ca/desktop/assets/scripts/1677760968118-custom.js" data-ph-id="ph-page-element-page7-CS4HNh" async="" nonce=""></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="" nonce=""> </script><script type="text/javascript">if(phApp) {phApp.viewsFromPage = true} else {var phApp = {"viewsFromPage":true}}</script><script type="text/javascript" src="https://cdn.phenompeople.com/CareerConnectResources/BECACA/en_ca/desktop/page7/caas-platform/page-views-1727795688103.js" defer></script></body> </html><div id='csrfToken' style='display:none'>0dd5cdc32f144d969dc637285edca390</div>